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

1. @denysdovhan

3. May 27, 2017
facebook.com/chernivtsijs

4. LambdaBooks
github.com/LambdaBooks

6. Інструмент для
тих,
в кого бомбить

7. brunch
|brən(t)SH|
a late morning meal eaten instead of
breakfast and lunch.

8. Для чого нам
велосипед?

9. Brunch (2011)
Grunt (2011)
Browserify (2012)
Webpack (2012)
Gulp (2013)
Broccoli (2013)
Fly (2015)

10. @nikgraf
@tosh

11. Слайд про те,
як все було погано

12. @paulmillr
@es128

13. Слайд про те,
як все стало круто

14. chokidar
gulp, webpack, browserify, fly
7.5M встановлень/місяць

15. Комерційна
підтримка*
*опенсорс за бабки

16. Простота

17. Прості
конфіг
пайплайн
API
хуки

18. Декларативний
конфіг

19. brunch-config.js
module.exports = {
files: {
javascripts: { joinTo: 'app.js' },
stylesheets: { joinTo: 'app.css' }
}
}

20. Валідація конфіга

21. Три команди
new, build, watch

22. Зрозумілий
пайплайн

23. file
↓
lint(file): Boolean
↓
getDependencies(file): Array[Path]
↓
compile(file): File
↓
optimize(file): File
↓
onCompile(files, assets)

24. Прозорий API для
плагінів

25. Хуки

26. hooks: {
preCompile() {
// ..
},
onCompile(generatedFiles, changedAssets) {
// ...
return Promise.resolve();
},
},

27. Супершвидкий

28. Маленький
розмір

29. Зручність

30. Скелети
brunch.io/skeletons

32. Сервер з коробки

34. Перезапуск при
зміні конфігів

36. Встановлення
загублених
залежностей

38. Системні
сповіщення про
помилки

40. Плагіни
працюють з
коробки
Без додаткових налаштувань, відразу після
встановлення

41. Brunch + React

42. with-react
brunch new -s brunch/with-react

43. brunch-cofig.js
module.exports = {
javascripts: {
joinTo: {
'vendors.js': /^(?!app)/,
'app.js': /^app/,
},
},
stylesheets: { joinTo: 'app.css' },
};

44. Ці слайди на
React + Brunch
denysdovhan/slides-feel-good-with-brunch

45. with-redux
brunch new -s brunch/with-redux

46. HMR*
*він там є

47. brunch-cofig.js
module.exports = {
hot: true,
//...
}

48. Обмеження

49. SPA — бро
сайтики на вордпресі — бро
статика — бро
бібліотеки — не бро

50. Немає тестів*
*якби є, але написані на ava

51. Немає
require.ensure

52. Обмежені
інструменти для
оптимізації
бандла

53. Реальні
користувачі

58. Матеріали
brunch.io
Andrew Cox — Diving into Brunch
WSD — Алексей Швайка: «Про Brunch и
как мы его делаем»

59. Слайди
denysdovhan/slides-feel-good-with-brunch

60. @denysdovhan