JS Lab`16. Роман Якобчук: "React в реальной жизни"
0 likes201 views
12.3.16. JS Lab В прошлом году я много рассказывал о возможностях Реакта во всяких rocket-science проектах. В этот раз я поделюсь с вами практикой использования этой библиотеки в повседневной жизни. Я объясню, почему раз за разом для нового проекта я выбираю Реакт, и какую пользу это приносит моей компании. Вы увидите весь спектр его применения и услышите, когда от него лучше отказаться.
JS Lab`16. Роман Якобчук: "React в реальной жизни"
- 1. React в реальному житті Роман Якобчук
- 2. Як я прийшов в Реакт • Мені потрібенбувфреймворк, що легко уживатиметьсяз чим-завгодно Але, якщо чесно: • Мені булонуднувато • Я вчив функціональнепрограмування • Реакт був цікавоюновинкою
- 3. Реакт в стилі FRP • Це цікаво • Надійно • Прозоро
- 4. Universal apps • Це цікаво) • Неочевидно (чи недосяжно) в інших фреймворках • Можливістьстворюватиbest-practice
- 5. Who cares? • Хто писавFRP-логіку? • Хто розроблявдодатки з сервернимрендерингом? • Хто робитьна React дійсноскладніпроекти?
- 6. Які у вас повсякденні задачі? • Розробка простихSPA • Розумні компоненти • Підтримка legacy-коду
- 7. Коли React - не ваш варіант • КласичнийSPA • Багато взаємодії “по горизонталі” • Ваша задача вирішуєтьсяза годинуз jQuery • Важливі переходи між станами, наприкладанімації • В команді немає хороших програмістів
- 9. Як з’їсти слона • Величезний Legacyпроект • Технології, котрівже зараз не бажаютьпідтримувати • Бажання зберегти мінімальнийтехнологічнийстек • Команда прекраснихрозробників
- 10. Коли Реакт - ідеальне рішення • Багато дрібних компонент • Набір слабкозалежнихрозумних компонентів • Коли данних значно більше,ніж UI • Для складних задач, що потребуютьнизькорівневихрішень
- 11. SPA на React Cons: • Довга дорогадо першого результату • Багато бойлер-плейту Pros: • Гнучкість • Швидкість • Реюзабельність
- 12. Що відбувається з командою • Заперечення • Гнів • Торг • Депресія • Прийняття
- 13. Злодійський план • Давайтезробимо один апп на Реакті • Давайтевиділимо розумні компоненти і використаємовсюди • Давайтепоріжемо це на дрібнікомпонентики і зробимо свою бібліотеку • У нас якось багатоелементівна Реакті, давайте все на ньому робити
- 14. Результат • Всі нові проекти пишутьсянаРеакті • Велика кількістьскладних компонентівпереписуєтьсянаРеакт • Створюєтьсябібліотекастандартнихкомпонентів • Створюєтьсястандартизованийdata-layerнаосновіimmutable.js
- 15. Висновки Pros: • Можливість використовуватидезавгодно • Можливість поступовогопереїзду • Широкий (найширший?) спектр застосування Cons: • Високий поріг входу • Відсутністьстандартів
- 16. Найважливішапорада Завжди, завжди, завжди пишіть propTypes
- 17. Робіть круті проекти Роман Якобчук Skype: r.iakobchuk Email: r.iakobchuk@gmail.com http://roma.if.ua