Настоящий серверный рендеринг (SSR). Larana! - Евгений Кучерявый | TechMeetup #6 Python скачать в хорошем качестве

Настоящий серверный рендеринг (SSR). Larana! - Евгений Кучерявый | TechMeetup #6 Python

Server side rendering, client side rendering и иже с ними всякие вариации, а ничего не смущает? А? Вот представь просто, общаешься ты со своим знакомым не айтишником и говоришь, что занимаешься багой в рендеринг. Ну, возможно, для кого-то это новое слово, лезет он такой в эти ваши интернеты и что видит? Ре́ндеринг или отрисо́вка — термин в компьютерной графике, обозначающий процесс получения изображения по модели с помощью компьютерной программы. Конечно же не то, но все, теперь не отмажешься, для него ты уже не web-разработчик, а дизайнер или 3д-моделлер... Хах, но, конечно, не все так плохо в нашем мирке и есть еще светлая голова Евгений Кучерявый, директор по фронтенду в Rentu, который расскажет нам что такое Настоящий ренденинг ( а не вот этот ваш хтмл ) Что такое SSR? Недостатки современного фронтенда и почему он не устраивает: открытый стейт; легаси совместимость; он на js, а не на шедевроPython; Решение в виде выноса вообще всего на бэкенд! демо код И, вишенка на торте — фронтенд без фронтендеров. Но есть нюанс... Материалы на GitHub : https://github.com/e-kucheriavyi/rssr! episods (auto): 00:00 - Введение • Женя Кучерявый, директор по фронтенду, приветствует аудиторию. • Тема доклада: создание собственного фреймворка. 00:28 - Основные понятия • Фронтенд делится на SSR и CSR рендеринг. • SSR рендеринг на клиенте, CSR рендеринг на сервере. • Проблема некорректного использования термина "рендеринг". 02:40 - Решение проблемы • Женя берет на себя ответственность за создание корректной технологии. • Архитектура учитывает ограничения и будущие улучшения. 03:12 - Архитектура и процесс • Пользователь открывает страницу, сервер создает соединение и рендерит изображение. • Клиент получает изображение и выводит его пользователю. • Проверка концепции: создание патча по координатам. 04:44 - Требования и логика • Основная логика на сервере, минимум кода на клиенте. • Минимизация легаси кода и оптимизация. 05:25 - Проблемы и решения • Зависимость от устройства пользователя и браузера. • Интерфейс должен быть интерактивным и полным. 06:48 - Реализация на фронтенде • Создание холста и подключение к веб-сокету. • Отправка событий на сервер и вывод на холст. 07:39 - Обработка на бэкенде • Упаковка запроса в объект и работа со стейтом. • Рендеринг изображения и упаковка в ответ. 08:41 - Жизненный цикл и архитектура • Архитектурный паттерн "матрешка". • Получение сессии и работа с компонентами. 10:05 - Реактивность и оптимизация • Отказ от легаси зависимостей и оптимизация стилей. • Имплементация только нужных стилей. 11:58 - Обработка событий • Определение координат и влияние элементов друг на друга. • Обработка событий и работа с фокусом элементов. 13:34 - Рендеринг и производительность • Использование библиотеки Pixi для повышения производительности. • Рендеринг всего компонента и возможность использования микросервисов. 14:23 - Заключение • Демо страницы и работа с изображениями. • Тудулист полный фреймворк и оптимизация изображений. 15:58 Плюсы и минусы Stateful • Полная закрытость системы, отсутствие доступа извне. • Поддержка нескольких вкладок через локальный хранилище. • Возможность наложения водяных знаков и защиты от вскрытия всплывающих баннеров. 17:48 - Производительность и рендеринг • Возможность проведения пиксель-перфект тестов без видеокарты. • Полный контроль над рендерингом и возможность использования умных кодеков для стриминга видео. • Возможность рендеринга на клиенте и передачи инструкций для рендеринга. 19:43 - Минусы и будущее • Единственный минус - сложность в поиске разработчиков. • Невыгодность для крупных корпораций из-за уничтожения идеи браузеров. 21:03 - Интерактивность и производительность • Возможность использования интерактивных видео и слайд-шоу. • Перенос большей части фронтенда на бэкенд. • Ограничения производительности и необходимость оптимизации. 23:53 - Будущее и развитие • Уход в сторону клиентской стороны и взаимодействие с облачными сервисами. • Развитие в сторону пользователей и поисковых роботов. • Необходимость адаптации поисковых роботов для корректной работы. 26:42 - Заключение и благодарности • Благодарность Жене за выступление. • Выбор лучшего вопроса от Артема Геташвили. • Напоминание о розыгрыше за подписку на каналы. #tech_meetup #python #tech_meetup6 --- Есть вопросы? Добавляйся в нашу уютную общалку TechCommon/Python (https://t.me/tech_common) 👈 Следи за будущими анонсами на основном канале @tech_meetup (https://t.me/tech_meetup) или в @tech_meetup_py (https://t.me/tech_meetup_py) если интересен только Python ❤