Next js Forms Crash Course (Zod, Actions, useFormState, Progressive Enhancement, and more!

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

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

  • @dshyryayev
    @dshyryayev 3 месяца назад

    This is so awesome! So much useful information in one video! Thank you James!

  • @Benjamin-id7qv
    @Benjamin-id7qv 2 месяца назад

    Great vid and with the source code.. perfect !!

  • @samiullahsheikh5015
    @samiullahsheikh5015 4 месяца назад +1

    @JamesQQuick you can still setErrors in react-hook-form. All you need to do is send errors back from you server action and set the set the errors unsing setError from react-hook-form. In this way even with react-hook-form, you can sync server errors with cilient state but you loses the progressvie enhacement for sure

  • @heguer87
    @heguer87 5 месяцев назад

    Great content man!

  • @diegoavendanohernandez9908
    @diegoavendanohernandez9908 4 месяца назад

    What an awesome course, thank you

  • @eliuddyn
    @eliuddyn 6 месяцев назад +1

    Amazing 🔥🔥

  • @mariolazzari
    @mariolazzari 6 месяцев назад +1

    this is really good!

  • @sux0r1z0r
    @sux0r1z0r 4 месяца назад +1

    Does the form still work without Javascript after having introduced react hook form? I don't see you using the form action property so I'm wondering if it still works as a progressive enhancement form, that you spent the last hour building?

    • @theBarracuda_
      @theBarracuda_ 3 месяца назад

      just started watching the vid. Doest it actually work with JS disabled with RHF?

  • @GameCrawl
    @GameCrawl 6 месяцев назад

    Hi, can you make a quick start guide on how to use astro with htmx using prisma and turso sql?

  • @djameldahmoun8672
    @djameldahmoun8672 6 дней назад

    Nice video, but can someone tell why when i tested it the form resets automaticaly after each submit

  • @skyax3328
    @skyax3328 3 месяца назад

    I downloaded the zip from github and it works good but for me it's showing light mode so things are hard to see. Is there an easy way to switch it to dark mode?

  • @calvintai8950
    @calvintai8950 6 месяцев назад

    Hi James, can you make a video on multi-step form using React-hook-form with generics? Like one multi-step form for both create and edit

  • @tawsifhaque9360
    @tawsifhaque9360 6 месяцев назад

    hi james, great video, but the github link attached is the code for the previous multi-page form. not of this video's code

    • @JamesQQuick
      @JamesQQuick  6 месяцев назад +1

      Hey hey! SO sorry. Here's the correct link! I've updated in the description as well. github.com/jamesqquick/nextjs-form-validation

  • @andrewiglinski148
    @andrewiglinski148 6 месяцев назад +3

    F-king 15? I’m working in a project that still isn’t released that started with 13, then 14 came out and we migrated to 14, and now 15?! I love that they make such rapid progress, but they major bump more often than any library I’m familiar with.

    • @yoJuicy
      @yoJuicy 6 месяцев назад

      Its a yearly thing. next 13 came out over 2 years ago. They had to update fast as react server components is still pretty new and has some kinks to work out. Next.js is the most advanced react framework. There's a reason the react team worked with them first for their new big features. The Vercel CEO has bet on dynamic websites from the start and its paid off.

    • @JamesQQuick
      @JamesQQuick  6 месяцев назад

      Things move fast. It's definitely a challenge. On the flip side, we get access to awesome new features more often. We do the best we can haha

  • @haiderjaafer8164
    @haiderjaafer8164 6 месяцев назад +1

    Source code in git is not as in the video 😮😮😮

    • @JamesQQuick
      @JamesQQuick  6 месяцев назад +1

      Hey hey! SO sorry. Here's the correct link! I've updated in the description as well. github.com/jamesqquick/nextjs-form-validation

  • @princepangaea
    @princepangaea 2 месяца назад

    which browser is he using

  • @cant_sleeeep
    @cant_sleeeep 4 месяца назад +1

    you lost me at 15:00 i don't understand what is going on

  • @XprimeX-q7l
    @XprimeX-q7l Месяц назад

    With react 18 next js is not using use form state but useActionState

  • @salmansadi9842
    @salmansadi9842 5 месяцев назад

    is this usable with Nextjs 14?

  • @mohamedyoussef8835
    @mohamedyoussef8835 6 месяцев назад

    Awesome tutorial... Thank You

  • @abhishekgandhi6593
    @abhishekgandhi6593 6 месяцев назад

    Osm❤

    • @JamesQQuick
      @JamesQQuick  6 месяцев назад

      What does that mean? lol

  • @nasarullahkhan3379
    @nasarullahkhan3379 6 месяцев назад +1

    please add image upload

  • @davidlintin
    @davidlintin 2 месяца назад

    I’m a no for typescript. If you’re working as part of a team I understand it’s uses, but for someone who’s just building side projects it just slows me down.

    • @usmansbk
      @usmansbk Месяц назад

      It'll make you faster after you get used to it.

  • @alexdin1565
    @alexdin1565 6 месяцев назад

    please can you make video about AuthJS + facebook login because now one make video about login using facebook everyone make github and google, I try it myself but I can't do it

    • @JamesQQuick
      @JamesQQuick  6 месяцев назад

      Hmmm, I've never done facebook login before. What specific issues are you having?

  • @shubhamthedeveloper
    @shubhamthedeveloper Месяц назад

    use validate.error.flattern().fieldErrors you will get same errors object. Also try format(). 😊😊

  • @davidlintin
    @davidlintin 2 месяца назад

    ./src all the way. Just have to keep reminding myself middleware goes in the src not the root 🤦🏻‍♂️

  • @nr7343
    @nr7343 4 месяца назад

    Nice, Why use this garbage?