Разбор Next.js Server Actions!
Рет қаралды 9,620
Күн бұрынСегодня посмотрим на новую экспериментальную фичу Next 13 - Server Actions, которая позволяет просто вызывать серверные функции.
🔗 Ссылки:
🎉 Курс по Next.js 13 и React: purpleschool.ru/course/nextjs
🎓 Мои курсы по разработке: purpleschool.ru
👨💻 Клуб разработчиков: purpleschool.ru/club
💬 Telegram канал с полезными советами: t.me/purple_code_channel
Разделы видео:
0:00 - Введение
0:10 - Обновление курса
0:33 - Структура проекта
1:55 - Создание формы
4:06 - Server Actions
8:53 - Ревалидация страницы
11:42 - Как это работает?
15:17 - Выводы
@PurpleSchool Жыл бұрын
🔗 Ссылки: 🎉 Курс по Next.js 13 и React: purpleschool.ru/course/nextjs 🎓 Мои курсы по разработке: purpleschool.ru 👨💻 Клуб разработчиков: purpleschool.ru/club 💬 Telegram канал с полезными советами: t.me/purple_code_channel
@---Maksim--- 11 ай бұрын
Стоило бы упомянуть, что серверный экшн следует выделять в отдельный файл и далее уже импортировать в клиентский код.
@life_on_fire Жыл бұрын
Позитивный коллега))
@user-mu2dp4lo5x Жыл бұрын
интересно получилось)
@PurpleSchool Жыл бұрын
Спасибо!
@Max.Kozlov Жыл бұрын
Сразу лайк!
@PurpleSchool Жыл бұрын
Спасибо!
@r3dkin Жыл бұрын
Дякую за цікаве відео 😊
@PurpleSchool Жыл бұрын
👍
@MK-td2dt Жыл бұрын
Крутое интро !
@PurpleSchool Жыл бұрын
Спасибо! Наконец собрал то, которое мне понравилось)
@telepuzzzik1 Жыл бұрын
Лайк! Сделай плз видео про Классы и Конструкторы
@PurpleSchool Жыл бұрын
Привет! А что именно? Они у меня разобраны в курсах JS и TS.
@engelknight2059 7 ай бұрын
Благодарю
@PurpleSchool 7 ай бұрын
Пожалуйста
@user-it3bn9vg4k Жыл бұрын
Хотелось бы увидеть видео про Notion
@PurpleSchool Жыл бұрын
Хорошо)
@kamal.x Жыл бұрын
14:31 🤯🤯🤯
@PurpleSchool Жыл бұрын
Да, это самое большое преимущество
@andyjs666 11 ай бұрын
Огромное спасибо за видео. Но вот непонятно, а зачем это всё? Всякие запросы к API давно уже никто не делает из самих страниц/компонентов. Обычно этим занимается слой логики (Redux, Mobx...).
@---Maksim--- 11 ай бұрын
Скорее Redux и MobX используют слой api/services, ибо напрямую городить обработку запросов в action-ах - такое себе.
@yura3d3d 11 ай бұрын
Обещали, что с переходом на App Router итоговый JS-бандл уменьшится. Тем не менее, на 9:41 видно, что для практически пустой страницы (серверного компонента, между прочим) имеем First Load JS shared by all = 80 Кб. Понятно, что около 50 Кб тут это react и react-dom. Вместе с тем, в серверных компонентах мы теряем весь интерактив и не можем ничего, кроме как рендерить дерево компонентов на сервере. Т.е. бандл почти не уменьшился, а возможностей стало меньше + добавились нюансы с разделением на серверные/клиентские компоненты
@awenn2015 Жыл бұрын
8:10 а зачем скобки ставить если у тебя там один return?))
@PurpleSchool Жыл бұрын
Лучшие придерживаться одного стиля кода, и даже если в if одна строка для читабельности лучше ставить скобки. Такая же история и с ;
@awenn2015 Жыл бұрын
@@PurpleSchool ну с ; то понятно но по счет скобочек хз, я когда вижу что блок умещается в одну строчку не ставлю их, тип зачем, бред какой то, просто так 2 строчки кода занимать плюс визуально как то не полноценно выглядит
@developerdiary3136 Жыл бұрын
@@awenn2015у каждого свой стиль кода, лучше бы нормальный вопрос по теме задал
@awenn2015 Жыл бұрын
@@developerdiary3136 по теме вопросов нет
@vid253 Жыл бұрын
западный мир перенимает фичи 1С из 2008 года )
@user-ik7rp8qz5g Жыл бұрын
Это очень странная штука, не совсем понятно, как и зачем их использовать. Простейший пример - форма обратной связи: получить от пользователя текст, отправить на сервер, вернуть 200 или 500, показать пользователю сообщение в модальном окне. Но они не возвращают ответ, который можно обработать (или не возвращали в той версии, когда я пробовал в прошлый раз). И вот имеем такую ситуацию - текст от пользователя успешно сохранили, а как об этом пользователю сообщить - загадка.
@PurpleSchool Жыл бұрын
Вы можете поменять значение переменной - ошибки и её отобразить.
@vid253 Жыл бұрын
Не совсем понятно? Вся 1С 8й версии абсолютно так же работает уже лет 15 с тех пор как вышла 8.1 и можно указывать у процедур метки &НаКлиенте, &НаСервере в одном модуле. Хотя всегда хотелось раздельно их писать
@yura3d3d 11 ай бұрын
Лавры Remix и Fresh уже год не дают разработчикам Next.js покоя. Наверное не успокоятся, пока всё оттуда не скопируют))
@PurpleSchool 11 ай бұрын
Это и хорошо, стимулируют развития framework
Diana Belitskay
Рет қаралды 41 МЛН
Lama Dev
Рет қаралды 308 М.
WebStack - Frontend
Рет қаралды 2,3 М.