Привет, друзья! В последнее время мне на глаза часто попадаются статьи, посвященные работе с формами в `React` и разработке соответствующих кастомных хуков. Вот парочка таких статей: * [Using Forms in React]( https://daveceddia.com/react-forms/ ) * [ React.js — формошлепство или работа с формами при помощи пользовательских хуков]( https://habr.com/ru/post/523256/ ) * [Form validation with React Hooks WITHOUT a library: The Complete Guide]( https://felixgerschau.com/react-hooks-form-validation-typescript/ ) Я тоже решил попробовать в этом свои силы, чему и посвящена настоящая статья. Под "этим" я подразумеваю разработку кастомного хука для работы с формами в `React`. Сначала мы разработаем хук, затем используем его в формах для регистрации и авторизации. Для большей правдоподобности мы напишем простой express-сервер, который будет возвращать некоторые пользовательские данные (например, jwt-токен и хешированный пароль), а также некоторые типичные для процесса авторизации ошибки (например, `404 User not found` или `409 Email already in use`). При разработке хука и компонентов приложения мы применим несколько продвинутых паттернов, которые, смею надеяться, покажутся вам интересными. Исходный код проекта находится [здесь]( https://github.com/harryheman/simple-form-react ). Демо приложения: Возможно, для того, чтобы в песочнице все заработало, потребуется ввести команду `yarn dev` в терминале. Хук в форме npm-пакета — [`simple-form-react`]( https://www.npmjs.com/package/simple-form-react ). [Читать дальше ->]( https://habr.com/ru/post/574000/?utm_source=habrahabr&utm_medium=rss&utm_campaign=574000#habracut ) https://daveceddia.com/react-forms/
Моя первая группа
React: немного о работе с формами
Привет, друзья!
В последнее время мне на глаза часто попадаются статьи, посвященные работе с формами в `React` и разработке соответствующих кастомных хуков. Вот парочка таких статей:
* [Using Forms in React]( https://daveceddia.com/react-forms/ )
* [ React.js — формошлепство или работа с формами при помощи пользовательских хуков]( https://habr.com/ru/post/523256/ )
* [Form validation with React Hooks WITHOUT a library: The Complete Guide]( https://felixgerschau.com/react-hooks-form-validation-typescript/ )
Я тоже решил попробовать в этом свои силы, чему и посвящена настоящая статья. Под "этим" я подразумеваю разработку кастомного хука для работы с формами в `React`.
Сначала мы разработаем хук, затем используем его в формах для регистрации и авторизации.
Для большей правдоподобности мы напишем простой express-сервер, который будет возвращать некоторые пользовательские данные (например, jwt-токен и хешированный пароль), а также некоторые типичные для процесса авторизации ошибки (например, `404 User not found` или `409 Email already in use`).
При разработке хука и компонентов приложения мы применим несколько продвинутых паттернов, которые, смею надеяться, покажутся вам интересными.
Исходный код проекта находится [здесь]( https://github.com/harryheman/simple-form-react ).
Демо приложения:
Возможно, для того, чтобы в песочнице все заработало, потребуется ввести команду `yarn dev` в терминале.
Хук в форме npm-пакета — [`simple-form-react`]( https://www.npmjs.com/package/simple-form-react ).
[Читать дальше ->]( https://habr.com/ru/post/574000/?utm_source=habrahabr&utm_medium=rss&utm_campaign=574000#habracut ) https://daveceddia.com/react-forms/