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

[@alexeyfilippov42]

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

[@ITentrepreneur]

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

[@paljm345]

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

[@Лаурахит]

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

[@jymbodrummer7730]

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

[@alexeyfilippov42]

@@paljm345 ну кст effector действительно хорошая замена rtk

[@JustTrace17]

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

[@jgkdmdevienjjgg8866]

Прикольно, но в прод я это тащить не буду, но хорошо когда есть альтернативы. Vite там вроде тоже че-то хотят поменять - там Эван Ю рассказывал про void(0) / oxc / rolldown - насколько я понял там весь внутренний тулинг хотят стандартизировать и написать на расте это все - это уже в следующих итерациях vite

[@ksushakiseleva2644]

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

[@victormog]

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

[@ITentrepreneur]

Типичная история во фронтенд: только начал учить 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]

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

[@ITentrepreneur]

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

[@Gospodinn]

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

[@ITentrepreneur]

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

[@DreamingDolphing]

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

[@роматарасов-о8л]

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

[@user-888azim-97]

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

[@ruslangaziev5032]

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

[@alexandr_s]

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

[@ОлегСелин-ш9ы]

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

[@holingdev1737]

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

[@shakapaker]

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

[@IlyaLebedev-ph5rv]

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

[@verloren4444]

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

[@GameForYouOnline]

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

[@xybabyba]

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

[@GameForYouOnline]

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

[@NeoCoding]

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

[@etyhfnnmh7865]

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

[@etyhfnnmh7865]

​@nothingnothing-v5j ага ну и в чём концептуальное отличие?

[@killd0z3r]

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

[@enmaboya]

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

[@galibibr02]

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

[@dim3143]

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

[@mishanep]

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

[@alekseykurylev]

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

[@surok143]

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

[@mishanep]

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

[@victormog]

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

[@JoelMiller-z1x]

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

[@vladislavyarosh2247]

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

[@MrDirard]

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

[@vhaldemario4142]

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

[@glebmed7400]

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

[@Сергей-э8о6м]

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

[@Холибам-х9г]

Кто-нибудь использовал Rsbuild на проде? Поделитесь впечатлениями

[@unicoxr5tj417]

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

[@nicholasmychka3101]

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

[@lozzka847]

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

[@mvttofficial]

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

[@ATclassic]

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

[@baileysli6235]

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

[@yozheeg]

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

[@koala2077]

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

[@mishanep]

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

[@paljm345]

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

[@roma2k]

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

[@enmaboya]

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

[@snitko13]

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

[@Infinity-zf8ms]

спасибо

[@GLUCKKKKKKKKKK]

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

[@Love-id8gu]

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

[@carry-on-chaos4032]

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

[@mishanep]

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

[@NeoCoding]

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

[@NeoCoding]

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

[@gloomyrobust]

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

[@jklyfg9893]

Он не обновлялся два года, на него положили болт

[@gloomyrobust]

@@jklyfg9893 нет

[@awtozapchasti]

Webpack one love ❤

[@castorboris7625]

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

[@mishanep]

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

[@biLLie_wiLLie]

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

[@roma2k]

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

[@HEX_CAT]

❤❤❤🎉🎉🎉

[@user-888azim-97]

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

[@vitya.obolonsky]

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

[@razmikaramyan7152]

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

[@Antonym-b5o]

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

[@VladimirMelnikov-c5q]

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

[@mishanep]

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

[@VladimirMelnikov-c5q]

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

[@sergeydiachenko1429]

Как же задрал этот реакт, логика меняется, сборки меняются, а в итоге тоже дерьмо что и почти 10 лет назад

[@JoelMiller-z1x]

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

[@mishanep]

Я и рад помочь, но трудно со слов сообразить и разобраться.