Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
@denysdovhan
May 27, 2017
facebook.com/chernivtsijs
LambdaBooks
github.com/LambdaBooks
Інструмент для
тих,
в кого бомбить
brunch
|brən(t)SH|
a late morning meal eaten instead of
breakfast and lunch.
Для чого нам
велосипед?
Brunch (2011)
Grunt (2011)
Browserify (2012)
Webpack (2012)
Gulp (2013)
Broccoli (2013)
Fly (2015)
@nikgraf
@tosh
Слайд про те,
як все було погано
@paulmillr
@es128
Слайд про те,
як все стало круто
chokidar
gulp, webpack, browserify, fly
7.5M встановлень/місяць
Комерційна
підтримка*
*опенсорс за бабки
Простота
Прості
конфіг
пайплайн
API
хуки
Декларативний
конфіг
brunch-config.js
module.exports = { 
  files: { 
    javascripts: { joinTo: 'app.js' }, 
    stylesheets: { joinTo: 'app.cs...
Валідація конфіга
Три команди
new, build, watch
Зрозумілий
пайплайн
file
↓
lint(file): Boolean
↓
getDependencies(file): Array[Path]
↓
compile(file): File
↓
optimize(file): File
↓
onCompile(files, ...
Прозорий API для
плагінів
Хуки
hooks: { 
  preCompile() { 
    // .. 
  }, 
  onCompile(generatedFiles, changedAssets) { 
    // ... 
    return Promise....
Супершвидкий
Маленький
розмір
Зручність
Скелети
brunch.io/skeletons
Сервер з коробки
Перезапуск при
зміні конфігів
Встановлення
загублених
залежностей
Системні
сповіщення про
помилки
Плагіни
працюють з
коробки
Без додаткових налаштувань, відразу після
встановлення
Brunch + React
with-react
brunch new -s brunch/with-react
brunch-cofig.js
module.exports = { 
  javascripts: { 
    joinTo: { 
      'vendors.js': /^(?!app)/, 
      'app.js': /^app...
Ці слайди на
React + Brunch
denysdovhan/slides-feel-good-with-brunch
with-redux
brunch new -s brunch/with-redux
HMR*
*він там є
brunch-cofig.js
module.exports = { 
  hot: true, 
 
  //... 
} 
Обмеження
SPA — бро
сайтики на вордпресі — бро
статика — бро
бібліотеки — не бро
Немає тестів*
*якби є, але написані на ava
Немає
require.ensure
Обмежені
інструменти для
оптимізації
бандла
Реальні
користувачі
Матеріали
brunch.io
Andrew Cox — Diving into Brunch
WSD — Алексей Швайка: «Про Brunch и
как мы его делаем»
Слайди
denysdovhan/slides-feel-good-with-brunch
@denysdovhan
Збираю фронтенд на Brunch і чудово себе почуваю
Збираю фронтенд на Brunch і чудово себе почуваю
Збираю фронтенд на Brunch і чудово себе почуваю
Збираю фронтенд на Brunch і чудово себе почуваю
Збираю фронтенд на Brunch і чудово себе почуваю
Збираю фронтенд на Brunch і чудово себе почуваю
Збираю фронтенд на Brunch і чудово себе почуваю
Збираю фронтенд на Brunch і чудово себе почуваю
Збираю фронтенд на Brunch і чудово себе почуваю
Збираю фронтенд на Brunch і чудово себе почуваю
Збираю фронтенд на Brunch і чудово себе почуваю
Upcoming SlideShare
Loading in …5
×
Upcoming SlideShare
CSS по БЕМ
Next
Download to read offline and view in fullscreen.

0

Share

Download to read offline

Збираю фронтенд на Brunch і чудово себе почуваю

Download to read offline

C'n'C #27 - Front-end

Денис Довгань

Open Source в Hell Yeah LLC
засновник NodeSchool Chernivtsi, ChernivtsiJS та ƛ LambdaBooks

Related Books

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

Збираю фронтенд на Brunch і чудово себе почуваю

  1. 1. @denysdovhan
  2. 2. May 27, 2017 facebook.com/chernivtsijs
  3. 3. LambdaBooks github.com/LambdaBooks
  4. 4. Інструмент для тих, в кого бомбить
  5. 5. brunch |brən(t)SH| a late morning meal eaten instead of breakfast and lunch.
  6. 6. Для чого нам велосипед?
  7. 7. Brunch (2011) Grunt (2011) Browserify (2012) Webpack (2012) Gulp (2013) Broccoli (2013) Fly (2015)
  8. 8. @nikgraf @tosh
  9. 9. Слайд про те, як все було погано
  10. 10. @paulmillr @es128
  11. 11. Слайд про те, як все стало круто
  12. 12. chokidar gulp, webpack, browserify, fly 7.5M встановлень/місяць
  13. 13. Комерційна підтримка* *опенсорс за бабки
  14. 14. Простота
  15. 15. Прості конфіг пайплайн API хуки
  16. 16. Декларативний конфіг
  17. 17. brunch-config.js module.exports = {    files: {      javascripts: { joinTo: 'app.js' },      stylesheets: { joinTo: 'app.css' }    }  } 
  18. 18. Валідація конфіга
  19. 19. Три команди new, build, watch
  20. 20. Зрозумілий пайплайн
  21. 21. file ↓ lint(file): Boolean ↓ getDependencies(file): Array[Path] ↓ compile(file): File ↓ optimize(file): File ↓ onCompile(files, assets)
  22. 22. Прозорий API для плагінів
  23. 23. Хуки
  24. 24. hooks: {    preCompile() {      // ..    },    onCompile(generatedFiles, changedAssets) {      // ...      return Promise.resolve();    },  }, 
  25. 25. Супершвидкий
  26. 26. Маленький розмір
  27. 27. Зручність
  28. 28. Скелети brunch.io/skeletons
  29. 29. Сервер з коробки
  30. 30. Перезапуск при зміні конфігів
  31. 31. Встановлення загублених залежностей
  32. 32. Системні сповіщення про помилки
  33. 33. Плагіни працюють з коробки Без додаткових налаштувань, відразу після встановлення
  34. 34. Brunch + React
  35. 35. with-react brunch new -s brunch/with-react
  36. 36. brunch-cofig.js module.exports = {    javascripts: {      joinTo: {        'vendors.js': /^(?!app)/,        'app.js': /^app/,      },    },    stylesheets: { joinTo: 'app.css' },  }; 
  37. 37. Ці слайди на React + Brunch denysdovhan/slides-feel-good-with-brunch
  38. 38. with-redux brunch new -s brunch/with-redux
  39. 39. HMR* *він там є
  40. 40. brunch-cofig.js module.exports = {    hot: true,      //...  } 
  41. 41. Обмеження
  42. 42. SPA — бро сайтики на вордпресі — бро статика — бро бібліотеки — не бро
  43. 43. Немає тестів* *якби є, але написані на ava
  44. 44. Немає require.ensure
  45. 45. Обмежені інструменти для оптимізації бандла
  46. 46. Реальні користувачі
  47. 47. Матеріали brunch.io Andrew Cox — Diving into Brunch WSD — Алексей Швайка: «Про Brunch и как мы его делаем»
  48. 48. Слайди denysdovhan/slides-feel-good-with-brunch
  49. 49. @denysdovhan

C'n'C #27 - Front-end Денис Довгань Open Source в Hell Yeah LLC засновник NodeSchool Chernivtsi, ChernivtsiJS та ƛ LambdaBooks

Views

Total views

170

On Slideshare

0

From embeds

0

Number of embeds

46

Actions

Downloads

2

Shares

0

Comments

0

Likes

0

×