React Native Tutorial #30 - Formik Forms (part 1)

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ก.พ. 2025

ความคิดเห็น •

  • @nmrtns
    @nmrtns 4 ปีที่แล้ว +31

    After wasting money and time watching udemy courses, The Net Ninja saved me. The way he explains makes it easy to follow along with your own project and not just build whatever he is building.

    • @talha-safdar
      @talha-safdar 6 หลายเดือนก่อน +2

      Exactly others think showing what they are doing is helpful. but net ninja knows how to show and explain at the same time perfectly.

  • @binishjoshi1126
    @binishjoshi1126 5 ปีที่แล้ว +53

    Believe it or not, I came here after becoming dissatisfied with Udemy Courses on React Native. I thank you three thousand

    • @osamagamal495
      @osamagamal495 5 ปีที่แล้ว +3

      which course do You mean? Max's one?

    • @apurvsingh5541
      @apurvsingh5541 4 ปีที่แล้ว +6

      I bought course from max and also from Stephen. Both of them were disappointing.

    • @ThomasJoseph9
      @ThomasJoseph9 4 ปีที่แล้ว +1

      same here...

    • @SumitKumar-co2pm
      @SumitKumar-co2pm 4 ปีที่แล้ว

      same here dude, I bought max's. Could not follow along after a while and this series has been so helpful

    • @cedrickvstheworld1810
      @cedrickvstheworld1810 4 ปีที่แล้ว

      Did they stick on using redux?

  • @TheNerdyDev
    @TheNerdyDev 5 ปีที่แล้ว +2

    Woo, awesome video. Something totally different- Form validation using Formik. Top notch.

  • @leondaz
    @leondaz 5 ปีที่แล้ว +14

    I'm not even trying to learn React native, But notifications sent me here

  • @rumertovar
    @rumertovar 2 ปีที่แล้ว

    The best tutorials on the internet! 🚀🔥

    • @NetNinja
      @NetNinja  2 ปีที่แล้ว

      Thanks Rumer! :)

  • @bemalsdvanitha2090
    @bemalsdvanitha2090 5 ปีที่แล้ว +2

    This tutorial series is great and please make tutorial series about web testing , and spring mvc😋

  • @maximebarber3780
    @maximebarber3780 4 ปีที่แล้ว

    As always, great content! I have just joined your channel, keep up the awesome work!

  • @lisvasquez7447
    @lisvasquez7447 3 ปีที่แล้ว +1

    You made it so easy :) thanks!!!

  • @kendam1
    @kendam1 4 ปีที่แล้ว

    I hit like on your video before I watch it coz I know I will see awesome content!

    • @NetNinja
      @NetNinja  4 ปีที่แล้ว +1

      Thank you :)

  • @zensic
    @zensic 2 ปีที่แล้ว

    Awesome! Still works in 2022!

  • @FLOKY42
    @FLOKY42 3 ปีที่แล้ว

    One more thanks for this video! You r breathtaking!

  • @ernestogarcia5762
    @ernestogarcia5762 10 หลายเดือนก่อน

    Thanks, amazing teaching

    • @NetNinja
      @NetNinja  10 หลายเดือนก่อน

      Glad you think so! :) thanks for watching

  • @daboren1547
    @daboren1547 4 ปีที่แล้ว

    Omg, this is great course. Thanks Gang!

  • @MadhavMalhotra
    @MadhavMalhotra 3 ปีที่แล้ว +3

    Note: Do you not see any of the right values when you console.log(values) in the onSubmit property? For me, it happened because I was using onChange={handleChange('name')} on the TextInputs. But I needed onChangeText={handleChange('name')}

  • @guymross
    @guymross 4 ปีที่แล้ว

    You are an excellent teacher - thanks!

  • @sharadsharma3176
    @sharadsharma3176 5 ปีที่แล้ว +2

    Great work

  • @Fleshlight_Reviewer
    @Fleshlight_Reviewer 5 ปีที่แล้ว +11

    Just made a Pokedex without hooks. Should I hop onto this next?

    • @NetNinja
      @NetNinja  5 ปีที่แล้ว +1

      Hah yeah go for it. You have the Pokédex up and running? Would love to see it 😁

    • @Fleshlight_Reviewer
      @Fleshlight_Reviewer 5 ปีที่แล้ว +4

      @@NetNinja yea its here: doanja-pokedex.herokuapp.com/
      i'm still trying to work with the getting this up and running with user authentication tho

    • @binishjoshi1126
      @binishjoshi1126 5 ปีที่แล้ว +1

      @@Fleshlight_Reviewer It'd be great if you added suggestions on loading while typing

    • @Fleshlight_Reviewer
      @Fleshlight_Reviewer 5 ปีที่แล้ว +1

      @@binishjoshi1126 you're right! I'm not sure how to do that 😂

    • @edemgbk5233
      @edemgbk5233 5 ปีที่แล้ว

      @The Net Ninja Please elaborate ;formik or redux form & why,

  • @AlJapairai
    @AlJapairai 2 ปีที่แล้ว

    Thank you so much.

  • @setayeshk1062
    @setayeshk1062 4 ปีที่แล้ว +1

    Hi I'm a real newbie in react native and I'm about 10 days in it only😬 and cause I didn't know Javascript or react I didnt see your court ninja but I'm now in my validation of login sign up in my uni project and I should do this task really fast I dont a beautiful ui form with native base but now I can't validate it with states It doesn't update my state function
    I wanna know can I use formik and yup with native base?? Hope you read this and sorry for being this long I have 6 days for this validating and requesting to back team

  • @MarkoF1R6
    @MarkoF1R6 2 ปีที่แล้ว

    Thanks for the tutorial sir

    • @NetNinja
      @NetNinja  2 ปีที่แล้ว +1

      Always welcome :)

  • @shayankhan2976
    @shayankhan2976 4 ปีที่แล้ว +1

    How can we use formik with json based build elements? I mean i have created my elements from json insrtucted file.

  • @jeffjcd
    @jeffjcd 4 ปีที่แล้ว

    Thank You 🙏

  • @botanahmed3527
    @botanahmed3527 2 ปีที่แล้ว

    Brilliant

    • @NetNinja
      @NetNinja  2 ปีที่แล้ว

      Thanks Botan!

  • @toressuarez
    @toressuarez 2 ปีที่แล้ว

    Please How do we add Radio Buttons to Formik in React Native?

  • @piyushsarraf9994
    @piyushsarraf9994 3 ปีที่แล้ว

    Pls make a tutorial of displaying data from .SQL or .db database

  • @stefanatanasov5085
    @stefanatanasov5085 4 ปีที่แล้ว +1

    Hi all,
    When I use Formik and try to open the form I get the following error "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined." Any ideas how to solve this?
    Thanks!

    • @stefanatanasov5085
      @stefanatanasov5085 4 ปีที่แล้ว

      I've missed the curly braces in "import { Formik } from 'formik';". Adding them solved the problem. : )

  • @michaelbanucu5602
    @michaelbanucu5602 3 ปีที่แล้ว +3

    props.handleSubmit is currently not working, if you are using TypeScript (because of a type error). Use props.submitForm instead.

  • @rajeevbhosle1580
    @rajeevbhosle1580 3 ปีที่แล้ว

    thanks , how to handle dropdown checkbox

  • @bilelrahmouni01
    @bilelrahmouni01 3 ปีที่แล้ว

    thank you

  • @yuomtheara
    @yuomtheara 4 ปีที่แล้ว

    Could you example text input with DatePicker?

  • @АнатолийПай-о3т
    @АнатолийПай-о3т ปีที่แล้ว

    what vs code theme are you using?

  • @cascades3898
    @cascades3898 4 ปีที่แล้ว

    hello can u share the file home.js.. i mean all files used for this form creation. thanks

  • @80Vikram
    @80Vikram 3 ปีที่แล้ว +2

    People are happy to spend 10 - 20 USD on crap udemy courses and stingy enough not to do simple like on such great videos. 48K views and only 700 likes, shame on those other freeloaders

  • @nibyparameswaran1893
    @nibyparameswaran1893 2 ปีที่แล้ว

    How can I pass parent props into formik form components?

  • @mhndak
    @mhndak 4 ปีที่แล้ว

    hi sir, how can I handle submit from the stack header?

  • @awareof8606
    @awareof8606 4 ปีที่แล้ว

    When 100k people said u have the best courses in the net and you unlock golden chrome skin. 13:46

  • @mohamedadan8552
    @mohamedadan8552 3 ปีที่แล้ว

    hello i am facing this error please
    Logs for your project will appear below. Press Ctrl+C to exit.
    Android Bundling failed 4089ms
    Unable to resolve module react-navigation-stack from D:\ReactNative\ReactTest
    outes\homeStack.js: react-navigation-stack could not be found within the project or in these directories:
    node_modules
    ..
    ode_modules
    If you are sure the module exists, try these steps:
    1. Clear watchman watches: watchman watch-del-all
    2. Delete node_modules and run yarn install
    3. Reset Metro's cache: yarn start --reset-cache
    4. Remove the cache: rm -rf /tmp/metro-*
    > 1 | import { createStackNavigator } from 'react-navigation-stack';
    | ^
    2 | import React from 'react';
    3 | import Header from '../shared/header';
    4 | import Home from '../screens/home';

  • @arpitzambre4576
    @arpitzambre4576 4 ปีที่แล้ว

    After clicking on + button why I can't get the textinput box .....it shows blank only showing cut sign ...can u please help me with this issue

    • @truonganhvu3505
      @truonganhvu3505 4 ปีที่แล้ว +1

      i got the same errors as u but i fixed it by changing export default function ReviewForm to export const ReviewForm = () =>{ ...}. Dunno why but i worked for me

    • @arpitzambre4576
      @arpitzambre4576 4 ปีที่แล้ว

      @@truonganhvu3505 OK Thanks Bro
      ...

    • @ojitelikenechukwu3895
      @ojitelikenechukwu3895 2 ปีที่แล้ว

      @@truonganhvu3505 hey, I have tried this but my form still does not show

    • @truonganhvu3505
      @truonganhvu3505 2 ปีที่แล้ว

      @@ojitelikenechukwu3895 Maybe sth already updated. It's been a long time ago

    • @ojitelikenechukwu3895
      @ojitelikenechukwu3895 2 ปีที่แล้ว

      @@truonganhvu3505 I didn't include return() to the form, just figured that out

  • @Username7099
    @Username7099 4 ปีที่แล้ว

    I can't get Formik to install properly, even on a fresh project.
    Is anyone else experiencing this issue?

  • @surajingle7976
    @surajingle7976 4 ปีที่แล้ว

    beware, guys! Do not install 'formic' instead of 'formik'. there is a package named formic that can take your hours of head-scratching if mistakenly installed. lol

  • @ahmedtareq3612
    @ahmedtareq3612 4 ปีที่แล้ว +1

    hi There
    Whenever I press the add button, it tells me that there is an error with this text: TypeError: props.handelChange is not a function

    • @attilavarjas4881
      @attilavarjas4881 4 ปีที่แล้ว +2

      handleChange instead of handelChange :)

  • @n_singi
    @n_singi 4 ปีที่แล้ว +1

    Guys someone help
    I'm not getting button on the page at all
    Tried everything and also checked syntax
    Code is same as net ninja
    also onChange not working
    it is showing blank

    • @asmsuce
      @asmsuce 3 ปีที่แล้ว

      I am having the same problem. Button can be placed anywhere else in my code just not in formik.

    • @asmsuce
      @asmsuce 3 ปีที่แล้ว +1

      I have narrowed it down that problem is the modal and not the formik. When I add the form to my drawer, I can see the button.

  • @salahalsamarraaee650
    @salahalsamarraaee650 2 ปีที่แล้ว

    thank you