Экосистема React.js 2023

[@it2138]

Начните учиться «Фронтенд-разработке» бесплатно в Яндекс Практикуме: ya.cc/t/BjXBTW1r4TBtDU Мой Telegram канал: t.me/howToLearnIT 0:00 Мир моды React.js 0:50 Как стать фронтенд-разработчиком? 02:28 Песочницы 02:44 Сборка 04:18 Роутинг 04:47 Стейт менеджеры 06:16 Работа с формами 07:07 Тестирование 08:07 Стилизация 09:10 UI-киты 10:12 Анимации 10:27 Визуализация данных 10:38 Таблицы 10:54 I18n 11:03 Инструменты разработчика 11:27 Документация 11:42 Type Checking 11:54 Мобильные приложения 12:08 Остальное #reactjs #react #javascript #frontend

[@ВалентинЩеголев-э4з]

Спасибо за контент! Очень люблю тебя посматривать, Ловлю на мысли что каждый видос вызывает ощущение внутри как десерт в холодильнике с которым хочешь встретиться вечером. На равне с более большими каналами идёшь по качеству, очень круто!

[@klee9458]

Жирный лайк. Быстро, понятно, полезно, информативно

[@Virisound]

Дааа... афигенный ролик, столько интересного и главное полезного. Спасибо, Автор.

[@aRReVVage_ppchatter]

Мне так нравится вставки из видоса человека по имени Fireship )))

[@mishayakubchuk4192]

Про mobX так было сказано, как буд-то он уже не актуален, хотя это не так. Он всё ещё проще и выразительней в написании стейта, на мой взгляд. У него в 2.5 раза больше звёзд на гитхабе, чем у redux-toolkit. И при обсуждении CSS, как-то уж совсем забыли упомянуть CSS/SCSS Modules, который по умолчанию поддерживается в том же Next.js.

[@ko22012]

автор данного канала тупо сделал перевод. а автор англоязычного канала просто базу привел. все итак знают эти инструменты, что в ролике были сказаны.

[@SergeySuntsev]

Это смотря с какой стороны преподнести эту информацию. redux-toolkit всего пару лет живет, хотя mobX уже больше 8, и при этом redux-toolkit всего в 2.5 раз отстает по звездочкам. у redux в целом огромное преимущество в его строгом flow, т.е. хороший стандарт, который работает, хотя и может быть немного более сложным для новичков, чем mobX

[@ЗлатаГринько]

Благодаря Redux DevTools сам Redux вырывается вперед в моем сердечке(

[@adeptiworks]

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

[@skeev_]

@@SergeySuntsev у редакс огромное преимущество в том, что это первый стейт-менеджер и все динозавры на рынке только его и используют. Все. Юзать либу над либой, чтобы написать стейт "слишком плохо, что аж хорошо" (с)

[@Disorrder]

shadcn набирает популярность среди hadless ui либ :) Основан на радиксе, оч хорошо сделан, успешно использую в продакшене. По остальному материалу даже придраться не к чему, почти со всем согласен! Могу только предостеречь использовать MUI вместе с Next, т.к. он основан на эмоушене, который не поддерживается то ли RSC, то ли новой системой роутинга, я уже забыл. Но короче уже полгода как висит ишью на гитхабе с просьбой совместимости MUI с Next 13 :)

[@quiksilverost]

супер! в курсе этого водоворота событий

[@YuliyaS-t7d]

Комент в поддержку 🎉

[@kostasancez2358]

Пока ролик грузился все устарело😂

[@GeneralDeD9963]

Коротко и понятно, спасибо. Подписочка и колокольчик от меня)

[@Duh280]

Класс! Четко и по делу✊

[@pronix.corp432]

Расскажи про effector

[@ВикаОношко-л8ж]

Спасибо.Интересное и полезное видео

[@blatisgense933]

Давай такое же про Vue

[@Serhii_TON]

супер спасибо большое

[@DMK-Production_automobile]

Liveblocks - для роботы нескольких пользователь одновременно - типа как в фигме)

[@daniyarzhanakhmetov7741]

Супер! Спасибо за видос!

[@vagoalex13]

Нужен такой же ролик для Vue! 🤘🏻😄

[@mardershadow3965]

Ето имба; the best, идеальний контент

[@ghostinthewires7006]

Используем зустенд для больших средних и больших проектов, идеально закрывает все потребности

[@pvttrix]

Понял , иду в бекенд

[@nafanya3733]

Видео огонь, только последнюю секунду лишнюю обрезал: слово не договорил =)

[@codex_sky]

🎉

[@gluknik]

Спасибо, полезно :)

[@Gos1em]

А что за первая библиотека для документации на 11:28? Докезорус? Не могу найти в гугле

[@korden7885]

docusaurus

[@favorite9084]

Анимашки, а как же всеми любимый gsap? или anime js?

[@YuliyaS-t7d]

Three js 🎉

[@_vasyl_5039]

Топ контент!

[@СултанбиЖолдыбай]

Лайк подписка

[@rustam7635]

Странно что effector не включен, хотя если просто перевод, то да, за рубежом не сильно популярен

[@АлександрФрайнд]

Давай такой же ролик по вью

[@STELLS541]

годно!

[@denys5049]

блин думал что для фронта хватит ванильного скрипта + хтмл + цсс, а тут еще вон сколько учить

[@kot-duott]

Спасибо за ролик! Только Zustand читается "цуштАнд" (немецкое слово :)

[@Fodintsov]

Только ударение на первый слог [ˈʦuːˌʃtant]

[@thecatlucky]

Почему для е2е не был упомянут тот же самый puppeteer?

[@ray84851]

На самом деле, за последнюю пару лет - ничего нового, разве что Vite пришел на смену Webpack, да Redux Saga исчез куда-то (оно и хорошо).

[@justintie]

неужели все довольствуются thunk ?

[@infantfrontender6131]

@@justintie, скорее redux toolkit

[@spadar1602]

Уже как года два не юзаем Стейт менеджеры, контексты покрывают все хотелки

[@АнтонВальковский]

​@@spadar1602в чем преимущество контекстов перед стейтом? Учитывая что контекст принудительно рендерит детей, когда рендеринг из-за Стейт можно купировать реселектом

[@alexeyfilippov42]

​@@spadar1602ужас

[@ВиталикМисла]

все круто, но пожалуйста говори ВЭБ вместо вебь

[@MrJloa]

Jest, vite... Bun потыкайте. Jest видать доживает последние дни. Модные кроссовки это хорошо, но ждём подборку по vue

[@user-non-user]

Серверные компоненты в next сейчас тоже очень сырые

[@rsln7595]

Привет Подскажи пожалуйста, можно ли стать фронтенд-разработчиком самостоятельно, не проходя курсы школ?

[@kirilldegtyarev6671]

Можно. Полно информации бесплатной в интернете, главное чтоб желание было.

[@turn2river474]

rs school ) гугли )

[@pavelklm8831]

Я считаю курсы помогут стать максимум джуном, остальное сам, если не можешь или не хочешь самостоятельно читать документации , читать чужой код, слушать лекции и очень много практиковаться, то сйера не для тебя, удачи

[@ИванАрреций]

Конечно можно, найти работу - вот какое испытание тебя ждет

[@AlexeyMamaev]

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

[@mylnikov059]

А по vue будет такое видео?))

[@НиколайПанкратов-к8о]

супер сус❤

[@yslpn]

Что за эхо? В подъезде записываемся?)

[@vladwolf444]

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

[@aysh1544]

Два слова: «порог вхождения».

[@vladwolf444]

@@aysh1544 ой да ладно вам, не такой уж там и высокий порог вхождения, ощущение, что народ просто помнит байки про AngularJS и не пробовал нормальную 2-ую версию. У того же реакта нюансов порой больше, чем в ангуларе знать надо, особенно того, что касается оптимизаций и ререндеров

[@sovaz1997]

Ну, Angular - все равно не серебряная пуля

[@EraChanZ-s3c]

5:45 Кто-то хранит данные на сервере?

[@kostasancez2358]

Effector надо

[@lostvayne6247]

Половину юзаю) в вот реакт формы и ui мне нужно подтянуть 😅

[@DK-ju4kb]

что такое реакт формы? если я не ошибаюсь то в реакте форм нет вообще

[@bignah4872]

А потом джс бандл весит 10 мб😢

[@mit7871]

В лучшем случае)

[@tarque_]

😂

[@mnik0128]

+

[@talantasanov4973]

а что насчет effector?

[@ИльяПавилонец-ъ2э]

А как же эффектор. У него же там такая секта последователей.

[@ИльяПавилонец-ъ2э]

шишащашие вожможношти для машутизации. Я примерно так же пьяный разговариваю. Чет угарнул

[@АртемИванов-ы9м]

Спасибо за видос, для e2e тестироваия можно использовать Cypress

[@ivanrussui4126]

по поводу стилизации а как же css модули? а вообще это кошмар сколько всего и как быстро все меняется, научишься чему-то и надо опять новое учить и так постоянно. а требования у работодателей растут и расту, количество начинающих уже в несколько раз превышает количество вакансий. такое чувство что если лет 5 назад не вкатился то уже и не понятно насколько имеет смысл)

[@mit7871]

Да, это проблема фронтенда используем не то что эффективно, а то что модно. В итоге каждый год, вместо развития существующих стеков, появляются новые модные и революционные решения, но это максимум на годик)

[@sweetcapitan5690]

Учтите базу, все эти новомодные способы самодроча энививей используют старые принципы придуманные много лет назад. Освоите их, освоите и все остальное. Тот же css голый выручите, а потом можно всякими Tailwind с бутстрапами обмазываться.

[@nade3282]

"используем не то что эффективно, а то что модно" ну как сказать, просто есть вещи которые уже давно используются такие как реакт, и на сколько бы они не были плохи, с этим ничего нельзя поделать т.к. на нем написано большинство @@mit7871

[@sovaz1997]

Да ничего по факту не меняется, если приглядеться Стек в целом за последние 10 лет устоялся. Основа одна, на нее постоянно будут что-то навешивать и не всегда это "что-то" нужно использовать. Нужно в первую очередь думать своей головой и использовать не технологи, которые на хайпе, а те, которые наиболее подходят под задачу

[@Историисамоосознания]

Astro быстее NextJS

[@sergeysergeev9271]

На вакансию фронтэнда 500-600 откликов на мидла, на джуна более 2000. Куда вы лезете?

[@YuliyaS-t7d]

Нахер надо за 50 тыщ работать

[@antontsvil245]

А как же менеджеры пакетов?

[@mikaelgevorgyan4521]

Кто как хочит так и рочит 🫠🤣🤣🥲👌

[@skeev_]

какой формик, какой ртк/ркт квери и джест, на дворе 23 год, хватит рекомендовать это говно! (из перечисленного ртк квери не говно). формик и джест еще и поддерживаются через пень-колоду редакс и джест в топе был и будет в топе, по той же причине, почему juqery до сих пор популярнее реакта и ангуляра к анимкам стоит добавить gsap валидацию вообще упустили, и там сейчас zod разваливает кабины

[@sovaz1997]

А что с jest-ом не так, чем предложите заменить? Vitest? По остальному согласен в целом) Так, на беке с Nest.js jest использую на личном проекте

[@isikavaklod]

Тупа лике

[@IYaphtes]

Не согласен, что react-native абсолютный лидер для кросплатформенных веб-приложений. Он скорее - единственный в своем роде в экосистеме React'а. Абсолютный лидер в своем сегменте, скорее, Flutter.

[@avancoder]

* екосистема react.js

[@rossmanov]

Можно хоть миллион библиотек использовать, но кодить адекватно с ними не научишься никогда)

[@Endru1994]

Еще из один примеров, как большие гиганты, монополисты - диктуют умам как им работать и в какой парадигме мыслить, а потом вопросы, почему у нас тупики в развитиях технологий и прочего, вот и ответ. А потом почему никто не любит С++ , С. Да потому что с помощью них прорывы десятки лет только и делались, а монополисты вносят тонны средств чтобы удушить их, чтобы вы плясали под дудку гигантов. Ребята, учите только нативное, все что в моде - то не вечно! Хотя и мода по кругу ходит..

[@mikaelgevorgyan4521]

🙄🥺😳Да ужос что творят прям катастрофа стоко знать фронендеру ужос

[@sv3163]

Диз.

[@sad_god]

вайт а не вит

[@d4rkdante]

нет

[@JS_Skyline]

По французски типа, как Vue - вью, так Vite - вит

[@ginhop1057]

@@JS_Skylineв переводчик зайди, на французском читает как вит

[@rustam7635]

Правильно - Вит, на сайте у них даже написано

[@JS_Skyline]

@@rustam7635 да да, это я в итоге перепутал)) хотел Вит написать, а написал Вайт)))

[@nade3282]

давай про vue

[@fedordostoevskiy4209]

Npm install выучил - и ты фулстек-синьор. )

[@Gellert94]

Видео просто супер, спасибо!