РИТ++ 2017, Frontend Сonf Зал Дели + Калькутта, 5 июня, 15:00 Тезисы: http://frontendconf.ru/2017/abstracts/2465.html Сегодня популярно осуждать гонку за технологиями, много говорится о том, как плохо это может закончиться, и почему стоит об этом забыть. Я же хочу рассказать, как можно жить на bleeding edge в продакшне, как я сам это сделал в Uploadcare, и почему не стоит бояться такого подхода.

2. 2011 — Фриланс
2013 — Amplifr (Evil Martians)
2015 — Студия Михаила Кечинова
2016 — Uploadcare
Мой путь

3. ● SPA
● React
● Redux
● SSR
● Генерация статики из Markdown
● CSS Modules
● PostCSS
Новый
фронтенд

4. Старый
фронтенд
● Django
● Несколько разных дизайнов
● Разные сборки для некоторых
● jQuery, React и Redux
● CoffeeScript
● Stylus, SCSS, Sass
● Куча легаси кода

5. Future ahead!

6. 7rulnik
7rulnik

7. Ужас
и кошмар
● Фронтенд безнадежно устарел
● Сложно было искать новых людей
● У трех разработчиков ушел почти год
● На фичи тратилось только 30% времени
● В полную силу работала теория разбитых окон
● Легаси до сих пор сдерживает выпуск новых фич
● На оставшееся нужно еще 3 месяца, силами 7
фронтендеров

9. О чем я
вообще?
● Обновление
существующего стека
● Применение
новых технологий

10. Моя позиция
Обновляйте свой стек
Обновляйте структуру приложений
Следите за браузерами
Внедряйте новые решения

11. Почему я
захотел
об этом
говорить?
● Много разговоров о минусах
«Гонки за технологиями»
● Мантра «Работает не трогай»
● Мой опыт и опыт друзей
столкнувшихся с подобным

12. Для кого
этот
доклад?
● Для долгосрочных проектов
● Не для прототипов
● Если время на задачи
ограничено
Но даже в этом случае
пробуйте договориться

13. Зачем мне что-то менять,
все и так работает?

14. Плюсы ● Используйте весь спектр
современных технологий
● Меньше багов
● Выше производительность
● Лучший UX для пользователей
● Снижает басфактор

15. Минусы ● Тратите рабочее время
● В проекте могут появиться
конфликты в зависимостях
● Могут появиться новые баги
● Иногда придется фолбэчить
и использовать полифилы
● Растет сложность продукта
и порог входа

16. Как поддерживать проект
вечно молодым?

17. Как не надо делать
● Resume Driven Development
● А вот у них…

18. Система
Андрея
Листочкина
● <10% Осведомленность
● <10% Исследования
● <20% Вложения
● >60% Применение
Доклад Андрея:
youtu.be/xPFRUM_oDKA

19. Немного
измененная
система
● <10% Осведомленность
● <20% Исследования
● <30% Вложения
● >40% Применение

20. Осведомленность
● Понять что собой представляет технология
● В каких случаях применяется

21. Читайте
твиттер
● @webstandards_up - Веб-стандарты
● @codehipsters - Code Hipsters
● @dan_abramov - Dan Abramov
● @andreypopp - Andrey Popp
● @meuwka - Nataliya Karatkova
● @mraleph - Vyacheslav Egorov

22. Слушайте
подкасты
● Web Standards
● RadioJs
● Фронтерки

23. Ходите
на встречи
сообществ
● Web Standards Days
● SPB-Frontend
● MoscowJS
● BeerJS

24. Исследования
● Чем технология может быть полезна
● Сформулировать доводы для команды

25. Исследования
● Caniuse
● ES6 Compatibility Table
● node.green
● Platform status: Chrome, Firefox, Edge

26. Вложения
● Как вы будете внедрять технологию
● Сколько на это понадобится времени
● Согласуете с командой
● Пробуете в отдельной ветке

27. Применение
● Вы уже все знаете
● Все согласовали
● Создали нужные тикеты
● Знаете сколько на что потратите времени
● ...просто пишете код

28. Обновляйте свой стек.
Внедряйте новые решения.
Следите за развитием технологий.

29. akurganow
akurganow
goo.gl/KdR64M