Чем собирать React в 2024-м

Рет қаралды 14,744

5 ай бұрын

Стандартная утилита create react app не поддерживается уже больше года и нужен новый сборщик приложений. Rsbuild, написанный на Rust, собирает React приложения быстрее конкурентов, а главное - прост и удобен в использовании.
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru/rm/nepomnyasch...
paypal.me/mishanep

Пікірлер: 94

@alexeyfilippov42 5 ай бұрын

Бесконечные библиотеки:) каждый день что то новое

@boycovclub 5 ай бұрын

js )

@ITentrepreneur 5 ай бұрын

Добро пожаловать во фронтенд

@paljm345 5 ай бұрын

Это пзц... Появился очередной стейтменеджер для реакта... Вопрос: Натуя? Мало другого десятка менеджеров?

@user-td3bz8st6v 5 ай бұрын

@@paljm345 Просто каждый новый быстрее, выше, сильнее(говорит с иронией)

@jymbodrummer7730 5 ай бұрын

Да, иногда это так заебывает))

@user-ki9oy7zq3q 5 ай бұрын

Спасибо, надо будет попробовать на практике.

@ksushakiseleva2644 5 ай бұрын

Спасибо, что вы есть, Михаил!! Видео актуально как всегда. Топ!

@victormog 5 ай бұрын

Огромное спасибо!!!

@ruslangaziev5032 5 ай бұрын

Спасибо большое!

@JustTrace17 4 ай бұрын

Михаил, спасибо большое за наводку! Только что попробовал старый тяжелый CRA-проект перевести на Rsbuild и был приятно удивлен. Пришлось только настроить алиасы, прокси и пару плагинов добавить (svgr, node-polyfill). Но вопрос решился буквально за минут 20. Легкость переезда и буст скорости сборки просто невероятны. Тоже буду рекомендовать всем попробовать.

@vladislavyarosh2247 5 ай бұрын

отличное видео

@ITentrepreneur 5 ай бұрын

Типичная история во фронтенд: только начал учить React через create-react-app, как последний умер, только взялся за SSG-фреймворк Gatsby как его тут же похоронил Astro, только взялся за Gulp, а в тренде давно Webpack, начал постигать Bootstrap, как в ходу везде Radix UI, shadcn, освоил методологию BEM и препроцессор Sass (SCSS), а в тренде теперь Tailwind, овладел Tailwind, а тут Facebook со своим "убийцей" Tailwind - StyleX, решил заново освежить знания и подтянуть ES7-ES2022 как тут выходит HTMX и говорит что мы вообще всё делаем неправильно 😆

@DreamingDolphing 5 ай бұрын

От CRA начали отказываться уже больше года назад. Кто же виноват, что курсы устарели немного? Перейти на новые инструменты несложно, это занимает буквально полчаса чтения документации.

@ITentrepreneur 5 ай бұрын

@@DreamingDolphing Я надеюсь вы поняли что цимес выдуманного месседжа показать скоротечность смены технологий в этой сфере, а не о CRA как таковом.

@Gospodinn 5 ай бұрын

Зачем styleX учить? Можно и не париться об этом говне

@ITentrepreneur 5 ай бұрын

@@Gospodinn После таких резких пассажей обычно следуют обоснования

@DreamingDolphing 5 ай бұрын

@@ITentrepreneur Учить надо фундаментальные технологии типа языка программирования и работу с браузером, а инструменты надо учить по необходимости, когда они на проекте необходимы.

@user-dw8lb8lc7u 5 ай бұрын

Привет, Михаил я хочу предложить тему для видео "typescript module augmentation"(желательно на примере какой-нибудь популярной библиотеки например redux или mui) (очень мало видео даже на англоязычном ютубе про это)

@holingdev1737 5 ай бұрын

Михаил, недавно наткнулся на библиотеку Million.js которая меняет принцип VDOM для React. Думаю было бы интересно и от Вас услышать мнение-обзор.

@alexandr_s 5 ай бұрын

Расскажи о Module Federation на базе Rsbuild

@verloren4444 4 ай бұрын

Здравствуйте, Михаил! Спасибо за великолепную просветительскую работу. Хотел поинтересоваться: Прохожу у вас курс по JS на Stepik и заранее не увидел, что есть возможность приобрести пакет из 6 курсов "Профессия Frontend-разработчик" с хорошей скидкой, а уже успел купить отдельный курс. Нет вариантов не потерять деньги, если есть желание купить весь пакет?

@Infinity-zf8ms 4 ай бұрын

спасибо

@etyhfnnmh7865 5 ай бұрын

Лично я не вижу пока причин переходить с vite на что то новое. Vite отличная библиотека все отлично там работаем так что зачем переходить на что то другое? С webpack на vite понятно, сборка быстрее а замарочек с конфигами меньше. В любом случае спасибо за обзор, полезно знать что появляется новое

@baileysli6235 5 ай бұрын

Надо будет попробовать в след React SPA проекте. Хотя смущает, что нельзя поставить Lightning CSS как CSS парсер. Мне лень настраивать post css, да и сам Ситник говорит переходить на Lightning CSS. chenjiahan написал, что возможно в будущем Lightning CSS будет в ппо дефолту. Было бы здорово.

@yozheeg 5 ай бұрын

спасибо! есть весомые отличия от Vite?

@user-md5mw1tp3e 5 ай бұрын

Слушал докла ВК про переезд на Swc. Было очень много проблем, особенно с полифилами и поддержкой старых браузеров. Как с этим обстоят дела у Rsbuild?

@snitko13 5 ай бұрын

Спасибо за видео) Подскажите, как сделать чтоб в терминале версию node отображать постоянно?

@galibibr02 5 ай бұрын

Каждый день новая библиотека, но это всё к лучшему. Эта новая библиотека оказывается лучше смотря на время build

@user-xs2dx2mh3f 5 ай бұрын

Для nextjs есть возможность применять альтернативные сборщики?

@user-888azim-97 4 ай бұрын

Михаил, меня на работе спросили как в проекте расставить ролевую модель, когда часть проекта доступна роли Viewer, а вот для администратора доступно всё. я сохраняю роль при логине в редкас, а потом через условие отрисовываю компонент. это ведь нормально? мне тут про какие-то декораторы говорят, а я по сути с этой обёрткой использую хоки сейчас

@surok143 5 ай бұрын

Спасибо за видео! А где почитать информацию почему именно не стоит продолжать пользоваться CRA и чем опасно держать проект с ним?

@mishanep 5 ай бұрын

У меня такой ссылки нет. Но оф дока Реакта больше его не упоминает. И так как он не поддерживается, то все потенциальные breaking changes в сопутствующих библиотеках ложатся на плечи самих разработчиков.

@victormog 5 ай бұрын

А просто постоянного появления варнинга при запуске dev-режима не достаточно?..

@koala2077 5 ай бұрын

Спасибо за ролик! Вопрос не по теме) у тебя сверху бегает котик, как называется эта прога?

@mishanep 5 ай бұрын

Вопрос про котика похоже становится даже более популярным, чем вопросы про мою фамилию :)) Это RunCat - он показывает загрузку ресурсов в системе.

@roma2k 5 ай бұрын

Пока не сильно понятно почему так быстро, для локального дева вполне интересно(с n^2 по ходу красиво работает), но в прод я бы не ставил

@GameForYouOnline 5 ай бұрын

меня пугают фронтендеры, слишком все быстро меняется =)

@boycovclub 5 ай бұрын

по сути одно и тоже) под новой оберткой))

@xybabyba 5 ай бұрын

Воспринимай технологии лишь как инструмент решения задач, тогда не будет шока от обилия новинок

@GameForYouOnline 4 ай бұрын

@@xybabyba мне на java вообще до лампочки=) но ради интереса практикую react

@NeoCoding 4 ай бұрын

@@GameForYouOnline а на джаве постоянство?

@shakapaker 5 ай бұрын

а что лучше rsbuild vs esbuild vs turbopack vs vite?

@glebmed7400 5 ай бұрын

При миграции столкнулся с проблемой в scss файлах, там используется @import 'styles/*', алиасы не помогают, все равно говорит что не видит ничего по этому пути, в доке тоже пусто....

@dim3143 4 ай бұрын

Михаил привет! А можете снять ролик про модуль Federation и реакт? Как встраивать одно приложение в другое и как прокидывать данные/контекст между разными приложениями?

@mishanep 4 ай бұрын

Это тема не на один ролик :)) Тут целый курс можно записать.

@alekseykurylev 4 ай бұрын

@@mishanep будем рады пройти ваш курс

@GLUCKKKKKKKKKK 5 ай бұрын

Все супер, но кружочек мелкий)

@boycovclub 5 ай бұрын

Зачем нам быстрая сборка?)) наоборот во время сборки большого проекта хоть кофе попьем и отдохнем)

@victormog 5 ай бұрын

Чтобы было время попить кофе или даже отдохнуть надо сначала туеву хучу кода настучать...

@thesweetlife843 5 ай бұрын

В точку !

@vhaldemario4142 4 ай бұрын

rspack, на котором построен этот rsbuild, хоть и умеет в ModuleFederation, но не умеет явно в promise externals - умеет хитро в async externals, но только на модулях. И без нормальной доки - надо идти читать исходники. Если хочется хэндлить внешние зависимости без федерации, а с чувством-толком-расстановкой - пока кроме вебпака никто не может предложить решения.

@user-bk6xu3ue3q 4 ай бұрын

Здравствуйте, у меня вопрос. если в проекте присутсвует [id] получение, запрос это или страница, нужно писать generateStaticParams. при build. создается проект в котором нет html, есть только chunks, js,css файлы. а я хочу html. если пишут output: 'export' он говорит что это невозможно из за динамических данных. проблема с чанками js файлами в том. что хостинг не принимает это и сайт не работает. помогите пожалуйста.

@unicoxr5tj417 5 ай бұрын

3 года+ опыта с RSbuild после этого видево в вакансиях от всех аш-эрок нашей страны🤣

@nicholasmychka3101 5 ай бұрын

какой ваш вердикт после 3+ года использования?

@lozzka847 5 ай бұрын

@@nicholasmychka3101это была шутка. (Грустная😢)

@mvttofficial 5 ай бұрын

@@nicholasmychka3101вердикт такой: краб слишком милый получился с молотом в клешне

@ATclassic 5 ай бұрын

@@nicholasmychka3101 он иронизировал, что в вакансиях будет требования +3 года опыта работы

@awtozapchasti 3 ай бұрын

Webpack one love ❤

@killd0z3r 5 ай бұрын

Так и не понял в чем преимущество от Vite, можно кэпа в студию?

@enmaboya 5 ай бұрын

rsbuild не пользовался и не читал доку но, возможно, тут не используются разные сборщики в проде / деве, как в vite уже это было бы огромнейшим плюсом

@HEX_CAT 5 ай бұрын

❤❤❤🎉🎉🎉

@paljm345 4 ай бұрын

Уже жду видео "Чем собирать React в 2025-м".

@MrDirard 3 ай бұрын

у них в module federation singleton не работает

@enmaboya 4 ай бұрын

работает быстро конечно но выходной бандл у меня всегда больше чем с webpack

@biLLie_wiLLie 5 ай бұрын

Раст похоже везде)

@IlyaLebedev-ph5rv 5 ай бұрын

Чуваков с фронта не устраивает 7 секунд сборки. Тем временем чуваки с бэкэнда в первый раз компилируют 20 микросервисов на одной машине с ожиданием в полвека…

@roma2k 5 ай бұрын

Ну в целом то оно реально быстрое

@carry-on-chaos4032 5 ай бұрын

соответственно и CRACO уже нет смысла пробовать?

@mishanep 5 ай бұрын

Да. Для миграции с Craco в доке rsbuild тоже инструкции есть.

@Love-id8gu 4 ай бұрын

Я ищу способ использовать Rsbuild для сборки проекта Node.js с TypeScript, который бы работал в консоли, без запуска веб-сервера. Хотел бы создать шаблон приложения Node.js с TypeScript, используя Rsbuild. Может кто-то мне помочь советом и делом (может быть пример есть)?

@gloomyrobust 5 ай бұрын

Почему считаете, что cra умер?

@NeoCoding 4 ай бұрын

да что там новые библиотеки.. вон на проекте летом только подтянули на проект свежий next intl под app/ так в середине проекта уже так апи поменяли этого пакета что пришлось молиться материться чтоб обновить

@NeoCoding 4 ай бұрын

неспеша фронт опасно разрабатывать - есть вероятность пока закончишь уже все устареет☺️ и надо сызнова

@user-888azim-97 4 ай бұрын

мой проект VITE v4.3.9 ready in 311 ms

@castorboris7625 5 ай бұрын

напомни плз почему CRA уже как год умер?

@mishanep 5 ай бұрын

Его не поддерживают больше. Он не умер, работает, но зависимости проектов обновляются и рано или поздно cra не справится. Поэтому хочется использовать инструмент, который развивается.

@vitya.obolonsky 5 ай бұрын

100500 lib нах он нада)

@razmikaramyan7152 5 ай бұрын

Как же устал))))))

@user-cg1pq2kh6t 4 ай бұрын

бесполезная возня вокруг сборщиков, типичный фронт

@user-rb9hb8lq3m 5 ай бұрын

Rsbuild v0.3.5 error Failed to build. error Cannot find module '@rspack/binding-linux-arm-gnueabihf' - на raspbian выдает вот такую ошибку. Пытался найти модуль, но не нашел.

@mishanep 5 ай бұрын

Выглядит как отсутствие зависимости в проекте. Попробуйте установить то, что предлагается в ошибке.

@user-rb9hb8lq3m 5 ай бұрын

Спасибо за ответ, это первое что я попытался сделать, установка зависает и ничего не происходит.@@mishanep

@finespais7300 5 ай бұрын

Ой сомнительно, я вообще кайфую от vite и scss - всё остальное полная ерунда, ну могу сказать что можно ещё двинуть в next. js но это уже максимум что можно выезжать с фронта, сшитаю что фронтенде это тот-же самий фулстек