fa
Feedback
Frontend Советы

Frontend Советы

رفتن به کانال در Telegram

Frontend советы, примеры и практика!

نمایش بیشتر
2 109
مشترکین
اطلاعاتی وجود ندارد24 ساعت
-47 روز
-530 روز
جذب مشترکین
ژوئن '26
ژوئن '26
+5
در 0 کانال‌ها
مه '26
+19
در 0 کانال‌ها
Get PRO
آوریل '26
+8
در 0 کانال‌ها
Get PRO
مارس '26
+6
در 0 کانال‌ها
Get PRO
فوریه '26
+14
در 0 کانال‌ها
Get PRO
ژانویه '26
+16
در 0 کانال‌ها
Get PRO
دسامبر '25
+17
در 0 کانال‌ها
Get PRO
نوامبر '25
+55
در 32 کانال‌ها
Get PRO
اکتبر '25
+16
در 0 کانال‌ها
Get PRO
سپتامبر '25
+57
در 37 کانال‌ها
Get PRO
اوت '25
+34
در 1 کانال‌ها
Get PRO
ژوئیه '25
+46
در 27 کانال‌ها
Get PRO
ژوئن '25
+67
در 20 کانال‌ها
Get PRO
مه '25
+64
در 44 کانال‌ها
Get PRO
آوریل '25
+63
در 37 کانال‌ها
Get PRO
مارس '25
+93
در 38 کانال‌ها
Get PRO
فوریه '25
+65
در 32 کانال‌ها
Get PRO
ژانویه '25
+73
در 34 کانال‌ها
Get PRO
دسامبر '24
+77
در 35 کانال‌ها
Get PRO
نوامبر '24
+71
در 33 کانال‌ها
Get PRO
اکتبر '24
+69
در 30 کانال‌ها
Get PRO
سپتامبر '24
+128
در 29 کانال‌ها
Get PRO
اوت '24
+47
در 18 کانال‌ها
Get PRO
ژوئیه '24
+31
در 0 کانال‌ها
Get PRO
ژوئن '24
+60
در 24 کانال‌ها
Get PRO
مه '24
+65
در 19 کانال‌ها
Get PRO
آوریل '24
+53
در 0 کانال‌ها
Get PRO
مارس '24
+84
در 21 کانال‌ها
Get PRO
فوریه '24
+72
در 18 کانال‌ها
Get PRO
ژانویه '24
+115
در 24 کانال‌ها
Get PRO
دسامبر '23
+103
در 24 کانال‌ها
Get PRO
نوامبر '23
+82
در 17 کانال‌ها
Get PRO
اکتبر '23
+111
در 18 کانال‌ها
Get PRO
سپتامبر '23
+135
در 0 کانال‌ها
Get PRO
اوت '23
+70
در 0 کانال‌ها
Get PRO
ژوئیه '23
+97
در 0 کانال‌ها
Get PRO
ژوئن '23
+77
در 0 کانال‌ها
Get PRO
مه '23
+96
در 0 کانال‌ها
Get PRO
آوریل '23
+71
در 0 کانال‌ها
Get PRO
مارس '23
+24
در 0 کانال‌ها
Get PRO
فوریه '23
+41
در 0 کانال‌ها
Get PRO
ژانویه '23
+76
در 0 کانال‌ها
Get PRO
دسامبر '22
+83
در 0 کانال‌ها
Get PRO
نوامبر '22
+91
در 0 کانال‌ها
Get PRO
اکتبر '22
+159
در 0 کانال‌ها
Get PRO
سپتامبر '22
+314
در 0 کانال‌ها
Get PRO
اوت '22
+921
در 0 کانال‌ها
تاریخ
رشد مشترکین
اشارات
کانال‌ها
17 ژوئن0
16 ژوئن0
15 ژوئن0
14 ژوئن+1
13 ژوئن0
12 ژوئن0
11 ژوئن0
10 ژوئن0
09 ژوئن+2
08 ژوئن0
07 ژوئن0
06 ژوئن+1
05 ژوئن0
04 ژوئن0
03 ژوئن+1
02 ژوئن0
01 ژوئن0
پست‌های کانال
Совет по CSS 💡 Знаете ли вы о свойстве shape-outside в CSS? Demo https://www.codewithshripal.com/playground/css/shape-outsid
Совет по CSS 💡 Знаете ли вы о свойстве shape-outside в CSS? Demo https://www.codewithshripal.com/playground/css/shape-outside 👉@frontend_sovet

2
🚀 Подборка полезных IT каналов в Max Системное администрирование, DevOps 📌 https://max.ru/i_odmin Все для системного администратора https://max.ru/bash_srv Bash Советы https://max.ru/sysadminof Книги для админов, полезные материалы https://max.ru/i_odmin_book Библиотека Системного Администратора https://max.ru/i_devops DevOps: Пишем о Docker, Kubernetes и др. 1C разработка 📌 https://max.ru/odin1c_rus Cтатьи, курсы, советы, шаблоны кода 1С Программирование C++📌 https://max.ru/cpp_lib Библиотека C/C++ разработчика Программирование Go📌 https://max.ru/golang_lib Библиотека Go (Golang) разработчика Программирование React📌 https://max.ru/react_lib React Программирование Python 📌 https://max.ru/python_of Python академия. https://max.ru/BookPython Библиотека Python разработчика Java разработка 📌 https://max.ru/bookjava Библиотека Java разработчика GitHub Сообщество 📌 https://max.ru/githublib Интересное из GitHub Базы данных (Data Base) 📌 https://max.ru/database_info Все про базы данных Фронтенд разработка 📌 https://max.ru/frontend_1 Подборки для frontend разработчиков Библиотеки 📌 https://max.ru/programmist_of Книги по программированию https://max.ru/proglb Библиотека программиста https://max.ru/bfbook Книги для программистов Программирование 📌 https://max.ru/bookflow Лекции, видеоуроки, доклады с IT конференций https://max.ru/itmozg Программисты, дизайнеры, новости из мира IT https://max.ru/php_lib Библиотека PHP программиста 👨🏼‍💻👩‍💻 Шутки программистов 📌 https://max.ru/itumor Шутки программистов Защита, взлом, безопасность 📌 https://max.ru/thehaking Канал о кибербезопасности https://max.ru/xakkep_1 Хакер Free Книги, статьи для дизайнеров 📌 https://max.ru/odesigners Статьи, книги для дизайнеров Математика 📌 https://max.ru/Pomatematike Канал по математике https://max.ru/phismat_1 Обучающие видео, книги по Физике и Математике Вакансии 📌 https://max.ru/progjob Вакансии в IT Мир технологий 📌 https://max.ru/mir_teh Канал для любознательных Бонус 📌 https://max.ru/piterspb_78 Свежие новости Санкт-Петербурга https://max.ru/mockva_life Свежие новости Москвы
0
3
⚛️ Прощай, e.preventDefault(): Нативные формы в React Управление формами в React всегда требовало кучи бойлерплейта: отдельные useState для данных, лоадеров и ошибок, ручной try/catch и обязательный e.preventDefault(). В React 19 появились Actions и новые хуки, которые забирают эту рутину на себя, используя нативные возможности браузера. 1. useActionState (Стейт формы) Позволяет привязать асинхронную функцию к форме и автоматически сохранять результат её выполнения (например, сообщения об ошибках). 2. useFormStatus (Контекст лоадера) Позволяет дочерним элементам читать статус родительской формы (загрузка, отправленные данные). Больше не нужно прокидывать пропс isLoading сквозь всё дерево компонентов. 🚀 Как это выглядит на практике: import { useActionState, useFormStatus } from "react"; // 1. Асинхронный экшен (может быть и Server Action) async function createUserAction(prevState, formData) { const name = formData.get("name"); if (!name) return { error: "Имя обязательно!" }; await fetch("/api/users", { method: "POST", body: name }); return { success: true, message: "Пользователь создан!" }; } // 2. Изолированная кнопка, которая "знает" о статусе загрузки function SubmitButton() { const { pending } = useFormStatus(); return ( <button disabled={pending}> {pending ? "Сохраняем..." : "Создать"} </button> ); } // 3. Сама форма export function UserForm() { const [state, formAction] = useActionState(createUserAction, null); return ( // Просто передаем action в форму! Никаких onSubmit. <form action={formAction}> <input name="name" placeholder="Введите имя" /> {state?.error && <p className="error">{state.error}</p>} {state?.success && <p className="success">{state.message}</p>} <SubmitButton /> </form> ); } 🧠 Senior-нюансы: • Где вызывать useFormStatus? Он работает под капотом как Context API. Поэтому его нужно вызывать только в дочерних компонентах внутри <form>. Если вызвать его в компоненте UserForm из примера выше, pending всегда будет false. • Progressive Enhancement: Если вы используете фреймворк с SSR (например, Next.js), такая форма может отправить данные даже если JavaScript на клиенте еще не загрузился или вовсе отключен. 👉@frontend_sovet
0
4
🚀 Подборка полезных IT каналов в Max Системное администрирование, DevOps 📌 https://max.ru/i_odmin Все для системного администратора https://max.ru/bash_srv Bash Советы https://max.ru/sysadminof Книги для админов, полезные материалы https://max.ru/i_odmin_book Библиотека Системного Администратора https://max.ru/i_devops DevOps: Пишем о Docker, Kubernetes и др. 1C разработка 📌 https://max.ru/odin1c_rus Cтатьи, курсы, советы, шаблоны кода 1С Программирование C++📌 https://max.ru/cpp_lib Библиотека C/C++ разработчика Программирование Python 📌 https://max.ru/python_of Python академия. https://max.ru/BookPython Библиотека Python разработчика Java разработка 📌 https://max.ru/bookjava Библиотека Java разработчика GitHub Сообщество 📌 https://max.ru/githublib Интересное из GitHub Базы данных (Data Base) 📌 https://max.ru/database_info Все про базы данных Фронтенд разработка 📌 https://max.ru/frontend_1 Подборки для frontend разработчиков Библиотеки 📌 https://max.ru/programmist_of Книги по программированию https://max.ru/proglb Библиотека программиста https://max.ru/bfbook Книги для программистов Программирование 📌 https://max.ru/bookflow Лекции, видеоуроки, доклады с IT конференций https://max.ru/itmozg Программисты, дизайнеры, новости из мира IT https://max.ru/php_lib Библиотека PHP программиста 👨🏼‍💻👩‍💻 Шутки программистов 📌 https://max.ru/itumor Шутки программистов Защита, взлом, безопасность 📌 https://max.ru/thehaking Канал о кибербезопасности https://max.ru/xakkep_1 Хакер Free Книги, статьи для дизайнеров 📌 https://max.ru/odesigners Статьи, книги для дизайнеров Математика 📌 https://max.ru/Pomatematike Канал по математике https://max.ru/phismat_1 Обучающие видео, книги по Физике и Математике Вакансии 📌 https://max.ru/progjob Вакансии в IT Мир технологий 📌 https://max.ru/mir_teh Канал для любознательных Бонус 📌 https://max.ru/piterspb_78 Свежие новости Санкт-Петербурга https://max.ru/mockva_life Свежие новости Москвы
0