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

Поделиться
HTML-код
  • Опубликовано: 22 окт 2024

Комментарии • 20

  • @psychoonaut
    @psychoonaut 4 года назад +1

    elegancko wytlumaczone! dzieki

  • @objectObject212
    @objectObject212 4 года назад +2

    Regex zawsze spoko więc chętnie zobaczyłbym go u Ciebie, fajnie gdybyś w odróżnieniu od wielu materiałów pokazał konkretne przykłady i rozwiązania problemów a nie zmyślone losowe frazy na potrzeby filmu.
    Chętnie bym też wreszcie ogarnął custom Hook'i bo nie do końca rozumiem tę ideę i korzyści z ich stosowania. Idealnie jest gdy da się zestawić dwa osobne kody - jeden na "zwykłych" komponentach klasowych a drugi z hookami.
    No i zawsze przydało by się w internecie więcej polskich materiałów z Node.js + Express jakby co ;)
    Dzięki za fajny materiał ;)

    • @ArturChmaro
      @ArturChmaro  4 года назад +1

      Dzięki Krzysztof za feedback, pomyślę coś z wyrażeniami i z custom hooks 🙂

  • @user-zh3kg2kb5u
    @user-zh3kg2kb5u 9 месяцев назад

    Asd to faktycznie piękne, starowęgierskie imię.

  • @ArturChmaro
    @ArturChmaro  4 года назад +2

    Podobał Ci się ten materiał ❓Daj znać, będę wdzięczny za feedback 🙏🏻
    📩Fajne materiały na Twój e-mail: fullstak.pl/newsletter
    ✅brak spamu, ✅3-4 linki o React/JS/UX/UI, ✅możesz się wypisać kiedy chcesz

  • @tmchecki8610
    @tmchecki8610 4 года назад

    Fajny odcinek, fajnie wytłumaczone, sporo się dowiedziałem

  • @patrykkowalski8355
    @patrykkowalski8355 4 года назад +2

    Spoko podejście, osobiście używałem kombajn z redux form, aczkolwiek to już było troszke więcej dłubania z systemem rejestracji ,logowania i walidacji ze strony servera. Ale do prostej apki, to jest to świetna rozwiązanie. Nie korzystałem jeszcze z jwt, obstawiam, że to tokeny, chętnie dowiedziałbym się jak dobrze zabezpieczyć dane, żeby nie były widoczne w networku, albo je zahashować albo ukryć tak, żeby nikt nie wykradł. Czy nie jest to możliwe po stronie clienta?
    Edit: sorry, widzę, że hasło jest ładnie ukryte, to chyba wystarczający stopień bezpieczeństwa na proste logowanie :D

    • @ArturChmaro
      @ArturChmaro  4 года назад

      1. Login i hasło są przekazywane do backendu w momencie logowania / rejestracji.
      2. Backend validuje hasło i generuje JWT (podpisuje ten token swoim kluczem)
      3. Na froncie przechowujesz ten JWT i wysyłasz go w headerze do backendu za każdym razem jak chcesz skorzystać z prywatnych endpointów.
      4. Backend sprawdza JWT czy został podpisany przez niego
      5. Jak wszystko ok to backend zwraca treść, jak JWT wygasł albo jest podpisany przez kogoś innego to leci błąd.
      Powyższy schemat dla prostych zastosowań myślę, że jest w miarę bezpieczny.

    • @patrykkowalski8355
      @patrykkowalski8355 4 года назад

      @@ArturChmaro SUPER! teraz nie trzeba robić o tym filmu heheh, wszystko jak na tacy. Mój staż frontendowo-backendowy, jest nie wielki, nie jest też stricte Juniorski, ale jest masa rzeczy, których nie robiłem, a o których fajnie wiedzieć, żeby móc w razie czego proponować zmiany, poprawki, czy rozwinięcia aplikacji :) Twój kanał spisuje się wzorowo w kwestii douczenia tych luk. Szczególnie, że REACT/GATSBY to technologie, które bardzo lubie. Widze, że u Ciebie na kanale jest pare filmów o JWT, chętnie przejrze, czy zamiast cookies możemy wykorzystać np. localStorage?
      Jest też GraphQL, musze koniecznie rzucić okiem, a masz też tworzenie własnego modelu API? po stronie backendu, żeby potem wystawić sobie endpointy
      W ogóle mam nadzieje, że więcej osób zasubskrybuje, bo warto, dobra wiedza, dużo ciekawych rzeczy stricte z programowania, a nie gadanie o dupie Maryni xD

    • @ArturChmaro
      @ArturChmaro  4 года назад +1

      cookies bezpieczeniejsze niż localStorage (do localStorage mogą mieć dostęp inne pliki JS, np. te zaciągnięte przez CDN

  • @mateusznowak8542
    @mateusznowak8542 3 года назад

    Dzięki :)

  • @adamkopanski7228
    @adamkopanski7228 4 года назад

    Fajny materiał, nie jest to trudne ale wszystko ładnie wyjaśnione :)

  • @ukaszfijakowski3244
    @ukaszfijakowski3244 4 года назад

    piękna minitaruka pieseła. Pozdrawiam xd

    • @ArturChmaro
      @ArturChmaro  4 года назад

      Pieseły i Koteły zawsze spoko :D Pozdrawiam

  • @bartjs2369
    @bartjs2369 4 года назад

    Jest sens używać Hooka, kiedy potrzebuję pobrać dane z API od razu przy załadowaniu danego elementu (useEffect) ? Czy lepiej po prostu użyć klas wraz z metodą componentDidMount ?

    • @ArturChmaro
      @ArturChmaro  4 года назад +2

      To już zależy od Ciebie. Jak piszesz lub chcesz pisać na klasach to używaj componentDidMount. Jak stosujesz Hooksy to wtedy używasz useEffect do takich rzeczy. Ja osobiście się całkowicie przerzuciłem na Hooksy. Wygodniej mi się w tym pisze i kodu jakby mniej ;)

  • @wojciechkrol320
    @wojciechkrol320 4 года назад

    Byłoby super jakbyś zrobił odcinek o regex

  • @Aragor70
    @Aragor70 4 года назад

    Czy mógłbyś pomóc, wytłumaczyć nam ostatni fragment z metodą try catch. Ekran sieje błędami, chciałbym zrozumieć

    • @ArturChmaro
      @ArturChmaro  4 года назад

      Masz na myśli wytłumaczenie jak działa try/catch, czy jak konkretnie działa wyświeltanie błędów? Sorry, ale nie bardzo załapałem co dla Ciebie nie było zrozumiałe.

  • @mpaweu725
    @mpaweu725 4 года назад +4

    slowo testowe "dupa" :)