Taming Forms in React - JARED PALMER

Поділитися
Вставка
  • Опубліковано 11 гру 2024

КОМЕНТАРІ • 70

  • @raziechavoshi5994
    @raziechavoshi5994 2 роки тому +3

    I was impressed by his optimistic attitude. He was clever, open to receiving help (I mean using others' code), ingeniously lazy ( a feature that leads to ways to eliminate boilerplates), and able to think critically. He rethought about the flux approach and reinvented a way to control states in Forms... very very erudite.

  • @JD-eu8re
    @JD-eu8re 4 роки тому +11

    I just implemented this on my React project. Mind Blown. This is so incredibly powerful! Thank you!

  • @alexxmde
    @alexxmde 5 років тому +6

    This talk is a milestone in my React journey. Jared Palmer is one of the greatest developers out there.

  • @Svish_
    @Svish_ 3 роки тому +4

    19:10 "I usually code in TypeScript, so those kinds of mistakes don't happen" 💙

  • @parthvaghani702
    @parthvaghani702 4 місяці тому

    Amazing... Speech, content, library !!!

  • @robertshawnmitchell
    @robertshawnmitchell 6 років тому +2

    Very helpful description of array handling in Formik!

  • @rohanchaudhary2296
    @rohanchaudhary2296 6 років тому +6

    Is the component an inbuilt component @27:38 line number : 48. ?
    Or is it custom made ?

    • @Deliverant
      @Deliverant 6 років тому +10

      github.com/jaredpalmer/formik-alicante/blob/master/src/components/Debug.js

  • @engragheed
    @engragheed 6 років тому +4

    Thanks a lot for the presentation and the library. Appreciate it.

  • @MrArielvol
    @MrArielvol 5 років тому

    Great presentation. I had to create both the "miniformik" and "arrays" projects in TypeScript, which took me along long time to convert from JS, but still.. I learned a lot so Thank you Jared !!!!!

  • @codinginflow
    @codinginflow 2 роки тому

    the Formik logo is breaking my brain

  • @hectorg362
    @hectorg362 2 роки тому +1

    Damn. I hope I can get better at programing to be at the level of this guy.

  • @enfieldli9296
    @enfieldli9296 2 роки тому

    Love his energy

  • @shehriyarnadeem2582
    @shehriyarnadeem2582 4 роки тому

    Did my code refactor with this. Thanks for this Charlie

  • @TheBurgman400
    @TheBurgman400 5 років тому +1

    Thank You! Amazing coding on the formik, just made part of my future projects walk in the park :)

  • @ashutoshdubey0703
    @ashutoshdubey0703 3 роки тому +2

    Anyone knows the font style and vs code theme he is using?

  • @willemojnr
    @willemojnr 4 роки тому

    Glad I watched this. Great presentation.

  • @Diamonddrake
    @Diamonddrake 5 років тому +1

    This was great! Learn it buy building it is a fantastic methodology.

  • @TheChodex
    @TheChodex 5 років тому +10

    Sadly, i've been currently bashing my face against a keyboard... :'(

  • @ShaharHarshuv
    @ShaharHarshuv Рік тому

    32:46 it would have been better if you could get the array value from the props of the FieldArray render function.

  • @medoubella
    @medoubella 5 років тому +3

    Great presentation! does anyone know which Vscode theme he is using?
    Thanks in advance

    • @yashjha0007
      @yashjha0007 5 років тому +3

      It's oceanic next. marketplace.visualstudio.com/items?itemName=naumovs.theme-oceanicnext

  • @alexdolhov4935
    @alexdolhov4935 Рік тому

    HI. Could you please provide a link to sourse code from video (including Debug component). Thanks.

  • @astrixx
    @astrixx 5 років тому +21

    Had no idea Charlie Sheen created Formik.

  • @Punisher4xe
    @Punisher4xe 3 роки тому +1

    That's the bracket hell 👀

  • @eritreanism
    @eritreanism 5 років тому +6

    man, i was so excited to learn about formik from the ground up, but this guy starts tutorial from page 50

  • @jimmykaushal9982
    @jimmykaushal9982 5 років тому

    Field Array is cool but what to do if you want FieldArray of multiple components and shown in the order of how they were added. For example in this one he adds friend but let's say there is Add Neighbor button along with it and if he clicks that underneath it is neighbor added and then he clicks friend and then some other component, can field array achieve this or it is only for one type of component only.

  • @alexjin5232
    @alexjin5232 3 роки тому

    This is beautiful.

  • @Lee-qj4hk
    @Lee-qj4hk 4 роки тому +2

    10:13 "So... let's start coding"

  • @nikhilneela
    @nikhilneela 4 роки тому

    at 16:58, shouldn't the state be set like this,
    this.setState(prevState => ({
    values : {
    ...prevState.values,
    [name] : value,
    },
    }));
    The way that's done in the video actually destructures the prevState into the values object resulting in values : {isGoing, numberOfGuests, touched, errors}

    • @jpdenford1473
      @jpdenford1473 4 роки тому +1

      If you keep watching he goes back and corrects it

  • @davidkozak8882
    @davidkozak8882 5 років тому

    Good presentation about an interesting library, thank you! I will definitely check it out and play with it :)

  • @sn5183
    @sn5183 6 років тому +1

    10:40 Formik example

  • @GayanKalinga
    @GayanKalinga 2 роки тому

    What is the font he is using.

  • @elisson357
    @elisson357 3 роки тому

    Thanks for sharing.

  • @nikbelikov
    @nikbelikov 3 роки тому

    thank you very much!

  • @dnsmarinov23
    @dnsmarinov23 5 років тому +3

    I cannot understand what's the need of so much code only for validation. See Vue's validation for example. Simple, fast and readable

  • @slim_mike
    @slim_mike 5 років тому

    awesome, thanks for sharing!

  • @cyruskiprop8476
    @cyruskiprop8476 5 років тому

    Please do share the vscode theme...awesome presentation anyways

  • @brielov
    @brielov 5 років тому +1

    The last guy wanted some stars on GitHub

  • @ridespirals
    @ridespirals 6 років тому +2

    anyone know the name of that font he's using?

    • @antonbodnia5788
      @antonbodnia5788 6 років тому

      some sort of Oceanic next

    • @JaredPalmer1
      @JaredPalmer1 6 років тому +7

      Operator Mono SSm x Oceanic Next Italic

    • @defdac
      @defdac 4 роки тому

      @@JaredPalmer1 thanks! was about to ask the same question myself.

  • @snpr9603
    @snpr9603 5 років тому +5

    Very difficult to understand video. Not for Junior developers.

    • @marcfearby311
      @marcfearby311 5 років тому +2

      But it's a good overview of how Formik could be used by anyone starting out with React and wondering how they can solve the inevitable nightmare of forms. I was looking into Redux but I'm glad I found Formik, which I saw mentioned here: flaviocopes.com/react-forms/

  • @prashantsakre6577
    @prashantsakre6577 Рік тому

    anyone have debug component here

  • @korany07
    @korany07 4 роки тому

    Isn't this video too old to show on formik docs?

  • @nijandhanjaganathan5281
    @nijandhanjaganathan5281 4 роки тому

    Anyone can please suggest to me for material UI autocomplete validation with the formik or react-hook-form Exambles.

  • @brando8314
    @brando8314 Рік тому

    Curse you Formik!!! - The 20% probably

  • @Theotherone232
    @Theotherone232 3 місяці тому

    You made my life easier

  • @marcostanagho
    @marcostanagho 4 роки тому

    Please share the name of your VS code theme

  • @kuchumovn
    @kuchumovn 6 років тому

    A similar library:
    github.com/catamphetamine/easy-react-form

  • @raselkarim2731
    @raselkarim2731 6 років тому

    anyone know the name of the editor theme he is using ?

    • @eurotrashPHX
      @eurotrashPHX 6 років тому

      VS Code

    • @xmatthewday
      @xmatthewday 5 років тому

      Not sure but it look very similar to what Wes Bos does. See wesbos.com/uses/

  • @ElvisMoraes
    @ElvisMoraes 5 років тому

    Great library, but unfortunately this video is not a tutorial but a presentation

  • @Deadragonbone
    @Deadragonbone 3 роки тому

    I think And design form is more usefull

  • @ServetEdu
    @ServetEdu 5 років тому

    Dead crowd yo

  • @Josh-lx5qt
    @Josh-lx5qt 4 роки тому +1

    Am I the only one but Formik seems overly complicated...

  • @Faaaaaaaaaaaaz
    @Faaaaaaaaaaaaz 5 років тому +4

    "Our Prophet Dan Abramov" - dafuq? crazy people..

  • @NikosKatsikanis
    @NikosKatsikanis 5 років тому

    1 sacked failed programmer watched this

  • @UntoldSelf_AlterEgo
    @UntoldSelf_AlterEgo 4 роки тому

    You Cheated, I lost interest

  • @DOPEBEATZBOYS
    @DOPEBEATZBOYS 2 роки тому +3

    Does anyone know which font he's using?