Используй useActionState хук для форм в React

Используй useActionState хук для форм в React

1,776 Просмотров

🟢 Здесь рассказываю про полезный хук useActionState для работы с формами в приложениях на React. useActionState появился в React версии 19.
useActionState - это хук, который позволяет обновлять состояние на основе результата действия формы.
Мы можем очень просто обрабатывать поля формы, дефолтные значения, показывать индикатор загузки (спиннер, лоадер) и всё это с минимальным количеством кода.

useActionState is a Hook that allows you to update state based on the result of a form action.

▶ основной Telegram: https://t.me/Dmitry_Kolotilshikov
▶ приватный Telegram (Видео без VPN + ПОДДЕРЖАТЬ можно тут): https://t.me/tribute/app?startapp=sm6T
▶ GitHub: https://github.com/DmitryKolotilshikov
▶ Linkedin: https://www.linkedin.com/in/kolotilshikov
▶ Boosty: https://boosty.to/dmitry_ko
▶ Графический дизайн и анимация: https://t.me/getlogo

⚡️ вкусняхи ⚡️
🔑 Курс по GIT (одно видео): https://youtu.be/h5SzR2CM6kQ
🔑 CSS Flexbox (2 видео): https://youtu.be/H9NLmrD7w4A
🔑 CSS Grid (2 видео): https://youtu.be/LpsE9GDPDBM
🔑 Препроцессоры SCSS (2 видео): https://youtu.be/6JGm-t-psiE
🔑 SVG, svg-спрайты (2 видео): https://youtu.be/RdlS_8qnyqw
🔑 1 уровень - Верстка макета (8 видео): https://youtu.be/9PjXCToSKag
🔑 2 уровень - Верстка макета (8 видео): https://youtu.be/VvKVx76a1Ko
🔑 3 уровень - Верстка макета (10 видео): https://youtu.be/z3PTjpOlcW0

⚙️ Курс Frontender[1.0] разделен на 3 модуля:
1) HTML, CSS, SCSS, БЭМ, Flexbox, Grid, Bootstrap, GIT, FIGMA, верстка 3 макетов (100 уроков);
2) JavaScript, решение задач, написание нескольких приложений;
3) React, Typescript, Redux написание полноценного приложения;

Используй useActionState для форм в React

📢 Автор: Дмитрий Колотильщиков
#js #frontend #javascript

Тэги:

#javascript_с_нуля_полный_курс #программирование_с_нуля #html_с_нуля #js_курс #js_с_нуля #уроки_javascript #строки_в_javascript #javascript_полный_курс #javascript_для_начинающих #js_методы_строк #js_уроки_с_нуля #уроки_javascript_для_начинающих #js_строки #основы_javascript #уроки_javascript_практика #js_includes #шаблонные_строки_js #js_курс_2024 #js_курс_с_0 #react_app #useactionstate_react #react_19
Ссылки и html тэги не поддерживаются


Комментарии: