Next.js 13 App Router #3 - Серверные компоненты

#nextjs13 #javascript #typescript
00:00 Клиентские и серверные компоненты - вступление
2:22 Схема разделения на клиентские и серверные компоненты
8:00 Как работают клиентские компоненты
9:10 Пре-рендеринг HTML и гидратация
10:20 Различия SPA, SSR, RSC на диаграмме
19:41 Серверные компоненты в нашем проекте
22:13 Взаимодействие клиентских и серверных компонентов
25:07 Когда использовать серверные и когда клиентские компоненты
Repo: github.com/easydevgit/next-13...

[@dya-lv8mf]

Спасибо за курс по NextJS! Как будто то, что я искал, здесь все ответы на мои вопросы, что мне было не понятно! Появилось представление что это такое и как с этим работать)) На RU ютубе однозначно находка!!!)) Удачи в дальнейшем развитии канала!

[@RamaRama-qv3jo]

Огромное спасибо за этот цикл видео! Так просто и понятно никто базу не разбирал)

[@gyglejid]

Этот комментарий создан в знак уважения к автору, его трудам и для продвижения его канала.

[@trendsgallery]

Очень крутой разжевываешь материал. Я реально в шоке!!! Очень жаль что мало таких лекций на ру сегменте. По поводу того, что лайков меньше, чем у Непомнящего - я не считаю, что тут есть что-то несправедливое. Непомнящий снимает контент 5-6 лет, если не больше, а автор всего год) Банально размер аудиторий разный.

[@CTILET]

Очень классно! Смотрю перед сном)

[@sergmo6428]

Шикарно

[@flyguy9864]

спасибо за видео 🙏

[@aidoskabezov3622]

Очень интересное видео! Спасибо за труды! Продолжай в том же духе!

[@korobkaneskvika2740]

Спасибо за ролик, за ваш труд! Застрял на изучении некста из-за скудного английского и маленького опыта, но с этим курсом все на места встало еще с 3 видео. Самый понятный курс по next js из тех, что я видел. P.S. Третий раз правлю комментарий, потому что чувствую, что недостаточно исчерпывающе выражаю свою благодарность, спасибо еще раз!

[@easydev1205]

Спасибо! по next ещё планирую продолжение. Надеюсь много интересного будет)

[@relaxatiionnature]

У вас прекрасная подача материала, очень хотелось бы увидеть CRUD по Next.js

[@easydev1205]

будем приложение делать. Ну или хотя бы мини-приложение)

[@nikolaizarezako9344]

Плейлист в 100 раз лучше, чем у М.Непомнящих, а лайков минимум. Не справедливо

[@0Dimk0]

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

[@user-si1fw9tr1z]

Очень хорошо получается доносить информацию. Не бросай это дело, ты приносишь реальную пользу многим людям

[@easydev1205]

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

[@user-jz5ck2uk4d]

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

[@yuriyovdeyev685]

Здорово у вас получаются уроки. Хорошая подача. Спасибо! С меня подписка. Кстати, React Essential один из самый первых полезных разделов в документации по NextJS.

[@bessuka]

Супер! Круто, дякую за ще один детальний урок

[@bbnoWhat]

твои видео помогают мне при изучении этого фреймворка, сенькю

[@st.serhio_]

спасибо за урок! давно такого не видел на просторах ютуба, большое спасибо, коммент в поддержку канала

[@easydev1205]

Спасибо!

[@DenInside]

Оч хороший и понятный видос!

[@arinqwerty]

спасибо❤

[@andreievvv]

Чекаю проект на Next

[@ego_dubovik]

Разжевал и даже в рот положил. Спасибо! Тоже жду реальный проект

[@oxygen8168]

почему в плейлисте по NextJs одно видео не доступно (6-е видео) ?

[@easydev1205]

Не знаю, если честно

[@mystrm9821]

Один момент, как использовать redux, он работает через провайдер, и с самого начала сразу же делает все последующие компоненты клиентскими (т к провайдер прокидывается в app.js), что с этим делать? Как решить?

[@easydev1205]

Вот официальный пример next с redux: github.com/vercel/next.js/tree/canary/examples/with-redux

[@mystrm9821]

@@easydev1205 Если я правильно понимаю, в лайауте все содержимое обвернули в "клиентские" компонент-провайдер, и теперь ВСЕ вложенные компоненты стали клиентскими?

[@reactnext13]

почему у меня в Next.js13 не работает use state, хотя я прописал сверху файла "use client" ?

[@easydev1205]

А что за ошибка?

[@reactnext13]

@@easydev1205 ошибки вроде нету, проверяю через console.log выводит мою переменную в терминале, а на клиенте пустота. Также в терминале пишется белым шрифтом (node:3756) ExperimentalWarning: stream/web is an experimental feature. This feature could change at any time (Use `node --trace-warnings ...` to show where the warning was created)

[@reactnext13]

@@easydev1205 решение было обновить Node.js

[@vitya.obolonsky]

не бачив щоб в spa приходив html

[@easydev1205]

ответ серверных компонентов в ролике показан. Это специальный формат

[@nowar6874]

Автор, спасибо тебе большое, на вашем канале очень мало подписчиков, но ваша подача информации одна из лучших. У меня были сложности с поиском ваших видео, но я рад что нашёл вас.