React - szybkie i przyjemne formularze (react-hook-form)

preview_player
Показать описание
W tym materiale na przykładzie prostej aplikacji do Quizów pokażę Ci bardzo fajną bibliotekę do obsługi formularzy w #React #Hooks. Dzięki bibliotece react-hook-form szybko zrobisz formularz z walidacjami.

  1. Artur Chmaro
  2. javascript
  3. react
  4. kurs
  5. webdesign
  6. es5
Рекомендации по теме
React - szybkie 0:14:57

React - szybkie i przyjemne formularze (react-hook-form)

React - kurs 2:22:57

React - kurs podstaw w 2h krok po kroku!

React.useState 🟢 Prosta 0:17:41

React.useState 🟢 Prosta i przyjemna obsługa formularza i walidacji

Poznaj niesamowite hooks 0:07:31

Poznaj niesamowite hooks dla Twoich aplikacji React

BMW M4 Cabrio, 0:36:11

BMW M4 Cabrio, czyli nie mam nic do ukrycia! (TEST PL/ENG 4K) | CaroSeria

Od pomysłu do 0:19:50

Od pomysłu do gotowego projektu (React + YouTube API)

Przetrzymywanie stanu! - 0:06:47

Przetrzymywanie stanu! - Zróbmy formularz logowania! - React.js

useState oraz useEffect 0:15:19

useState oraz useEffect (Podstawy ReactJS #17)

react-query - Szybka 1:14:53

react-query - Szybka Obczajka (live coding)

Podstawy ReactJS #10 0:16:39

Podstawy ReactJS #10 - Obsługa formularza przez Formik 💥

The BEST Way 0:06:26

The BEST Way To Create Forms In React - React Hook Form Tutorial - How To Create Forms In React

Co z Reactem? 0:01:24

Co z Reactem? Jaka Przyszłość Czeka MMC School?

React Hook Form 1:43:34

React Hook Form - przewodnik po bibliotece do tworzenie formularzy

Flexible Forms with 0:23:45

Flexible Forms with React Hook Form

Jak użyć React 0:10:25

Jak użyć React Hooks w Reduxie

Jak zrobić własnego 0:19:38

Jak zrobić własnego Hooka w React JS?

React Refresh - 0:07:46

React Refresh - Jeszcze lepszy hot reloading

Vite, czyli szybsza 0:16:46

Vite, czyli szybsza alternatywa dla Webpack i Create React App ⚡️

W czym zrobić 0:13:08

W czym zrobić nowy projekt React.js? 🙄 CRA? Next? Gatsby?

React Hook Form 0:15:25

React Hook Form Tutorial | Why It's Useful

[SPRYCIARZE.PL] Responsywność tutorial 0:01:28

[SPRYCIARZE.PL] Responsywność tutorial web-dev 101 - REACT-REDUX-JS-RWD

Why is there 0:00:17

Why is there no React CLI??

Tygodniówka JS #18 0:14:35

Tygodniówka JS #18 UI Formularzy, Relay Hooks, React Clean Code, Rethinking the JavaScript

Podstawy ReactJS #11 0:16:49

Podstawy ReactJS #11 - Walidacje formularza w Formik ✅

Комментарии
Автор

Czas się przesiąść z Formika :D Im bardziej zaczynam brnąć w Reacta tym bardziej doceniam Twoje materiały. IMO najlepszy Reactowy kanał na polskim youtube!

LQS
Автор

Podobał Ci się ten materiał ❓Daj znać, będę wdzięczny za feedback 🙏🏻
✅brak spamu, ✅3-4 linki o React/JS/UX/UI, ✅możesz się wypisać kiedy chcesz

ArturChmaro
Автор

Cześć. Z jednej strony podoba mi się zwięzłość materiałów, z drugiej jako osoba początkująca byłbym ogromnie wdzięczny gdybyś poświęcił więcej czasu omawiając poszczególne funkcjonalności. Mam wrażenie, że strasznie szybko "przelatujesz" materiał. Rozumiem, że nie można przedstawić całej biblioteki w 15 minutowym filmiku, ale chociaż te aspekty, które pokazujesz mogłyby być bardziej szczegółowe. Niemniej jednak lubię Twoje filmiki, zaczepiają o interesujące tematy w związku z czym zasubskrybowałem kanał i czekam na więcej. Pozdrawiam.

michalul
Автор

Jest może gdzieś udostępniony kod z tego nagrania ??? Chętnie bym popatrzył na spokojnie na niektóre rozwiązania?

matir
Автор

Tak naprawdę mówisz o wszystkim a nie przekazujesz nic, Your connect is fatal Error 👎

sebastiannarloch
Автор

super materiał, dzięki że dzielisz się takimi odkryciami!! <3

Taik
Автор

Spoko libka, sam od niedawna używam. Brakuje mi jedynie parse/format z react-final-form'a do wygodnego modyfikowania wartości z stanu na wartość prezentowaną w polu (np cena w formie liczby vs format walutowy wyświetlany w polu). Ale ogólnie polecam ;)

MaciejTatol
Автор

Super filmik. Dobrze że pokazujesz takie materiały, ja nawet nie wiedziałem o takiej bibliotece. Będę miał lekturkę na weekend :D Dzięki Arturo <3 !

woycieszko
Автор

Skróciłem kod self-made formularzy w moim projekcie nawet o 50 linii po jakiś 15 minutach nauki. Wspaniała biblioteka. Dzięki za pokazanie Arturze!

NiceNick
Автор

Wydaje się to dużo mniej skomplikowane niż Formik. Jak można do tego podpiąć React-i18next to jest chyba to co chciałem :). Mam pytanie z innej beczki, zrobił byś filmik o tym jak prawidłowo zarządzać zapytaniami do API w React w połączeniu z Redux-toolkit i domyślnie włączonym thunkiem, bo saga jest mi zbędna? Widziałem artykuł, gdzie zrobiono middleware api i następnie dispatchowało się akcje typu apiAction({ type: 'API', endpoint...} ).
Zastanawiam się jak w średnim projekcie utworzyć strukturę, czy robić jakieś api serwisy. Mógłbyś coś polecić i wskazać sprawdzoną ścieżkę :)?

bartoszsowa
Автор

pokazał byś może jak zrobić coś w stylu generatora dokumentów z jakiegoś formularza typu nie wiem podanie do pracy gdzie masz wpisać imie nazwisko itp i tymi danymi uzupełnia jakiś tekst

platek