Сучасний React
Роман Якобчук
-
— Провідний тренер smartme.university
— Senior-developer у LifeStreet Media
— Знає з десяток мов програмування, і готовий вивчити ще стільки ж
Детальніше про майстер-клас тут.
React приніс у фронтенд-розробку нові, революційні ідеї. Він зайшов на хвилі популярності функціонального програмування і презентував новий архітектурний паттерн — Flux, який потроху почав витісняти звичний для всіх MVVM.
React — найбільш динамічно-розвиваючийся фреймворк, де нові інструменти і можливості з’являються з неймовірною частотою. У світі React недостатньо знати сам фреймворк, необхідно добре орієнтуватись в інфраструктурі навколо нього: що і коли обирати для бізнес-логіки, які інструменти можуть прискорити розробку в кілька разів, і як уникнути "велосипедів" при використанні сторонніх компонентів.
Ми з вами ознайомимось з новітньою реалізацією Flux - Redux, розберемось в його філософії і побачимо, які шишки набивають люди, знайомлячись з ним самостійно. В процесі налаштуємо Webpack і дізнаємось, що таке hot module replacement, що використовується в Redux dev tools і допомагає розвивати додатоки з космічною швидкістю. А ще навчимось працювати з Higher order components на прикладі react-dnd і заодно прокачаємо навички функціонального програмування.
React — найбільш динамічно-розвиваючийся фреймворк, де нові інструменти і можливості з’являються з неймовірною частотою. У світі React недостатньо знати сам фреймворк, необхідно добре орієнтуватись в інфраструктурі навколо нього: що і коли обирати для бізнес-логіки, які інструменти можуть прискорити розробку в кілька разів, і як уникнути "велосипедів" при використанні сторонніх компонентів.
Ми з вами ознайомимось з новітньою реалізацією Flux - Redux, розберемось в його філософії і побачимо, які шишки набивають люди, знайомлячись з ним самостійно. В процесі налаштуємо Webpack і дізнаємось, що таке hot module replacement, що використовується в Redux dev tools і допомагає розвивати додатоки з космічною швидкістю. А ще навчимось працювати з Higher order components на прикладі react-dnd і заодно прокачаємо навички функціонального програмування.