+ All Categories
Home > Education > Збираю фронтенд на Brunch і чудово себе почуваю

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

Date post: 06-Apr-2017
Category:
Upload: studio-stfalconcom
View: 46 times
Download: 3 times
Share this document with a friend
60
@denysdovhan
Transcript

May 27, 2017

facebook.com/chernivtsijs

LambdaBooksgithub.com/LambdaBooks

Інструмент длятих,

в кого бомбить

brunch|brən(t)SH|

a late morning meal eaten instead ofbreakfast and lunch.

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

Brunch (2011)Grunt (2011)

Browserify (2012)Webpack (2012)

Gulp (2013)Broccoli (2013)

Fly (2015)

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

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

chokidargulp, webpack, browserify, fly

7.5M встановлень/місяць

Комерційнапідтримка*

*опенсорс за бабки

Простота

Простіконфіг

пайплайнAPI

хуки

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

brunch-config.jsmodule.exports = files: javascripts: joinTo: 'app.js' , stylesheets: joinTo: 'app.css'

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

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

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

file↓

lint(file): Boolean↓

getDependencies(file): Array[Path]↓

compile(file): File↓

optimize(file): File↓

onCompile(files, assets)

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

Хуки

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

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

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

Зручність

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

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

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

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

залежностей

Системнісповіщення про

помилки

Плагінипрацюють з

коробкиБез додаткових налаштувань, відразу після

встановлення

Brunch + React

with-reactbrunch new -s brunch/with-react

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

Ці слайди наReact + Brunch

denysdovhan/slides-feel-good-with-brunch

with-reduxbrunch new -s brunch/with-redux

HMR**він там є

brunch-cofig.jsmodule.exports = hot: true, //...

Обмеження

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

статика — бро бібліотеки — не бро

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

Немаєrequire.ensure

Обмеженіінструменти для

оптимізаціїбандла

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

Матеріали

brunch.ioAndrew Cox — Diving into BrunchWSD — Алексей Швайка: «Про Brunch и

как мы его делаем»

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


Recommended