W gąszczu bibliotek

Kto nigdy nie programował w JavaScripcie niech nie narzeka na ilość bibliotek w projekcie! Kto nigdy nie programował w Reactcie niech nie narzeka na problemy z integracją wielu bibliotek!

Tak mogę podsumować moje ostatnie zmagania z projektem.

Poprzednie wpisy z serii:

Po chwilowej przerwie związanej z innymi zajęciami znowu usiadłem do projektu.

Formularzu, cóż mi czynisz?!

W poprzednich wpisach mówiłem o mojej walce z walidacją formularza. Prostego formularza logowania. Nadal z nią walczę.

Chyba powinienem zmienić nazwę projektu na „How to validate?” :D

Po opisaniu problemów dostałem w komentarzu od czytelników nazwę kolejnej biblioteki. Tym razem związanej z obsługą formularzy w Reactcie. Nazywa się redux-form. Jak sama nazwa wskazuje jest związana z biblioteką Redux. I w rzeczy samej pozwala przechowywać stan formularza z wykorzystaniem Reduxa właśnie.

Zacząłem przeglądać wstęp i przykłady. Pierwsza rzecz jest taka, że nie pokazują w oficjalnych przykładach całego kodu, a po wejściu na GitHub kod ze strony i w plikach się różni. Druga sprawa to to, że bardzo słabo jest opisany wstęp. Tak na prawdę to gdybym nie przebrnął w ostatnim miesiącu przez tyle bibliotek to w życiu bym się tam nie odnalazł. Trzecia sprawa jest taka, że nie działa. Prawdopodobnie wynika to z pierwszego problemu. Dobrą godzinę szukałem czemu dostaję dziwny błąd w konsoli. Dopiero wtedy znalazłem jeden istotny szczegół w kodzie – metoda obsługi onSubmit miała być wstawiona w wywołanie jeszcze jednej metody z biblioteki. Łatwo to przeoczyć, a słowa o tym nie ma.

Zrobiłem formularz z walidacją tak jak było w przykładzie. Nie działa walidacja. W sumie to chyba nic nie działa. Żadnego błędu. Nie dostaję żadnej informacji zwrotnej z walidacji, nie wyświetla się tekst błędu. Dodatkowo przy submitowaniu formularza z jakiegoś niewyjaśnionego powodu usuwa mi wartość z pól mimo, że nic z nimi nie robię, a standardowe zachowanie formularzy HTMLa jest wyłączane.

Jak ktoś ma jakieś dobre artykuły czy tutoriale do tej biblioteki albo zna jeszcze jakąś związaną z obsługą formularzy to piszcie w komentarzach.

Praca musi nabrać tempa

Przez miesiąc mam wrażenie, że nie zrobiłem nic. Mimo, że w ciągu tego miesiąca poświęciłem na pracę w domu więcej czasu niż przez ostatnie pół roku to projekt stoi w miejscu.

Chyba jednak zabiorę się za pozostałe featury i aplikacja nie będzie w żaden sposób sprawdzała danych. Dopiero jak najważniejsze rzeczy będą działać to będę mógł marnować czas na walkę z milionem bibliotek do tego samego.

2 thoughts on “W gąszczu bibliotek”

  1. Walidacja z użyciem Reduxa brzmi jak idealny przykład rzeczy, której się robić nie powinno i dzięki której „wspaniała” społeczność JS zepsuła całkiem niezły ekosystem Reacta.

    1. Właściwie ostatecznie to jest tak, że w Reduxie przechowuję wartości formularza, a waliduję ręcznie. Niestety widzę, że chcąc to zrobić dobrze trzeba się dużo więcej naklepać niż w normalnych językach gdzie dodaję bibliotekę do walidacji, której nie obchodzi jakiej biblioteki do divów używam :P

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *