Moduł 17 – React Hook Form — ekosystem Reacta

Moduł kursu "React Hook Form — ekosystem Reacta" wprowadza do używania gotowych rozwiązań w React do tworzenia formularzy. Sam React odpowiada wyłącznie za interfejs. Nie ma wbudowanych wielu elementów potrzebnych do stworzenia pełnoprawnej aplikacji. Możemy wymyślać koło na nowo albo... skorzystać z gotowych i sprawdzonych rozwiązań! :)

📚 Zawartość modułu

Moduł "React Hook Form — ekosystem Reacta" jest podzielony na 15 lekcji:

1. Wstęp: Poznanie konceptu React Hook Form i potrzeby korzystania z gotowych rozwiązań w tworzeniu aplikacji React.
2. Registering fields: Rejestracja pól formularza, umożliwiająca ich manipulację.
3. Validation: Walidacja pól formularza w celu sprawdzenia poprawności wprowadzonych danych.
4. Displaying validation messages: Wyświetlanie komunikatów walidacyjnych informujących o błędach w formularzu.
5. Controller: Wykorzystanie komponentu "Controller" do zarządzania danymi pól formularza.
6. Validation and revalidation mode: Poznanie trybów walidacji i ponownej walidacji pól formularza.
7. Conditional fields: Tworzenie pól warunkowych w formularzu.
8. Lifting state up — FormProvider & useFormContext: Wynoszenie stanu formularza do komponentów-rodziców za pomocą "FormProvider" i "useFormContext".
9. Saving form state — default values: Zapisywanie stanu formularza — domyślne wartości pól.
10. Resetting form state: Resetowanie stanu formularza do wartości początkowych.
11. Project 0.0 – RecoverPasswordForm: Tworzenie komponentu formularza odzyskiwania hasła przy użyciu react-hook-form.
12. Project 0.1 – LoginForm: Tworzenie formularza logowania przy użyciu react-hook-form.
13. Project 0.2 – CreateAccountForm: Tworzenie formularza tworzenia konta przy użyciu react-hook-form.
14. Project 1.0 – ProfileForm: Tworzenie formularza profilu przy użyciu react-hook-form.
15. Project 1.1 – Uploading avatar: Obsługa wysyłania awatara przy użyciu react-hook-form.

👀 Zobacz przykładową lekcję z tego modułu kursu:

👨‍💻 Zobacz przykładowy kod z tej lekcji:

💸 Kup kurs

Kup cały kurs CodeRoad – TUTAJ

Kup ten moduł kursu – TUTAJ

💪 Odbierz bezpłatny kurs!