Михаил, спасибо большое за наводку! Только что попробовал старый тяжелый CRA-проект перевести на Rsbuild и был приятно удивлен. Пришлось только настроить алиасы, прокси и пару плагинов добавить (svgr, node-polyfill). Но вопрос решился буквально за минут 20. Легкость переезда и буст скорости сборки просто невероятны. Тоже буду рекомендовать всем попробовать.
Прикольно, но в прод я это тащить не буду, но хорошо когда есть альтернативы. Vite там вроде тоже че-то хотят поменять - там Эван Ю рассказывал про void(0) / oxc / rolldown - насколько я понял там весь внутренний тулинг хотят стандартизировать и написать на расте это все - это уже в следующих итерациях vite
Типичная история во фронтенд: только начал учить React через create-react-app, как последний умер, только взялся за SSG-фреймворк Gatsby как его тут же похоронил Astro, только взялся за Gulp, а в тренде давно Webpack, начал постигать Bootstrap, как в ходу везде Radix UI, shadcn, освоил методологию BEM и препроцессор Sass (SCSS), а в тренде теперь Tailwind, овладел Tailwind, а тут Facebook со своим "убийцей" Tailwind - StyleX, решил заново освежить знания и подтянуть ES7-ES2022 как тут выходит HTMX и говорит что мы вообще всё делаем неправильно 😆
От CRA начали отказываться уже больше года назад. Кто же виноват, что курсы устарели немного? Перейти на новые инструменты несложно, это занимает буквально полчаса чтения документации.
@@ITentrepreneur Учить надо фундаментальные технологии типа языка программирования и работу с браузером, а инструменты надо учить по необходимости, когда они на проекте необходимы.
Привет, Михаил я хочу предложить тему для видео "typescript module augmentation"(желательно на примере какой-нибудь популярной библиотеки например redux или mui) (очень мало видео даже на англоязычном ютубе про это)
Здравствуйте, Михаил! Спасибо за великолепную просветительскую работу. Хотел поинтересоваться: Прохожу у вас курс по JS на Stepik и заранее не увидел, что есть возможность приобрести пакет из 6 курсов "Профессия Frontend-разработчик" с хорошей скидкой, а уже успел купить отдельный курс. Нет вариантов не потерять деньги, если есть желание купить весь пакет?
Михаил, меня на работе спросили как в проекте расставить ролевую модель, когда часть проекта доступна роли Viewer, а вот для администратора доступно всё. я сохраняю роль при логине в редкас, а потом через условие отрисовываю компонент. это ведь нормально? мне тут про какие-то декораторы говорят, а я по сути с этой обёрткой использую хоки сейчас
У меня такой ссылки нет. Но оф дока Реакта больше его не упоминает. И так как он не поддерживается, то все потенциальные breaking changes в сопутствующих библиотеках ложатся на плечи самих разработчиков.
Лично я не вижу пока причин переходить с vite на что то новое. Vite отличная библиотека все отлично там работаем так что зачем переходить на что то другое? С webpack на vite понятно, сборка быстрее а замарочек с конфигами меньше. В любом случае спасибо за обзор, полезно знать что появляется новое
Михаил привет! А можете снять ролик про модуль Federation и реакт? Как встраивать одно приложение в другое и как прокидывать данные/контекст между разными приложениями?
rspack, на котором построен этот rsbuild, хоть и умеет в ModuleFederation, но не умеет явно в promise externals - умеет хитро в async externals, но только на модулях. И без нормальной доки - надо идти читать исходники. Если хочется хэндлить внешние зависимости без федерации, а с чувством-толком-расстановкой - пока кроме вебпака никто не может предложить решения.
Надо будет попробовать в след React SPA проекте. Хотя смущает, что нельзя поставить Lightning CSS как CSS парсер. Мне лень настраивать post css, да и сам Ситник говорит переходить на Lightning CSS. chenjiahan написал, что возможно в будущем Lightning CSS будет в ппо дефолту. Было бы здорово.
Чуваков с фронта не устраивает 7 секунд сборки. Тем временем чуваки с бэкэнда в первый раз компилируют 20 микросервисов на одной машине с ожиданием в полвека…
При миграции столкнулся с проблемой в scss файлах, там используется @import 'styles/*', алиасы не помогают, все равно говорит что не видит ничего по этому пути, в доке тоже пусто....
Здравствуйте, у меня вопрос. если в проекте присутсвует [id] получение, запрос это или страница, нужно писать generateStaticParams. при build. создается проект в котором нет html, есть только chunks, js,css файлы. а я хочу html. если пишут output: 'export' он говорит что это невозможно из за динамических данных. проблема с чанками js файлами в том. что хостинг не принимает это и сайт не работает. помогите пожалуйста.
да что там новые библиотеки.. вон на проекте летом только подтянули на проект свежий next intl под app/ так в середине проекта уже так апи поменяли этого пакета что пришлось молиться материться чтоб обновить
Я ищу способ использовать Rsbuild для сборки проекта Node.js с TypeScript, который бы работал в консоли, без запуска веб-сервера. Хотел бы создать шаблон приложения Node.js с TypeScript, используя Rsbuild. Может кто-то мне помочь советом и делом (может быть пример есть)?
Его не поддерживают больше. Он не умер, работает, но зависимости проектов обновляются и рано или поздно cra не справится. Поэтому хочется использовать инструмент, который развивается.
Rsbuild v0.3.5 error Failed to build. error Cannot find module '@rspack/binding-linux-arm-gnueabihf' - на raspbian выдает вот такую ошибку. Пытался найти модуль, но не нашел.
Ой сомнительно, я вообще кайфую от vite и scss - всё остальное полная ерунда, ну могу сказать что можно ещё двинуть в next. js но это уже максимум что можно выезжать с фронта, сшитаю что фронтенде это тот-же самий фулстек
Здравствуйте, у меня вопрос. если в проекте присутсвует [id] получение, запрос это или страница, нужно писать generateStaticParams. при build. создается проект в котором нет html, есть только chunks, js,css файлы. а я хочу html. если пишут output: 'export' он говорит что это невозможно из за динамических данных. проблема с чанками js файлами в том. что хостинг не принимает это и сайт не работает. помогите пожалуйста. его принимает только vercel
Бесконечные библиотеки:) каждый день что то новое
Добро пожаловать во фронтенд
Это пзц... Появился очередной стейтменеджер для реакта... Вопрос: Натуя? Мало другого десятка менеджеров?
@@paljm345 Просто каждый новый быстрее, выше, сильнее(говорит с иронией)
Да, иногда это так заебывает))
@@paljm345 ну кст effector действительно хорошая замена rtk
Михаил, спасибо большое за наводку! Только что попробовал старый тяжелый CRA-проект перевести на Rsbuild и был приятно удивлен. Пришлось только настроить алиасы, прокси и пару плагинов добавить (svgr, node-polyfill). Но вопрос решился буквально за минут 20. Легкость переезда и буст скорости сборки просто невероятны. Тоже буду рекомендовать всем попробовать.
Прикольно, но в прод я это тащить не буду, но хорошо когда есть альтернативы. Vite там вроде тоже че-то хотят поменять - там Эван Ю рассказывал про void(0) / oxc / rolldown - насколько я понял там весь внутренний тулинг хотят стандартизировать и написать на расте это все - это уже в следующих итерациях vite
Типичная история во фронтенд: только начал учить React через create-react-app, как последний умер, только взялся за SSG-фреймворк Gatsby как его тут же похоронил Astro, только взялся за Gulp, а в тренде давно Webpack, начал постигать Bootstrap, как в ходу везде Radix UI, shadcn, освоил методологию BEM и препроцессор Sass (SCSS), а в тренде теперь Tailwind, овладел Tailwind, а тут Facebook со своим "убийцей" Tailwind - StyleX, решил заново освежить знания и подтянуть ES7-ES2022 как тут выходит HTMX и говорит что мы вообще всё делаем неправильно 😆
От CRA начали отказываться уже больше года назад. Кто же виноват, что курсы устарели немного? Перейти на новые инструменты несложно, это занимает буквально полчаса чтения документации.
@@DreamingDolphing Я надеюсь вы поняли что цимес выдуманного месседжа показать скоротечность смены технологий в этой сфере, а не о CRA как таковом.
Зачем styleX учить? Можно и не париться об этом говне
@@Gospodinn После таких резких пассажей обычно следуют обоснования
@@ITentrepreneur Учить надо фундаментальные технологии типа языка программирования и работу с браузером, а инструменты надо учить по необходимости, когда они на проекте необходимы.
Привет, Михаил я хочу предложить тему для видео
"typescript module augmentation"(желательно на примере какой-нибудь популярной библиотеки например redux или mui)
(очень мало видео даже на англоязычном ютубе про это)
Михаил, недавно наткнулся на библиотеку Million.js которая меняет принцип VDOM для React. Думаю было бы интересно и от Вас услышать мнение-обзор.
Расскажи о Module Federation на базе Rsbuild
а что лучше rsbuild vs esbuild vs turbopack vs vite?
Здравствуйте, Михаил! Спасибо за великолепную просветительскую работу. Хотел поинтересоваться: Прохожу у вас курс по JS на Stepik и заранее не увидел, что есть возможность приобрести пакет из 6 курсов "Профессия Frontend-разработчик" с хорошей скидкой, а уже успел купить отдельный курс. Нет вариантов не потерять деньги, если есть желание купить весь пакет?
Слушал докла ВК про переезд на Swc. Было очень много проблем, особенно с полифилами и поддержкой старых браузеров. Как с этим обстоят дела у Rsbuild?
Михаил, меня на работе спросили как в проекте расставить ролевую модель, когда часть проекта доступна роли Viewer, а вот для администратора доступно всё. я сохраняю роль при логине в редкас, а потом через условие отрисовываю компонент. это ведь нормально? мне тут про какие-то декораторы говорят, а я по сути с этой обёрткой использую хоки сейчас
Спасибо, что вы есть, Михаил!! Видео актуально как всегда. Топ!
Каждый день новая библиотека, но это всё к лучшему. Эта новая библиотека оказывается лучше смотря на время build
Спасибо за видео! А где почитать информацию почему именно не стоит продолжать пользоваться CRA и чем опасно держать проект с ним?
У меня такой ссылки нет. Но оф дока Реакта больше его не упоминает. И так как он не поддерживается, то все потенциальные breaking changes в сопутствующих библиотеках ложатся на плечи самих разработчиков.
А просто постоянного появления варнинга при запуске dev-режима не достаточно?..
Лично я не вижу пока причин переходить с vite на что то новое. Vite отличная библиотека все отлично там работаем так что зачем переходить на что то другое? С webpack на vite понятно, сборка быстрее а замарочек с конфигами меньше.
В любом случае спасибо за обзор, полезно знать что появляется новое
vite и webpack это разные вещи, о чем ты
@@nothingnothing-v5j ага ну и в чём концептуальное отличие?
Михаил привет! А можете снять ролик про модуль Federation и реакт? Как встраивать одно приложение в другое и как прокидывать данные/контекст между разными приложениями?
Это тема не на один ролик :)) Тут целый курс можно записать.
@@mishanep будем рады пройти ваш курс
меня пугают фронтендеры, слишком все быстро меняется =)
Воспринимай технологии лишь как инструмент решения задач, тогда не будет шока от обилия новинок
@@xybabyba мне на java вообще до лампочки=) но ради интереса практикую react
@@GameForYouOnline а на джаве постоянство?
Так и не понял в чем преимущество от Vite, можно кэпа в студию?
rsbuild не пользовался и не читал доку
но, возможно, тут не используются разные сборщики в проде / деве, как в vite
уже это было бы огромнейшим плюсом
Огромное спасибо!!!
3 года+ опыта с RSbuild после этого видево в вакансиях от всех аш-эрок нашей страны🤣
какой ваш вердикт после 3+ года использования?
@@nicholasmychka3101это была шутка. (Грустная😢)
@@nicholasmychka3101вердикт такой: краб слишком милый получился с молотом в клешне
@@nicholasmychka3101 он иронизировал, что в вакансиях будет требования +3 года опыта работы
Спасибо большое!
Спасибо за ролик! Вопрос не по теме) у тебя сверху бегает котик, как называется эта прога?
Вопрос про котика похоже становится даже более популярным, чем вопросы про мою фамилию :))
Это RunCat - он показывает загрузку ресурсов в системе.
rspack, на котором построен этот rsbuild, хоть и умеет в ModuleFederation, но не умеет явно в promise externals - умеет хитро в async externals, но только на модулях. И без нормальной доки - надо идти читать исходники.
Если хочется хэндлить внешние зависимости без федерации, а с чувством-толком-расстановкой - пока кроме вебпака никто не может предложить решения.
спасибо!
есть весомые отличия от Vite?
Для nextjs есть возможность применять альтернативные сборщики?
Надо будет попробовать в след React SPA проекте.
Хотя смущает, что нельзя поставить Lightning CSS как CSS парсер. Мне лень настраивать post css, да и сам Ситник говорит переходить на Lightning CSS. chenjiahan написал, что возможно в будущем Lightning CSS будет в ппо дефолту. Было бы здорово.
Кто-нибудь использовал Rsbuild на проде? Поделитесь впечатлениями
Уже жду видео "Чем собирать React в 2025-м".
у них в module federation singleton не работает
Пока не сильно понятно почему так быстро, для локального дева вполне интересно(с n^2 по ходу красиво работает), но в прод я бы не ставил
Чуваков с фронта не устраивает 7 секунд сборки. Тем временем чуваки с бэкэнда в первый раз компилируют 20 микросервисов на одной машине с ожиданием в полвека…
Спасибо за видео) Подскажите, как сделать чтоб в терминале версию node отображать постоянно?
работает быстро конечно
но выходной бандл у меня всегда больше чем с webpack
отличное видео
При миграции столкнулся с проблемой в scss файлах, там используется @import 'styles/*', алиасы не помогают, все равно говорит что не видит ничего по этому пути, в доке тоже пусто....
спасибо
Здравствуйте, у меня вопрос. если в проекте присутсвует [id] получение, запрос это или страница, нужно писать generateStaticParams. при build. создается проект в котором нет html, есть только chunks, js,css файлы. а я хочу html. если пишут output: 'export' он говорит что это невозможно из за динамических данных. проблема с чанками js файлами в том. что хостинг не принимает это и сайт не работает. помогите пожалуйста.
Все супер, но кружочек мелкий)
соответственно и CRACO уже нет смысла пробовать?
Да. Для миграции с Craco в доке rsbuild тоже инструкции есть.
да что там новые библиотеки.. вон на проекте летом только подтянули на проект свежий next intl под app/ так в середине проекта уже так апи поменяли этого пакета что пришлось молиться материться чтоб обновить
неспеша фронт опасно разрабатывать - есть вероятность пока закончишь уже все устареет☺️ и надо сызнова
Webpack one love ❤
Раст похоже везде)
Я ищу способ использовать Rsbuild для сборки проекта Node.js с TypeScript, который бы работал в консоли, без запуска веб-сервера.
Хотел бы создать шаблон приложения Node.js с TypeScript, используя Rsbuild.
Может кто-то мне помочь советом и делом (может быть пример есть)?
Ну в целом то оно реально быстрое
Почему считаете, что cra умер?
Он не обновлялся два года, на него положили болт
@@jklyfg9893 нет
напомни плз почему CRA уже как год умер?
Его не поддерживают больше. Он не умер, работает, но зависимости проектов обновляются и рано или поздно cra не справится. Поэтому хочется использовать инструмент, который развивается.
мой проект VITE v4.3.9 ready in 311 ms
❤❤❤🎉🎉🎉
100500 lib
нах он нада)
Как же устал))))))
бесполезная возня вокруг сборщиков, типичный фронт
Rsbuild v0.3.5
error Failed to build.
error Cannot find module '@rspack/binding-linux-arm-gnueabihf' - на raspbian выдает вот такую ошибку. Пытался найти модуль, но не нашел.
Выглядит как отсутствие зависимости в проекте. Попробуйте установить то, что предлагается в ошибке.
Спасибо за ответ, это первое что я попытался сделать, установка зависает и ничего не происходит.@@mishanep
Как же задрал этот реакт, логика меняется, сборки меняются, а в итоге тоже дерьмо что и почти 10 лет назад
Ой сомнительно, я вообще кайфую от vite и scss - всё остальное полная ерунда, ну могу сказать что можно ещё двинуть в next. js но это уже максимум что можно выезжать с фронта, сшитаю что фронтенде это тот-же самий фулстек
Здравствуйте, у меня вопрос. если в проекте присутсвует [id] получение, запрос это или страница, нужно писать generateStaticParams. при build. создается проект в котором нет html, есть только chunks, js,css файлы. а я хочу html. если пишут output: 'export' он говорит что это невозможно из за динамических данных. проблема с чанками js файлами в том. что хостинг не принимает это и сайт не работает. помогите пожалуйста. его принимает только vercel
Я и рад помочь, но трудно со слов сообразить и разобраться.