История о том, как мы с CRA на ViteJS съезжали – Зар Захаров /

«История о том, как мы с CRA на ViteJS съезжали» — Зар Захаров (Старший разработчик в VK)

Доклад с митапа DevTalks. Современный фронтенд: roadmap развития разработчика, актуальные инструменты и неочевидные возможности (18 февраля 2023)

В свое время команде пришлось переезжать с Create React App на ViteJS.
Причиной переезда стало то, что в CRA есть ряд проблем, с которыми столкнется рано или поздно любой разработчик:
- проблема с производительностью;
- сложности с конфигурацией и настройкой сборки проекта;
- отсутствие SSR.

SSR стал особенно важным преимуществом ViteJS по сравнению с CRA, ведь один из самых больших бенефитов SSR в ViteJS — это полный контроль над серверной частью.

В своем докладе Зар рассказал:
- как понять, что надо отказываться от CRA и переходить на что-то свое;
- когда следует делать выбор в пользу Vite, а не, например, Next.js;
- как происходил процесс перехода с Create React App на ViteJS и с какими трудностями столкнулась команда при переходе;
- «стоит ли оно того».

React создал хорошую инфраструктуру для того, чтобы начать писать код. Но в случае, если проект крупный и масштабный, CRA — не самое лучшее решение. В зависимости от задач, этот инструмент можно заменить на Next.js или Gatsby, а многие компании используют свой Webpack. Доклад поможет «открыть глаза» на что-то, кроме привычных технологий и даст простой старт в освоении нового стека.

Ссылка на презентацию: https://drive.google.com/drive/u/0/fo...

Cайт митапа — https://digital-spectr.ru/event/devta...
Официальный канал митапа — https://t.me/+X4DZg7ma1DdlM2I6

Нанять команду Spectr — https://digital-spectr.ru/new-client

Организаторы и партнеры митапа: Spectr, Тэглайн, Технопарк Morion Digital.

#devtalks #devtalks_russia #digital #tagline #тэглайн #spectr #digitalspectr #мероприятие
#frontend #react #vitejs #performance #development #meetup #dev

00:00 Начало, представление спикера
02:41 Немного контекста
05:50 И вот мы решили создавать React-приложение
07:11 Гибкие наборы инструментов
08:22 Проблемы CRA
10:41 А что если взять Next.js
13:57 А может собрать все на Webpack
17:05 Обратимся к сообществу
21:02 Так что же такое Vite
23:03 Первое впечатление от Vite. Сравниваем Vite и CRA
28:14 Переходим с CRA на Vite
31:20 А что же насчет SSR
33:13 Подводим итоги
37:13 Вопросы из зала