1
00:00:02,490 --> 00:00:09,000
Pracowaliśmy więc nad tymi formularzami tutaj lub nad tymi danymi wejściowymi, w których możemy uzyskać informacje od użytkowników dotyczące dodawania

2
00:00:09,450 --> 00:00:14,840
nowych produktów, i to oczywiście jest podstawowa rzecz, którą prawdopodobnie będziesz musiał zrobić w dowolnej aplikacji.

3
00:00:14,850 --> 00:00:20,400
Teraz pokazałem wam wszystkie drobiazgowe szczegóły potrzebne do samodzielnego ustawienia tego od zera i

4
00:00:20,430 --> 00:00:26,400
oczywiście jest to tylko jedno możliwe podejście. Mogłeś zarządzać wszystkimi stanami

5
00:00:26,400 --> 00:00:35,730
indywidualnie z wieloma stanami użytkowania w jednym komponencie. Zamiast tego używam reduktora i tego stanu scalonego, aby mieć cały stan,

6
00:00:35,730 --> 00:00:42,420
który należy do siebie, i używam osobnego komponentu dla rzeczywistego wejścia i jego etykiety oraz tekstu

7
00:00:42,420 --> 00:00:46,970
błędu i sprawdzania poprawności tego tekstu wejściowego, i oczywiście to jest

8
00:00:47,100 --> 00:00:52,410
po prostu jeden możliwy wzór. Teraz w trakcie produkcji możesz nie

9
00:00:52,410 --> 00:00:54,750
chcieć cały czas wymyślać koła,

10
00:00:54,750 --> 00:00:59,910
więc zamiast pisać tutaj całą logikę sprawdzania poprawności, jak już wspomniałem, możesz

11
00:00:59,910 --> 00:01:06,870
wypróbować rozwiązania takie jak ValidateJS, które dają wstępnie skonfigurowane wzorce sprawdzania poprawności i funkcjonalności, dzięki czemu nie

12
00:01:07,290 --> 00:01:11,280
musisz dodawać własnego wyrażenia regularnego e-mail i tak dalej.

13
00:01:11,280 --> 00:01:17,400
Możesz także zajrzeć do pakietów takich jak formik, który jest zewnętrznym pakietem React, który działa również dla React Native, co

14
00:01:17,400 --> 00:01:22,770
sprawia, że dodawanie formularzy i sprawdzanie poprawności formularzy jest jeszcze łatwiejsze. Możesz także sprawdzić oficjalne dokumenty, aby

15
00:01:22,890 --> 00:01:27,710
dowiedzieć się więcej na ten temat, a także dowiedzieć się, jak używaj go w aplikacjach

16
00:01:27,720 --> 00:01:30,900
React Native, ponieważ znajdziesz tam opis na ten temat.

17
00:01:30,930 --> 00:01:35,580
Uważam jednak, że bardziej interesujące jest pokazanie, co dzieje się za kulisami

18
00:01:35,580 --> 00:01:40,290
i jak można skonfigurować coś takiego od zera, ponieważ ostatecznie ten kurs dotyczy

19
00:01:40,290 --> 00:01:42,700
zostania programistą, a nie zgadywania.

20
00:01:42,750 --> 00:01:48,600
Mam więc nadzieję, że było to pomocne w zrozumieniu tego, co dzieje się za kulisami, w

21
00:01:48,600 --> 00:01:51,630
jaki sposób możesz zarządzać ważnością i wartościami elegancko

22
00:01:51,720 --> 00:01:57,810
i w sposób wielokrotnego użytku, a my również ponownie wykorzystamy dane wejściowe w sekcji uwierzytelniania, gdy dodamy

23
00:01:57,810 --> 00:02:03,690
również ekran uwierzytelniania i tam, my zobaczy również, jak łatwo można dodać kolejny formularz do tej aplikacji.