Тёмный

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

Spectr — команда разработки цифровых сервисов
Просмотров 421
50% 1

«История о том, как мы с 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. Доклад поможет «открыть глаза» на что-то, кроме привычных технологий и даст простой старт в освоении нового стека.
Ссылка на презентацию: drive.google.com/drive/u/0/fo...
Cайт митапа - digital-spectr.ru/event/devta...
Официальный канал митапа - t.me/+X4DZg7ma1DdlM2I6
Нанять команду Spectr - 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 Вопросы из зала

Наука

Опубликовано:

 

29 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 5   
@hate-conductor
@hate-conductor 11 месяцев назад
6:55 Это какая-то коллекция мусора, лол.
@hate-conductor
@hate-conductor 11 месяцев назад
Тупейший и пустой доклад. Vite надо сравнивать не CRA, естественно, а с вебпаком. Проблемы у последнего начинаются когда встречаются какие-то сложные кейсы в конкретном проекте, но при этом, благодаря тому что ему лет уже дофига, все эти проблемы более-менее уже известно как решать. Вит может и хорош, но совершенно не понятно, что будет, если мне понадобится какая-нибудь специфичная фича сборки, например если я захочу выделить несколько модулей в один рантайм-бандл, как мне это настроить? Нагуглить такое пока ещё тяжело, т.к. это относительно свежий сборщик (с вебпаком проще), так что остаётся надеется что описание такого кейса есть в документации. Вот такие вещи хотелось бы слышать от человека, который собирается рассказать о том как "они съезжали на Vite", а не 40 минут тупости. Только хайп идиотский создаёте, а толку ноль.
@hate-conductor
@hate-conductor 11 месяцев назад
8:25 Да хспде, чё за тупость, CRA используется для прототипирования, а не для того чтобы делать на нём проект. Откуда этот клоун вылез ваще?
@user-nr4ur1ts6e
@user-nr4ur1ts6e 5 месяцев назад
А чем "делать проект" собственно отличается от прототипирования?
@hate-conductor
@hate-conductor 5 месяцев назад
@@user-nr4ur1ts6e отличается тем что для прототипа выбирается самый быстрый способ, а не самый лучший и подходящий. CRA это куча кривого, тормозного и дурно пахнущего говна. Он пойдет чтоб, например, быстро развернуть основу для проекта, например свою библиотеку элементов на нём начать пилить. То есть, сделать прототип. А весь проект на CRA это шиза.
Далее
Как выжить на 1000 рублей?
13:01
Просмотров 607 тыс.
Crazy Girl destroy RC CARS 👩🤪🚘🚨
00:20
Просмотров 3,6 млн
The last one surprised me! 👀 🎈
00:30
Просмотров 2,3 млн
Чего ожидать от HTTP/3 + Go
51:07