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

Поделиться
HTML-код
  • Опубликовано: 1 фев 2025

Комментарии • 121

  • @Howtogoit
    @Howtogoit  Год назад +2

    Начните учиться «Фронтенд-разработке» бесплатно в Яндекс Практикуме:
    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з

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

  • @Virisound
    @Virisound Год назад +2

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

  • @mishayakubchuk4192
    @mishayakubchuk4192 Год назад +17

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

    • @ko22012
      @ko22012 Год назад +1

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

    • @SergeySuntsev
      @SergeySuntsev Год назад +1

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

    • @ЗлатаГринько
      @ЗлатаГринько Год назад +1

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

    • @adeptiworks
      @adeptiworks Год назад

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

    • @skeev_
      @skeev_ Год назад

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

  • @aRReVVage_ppchatter
    @aRReVVage_ppchatter Год назад +3

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

  • @OwO_2802
    @OwO_2802 Год назад

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

  • @quiksilverost
    @quiksilverost Год назад

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

  • @Disorrder
    @Disorrder Год назад +5

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

  • @Duh280
    @Duh280 Год назад

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

  • @daniyarzhanakhmetov7741
    @daniyarzhanakhmetov7741 Год назад

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

  • @GeneralDeD9963
    @GeneralDeD9963 Год назад +1

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

  • @YuliyaS-t7d
    @YuliyaS-t7d 5 месяцев назад

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

  • @ВикаОношко-л8ж
    @ВикаОношко-л8ж Год назад

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

  • @Serhii_TON
    @Serhii_TON Год назад

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

  • @gluknik
    @gluknik Год назад

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

  • @mardershadow3965
    @mardershadow3965 Год назад

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

  • @kot-duott
    @kot-duott Год назад +6

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

    • @Fodintsov
      @Fodintsov Год назад

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

  • @_vasyl_5039
    @_vasyl_5039 Год назад

    Топ контент!

  • @DMK-Production_automobile
    @DMK-Production_automobile 10 месяцев назад

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

  • @vagoalex13
    @vagoalex13 Год назад

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

  • @STELLS541
    @STELLS541 Год назад

    годно!

  • @pronix.corp432
    @pronix.corp432 Год назад +3

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

  • @nafanya3733
    @nafanya3733 Год назад

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

  • @ghostinthewires7006
    @ghostinthewires7006 Год назад

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

  • @blatisgense933
    @blatisgense933 Год назад +2

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

  • @favorite9084
    @favorite9084 Год назад +2

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

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

    супер сус❤

  • @Gos1em
    @Gos1em Год назад

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

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

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

  • @kostasancez2358
    @kostasancez2358 Год назад +3

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

  • @codex_sky
    @codex_sky Год назад +1

    🎉

  • @denys5049
    @denys5049 Год назад +1

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

  • @rustam7635
    @rustam7635 Год назад +2

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

  • @ray84851
    @ray84851 Год назад +33

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

    • @justintie
      @justintie Год назад +1

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

    • @infantfrontender6131
      @infantfrontender6131 Год назад +6

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

    • @spadar1602
      @spadar1602 Год назад +1

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

    • @АнтонВальковский
      @АнтонВальковский Год назад

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

    • @alexeyfilippov42
      @alexeyfilippov42 Год назад

      ​@@spadar1602ужас

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

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

  • @ВиталикМисла
    @ВиталикМисла Год назад

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

  • @mylnikov059
    @mylnikov059 Год назад +1

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

  • @lostvayne6247
    @lostvayne6247 Год назад

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

    • @DK-ju4kb
      @DK-ju4kb Год назад +1

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

  • @MrJloa
    @MrJloa Год назад +1

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

  • @thecatlucky
    @thecatlucky Год назад

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

  • @pvttrix
    @pvttrix Год назад

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

  • @user-non-user
    @user-non-user Год назад

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

  • @yslpn
    @yslpn Год назад

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

  • @rsln7595
    @rsln7595 Год назад +1

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

    • @kirilldegtyarev6671
      @kirilldegtyarev6671 Год назад +4

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

    • @turn2river474
      @turn2river474 Год назад +3

      rs school ) гугли )

    • @pavelklm8831
      @pavelklm8831 Год назад +4

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

    • @ИванАрреций
      @ИванАрреций Год назад

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

    • @AlexeyMamaev
      @AlexeyMamaev Год назад +2

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

  • @bignah4872
    @bignah4872 Год назад +15

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

    • @mit7871
      @mit7871 Год назад +1

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

    • @tarque_
      @tarque_ Год назад

      😂

    • @mnikk1
      @mnikk1 Год назад

      +

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

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

  • @EraChanZ-s3c
    @EraChanZ-s3c Год назад

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

  • @ivanrussui4126
    @ivanrussui4126 Год назад

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

    • @mit7871
      @mit7871 Год назад

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

    • @sweetcapitan5690
      @sweetcapitan5690 Год назад +3

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

    • @nade3282
      @nade3282 Год назад

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

    • @sovaz1997
      @sovaz1997 Год назад

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

  • @talantasanov4973
    @talantasanov4973 Год назад +2

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

  • @vladwolf444
    @vladwolf444 Год назад +4

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

    • @aysh1544
      @aysh1544 Год назад

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

    • @vladwolf444
      @vladwolf444 Год назад

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

    • @sovaz1997
      @sovaz1997 Год назад

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

  • @АртемИванов-ы9м
    @АртемИванов-ы9м Год назад +1

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

  • @kostasancez2358
    @kostasancez2358 Год назад

    Effector надо

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

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

  • @sergeysergeev9271
    @sergeysergeev9271 Год назад +1

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

    • @YuliyaS-t7d
      @YuliyaS-t7d 5 месяцев назад

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

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

    Astro быстее NextJS

  • @skeev_
    @skeev_ Год назад +1

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

    • @sovaz1997
      @sovaz1997 Год назад

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

  • @antontsvil245
    @antontsvil245 Год назад

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

  • @mikaelgevorgyan4521
    @mikaelgevorgyan4521 Год назад

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

  • @isikavaklod
    @isikavaklod Год назад

    Тупа лике

  • @rossmanov
    @rossmanov 11 месяцев назад

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

  • @IYaphtes
    @IYaphtes Год назад +3

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

    • @avancoder
      @avancoder Год назад +1

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

  • @mikaelgevorgyan4521
    @mikaelgevorgyan4521 Год назад

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

  • @Endru1994
    @Endru1994 Год назад

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

  • @sv3163
    @sv3163 Год назад

    Диз.

  • @sad_god
    @sad_god Год назад +1

    вайт а не вит

    • @d4rkdante
      @d4rkdante Год назад +3

      нет

    • @JS_Skyline
      @JS_Skyline Год назад +1

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

    • @ginhop1057
      @ginhop1057 Год назад

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

    • @rustam7635
      @rustam7635 Год назад +1

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

    • @JS_Skyline
      @JS_Skyline Год назад

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

  • @nade3282
    @nade3282 Год назад

    давай про vue

  • @fedordostoevskiy4209
    @fedordostoevskiy4209 Год назад

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

  • @Gellert94
    @Gellert94 Год назад

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