- Frontend программирование, #1.1, Конференц-зал
В своем докладе я расскажу о важности сжатия javascript по сравнению с картинками и стилями. Почему нельзя писать код для фронтенда также как для бекенда. Почему нельзя надеятся на gzip. Почему кэширование и сревис воркеры не панацея. Какие есть инструменты сжатия javascript кода, какие у них есть плюсы и минусы и как они работают под капотом. Какие есть инструменты для контроля размеров бандла.
- Frontend программирование, #1.1, Конференц-зал
У нас в Uploadcare есть старый монолитный сайт на Django. С этим были проблемы: три версии дизайна разных времен, верстка в темплейтах джанги, сборка ассетов вместе со сборкой джанги, сложное окружение для сборки и запуска проекта, активная разработка бэкенда, постоянные конфликты при мерджах, долгий деплой, при этом нужно было сделать полный редизайн проекта.
Для удобной разработки нового дизайна мы сделали изоморфное React приложение с серверным рендером на Node.js, оставив на стороне Django только REST API. Таким образом мы полностью отделили фронтенд от старого бэкенда.
Я расскажу как мы предложили такое решение, какие были опасения со стороны бэкенда и менеджмента, как мы это решили. Каким был процесс отделения, с чего мы начали и какой в итоге стала архитектура проекта. Как мы настроили деплой, процесс разработки и что получилось в итоге.
Спойлер: всё получилось хорошо, бэкендеры и фронтендеры счастливы!
Бонус: расскажу как предложить такое у себя и что нужно учесть.
Для удобной разработки нового дизайна мы сделали изоморфное React приложение с серверным рендером на Node.js, оставив на стороне Django только REST API. Таким образом мы полностью отделили фронтенд от старого бэкенда.
Я расскажу как мы предложили такое решение, какие были опасения со стороны бэкенда и менеджмента, как мы это решили. Каким был процесс отделения, с чего мы начали и какой в итоге стала архитектура проекта. Как мы настроили деплой, процесс разработки и что получилось в итоге.
Спойлер: всё получилось хорошо, бэкендеры и фронтендеры счастливы!
Бонус: расскажу как предложить такое у себя и что нужно учесть.
- Frontend программирование, #1.1, Конференц-зал
1) Создаем календарь на React
2) Решаем проблемы стандартными способами с помощью React-Router
3) Понимаем почему состояние приложения нельзя хранить в компонентах и преезжаем на Redux
4) Что такое Observable и почему он такой крутой
- RxJs - это lodash
- Redux-Observable
- Простые потоки
- Сложные потоки (HOC - Higher Order Observable)
- Очень умная очередь запросов
2) Решаем проблемы стандартными способами с помощью React-Router
3) Понимаем почему состояние приложения нельзя хранить в компонентах и преезжаем на Redux
4) Что такое Observable и почему он такой крутой
- RxJs - это lodash
- Redux-Observable
- Простые потоки
- Сложные потоки (HOC - Higher Order Observable)
- Очень умная очередь запросов