Formik React Native Crash Course

Document your progress and share your React Native journey on your own Hashnode blog for free:
hashnode.com/?source=hitesh
Tag your posts with #reactnative so they can be easily discovered by Hashnode's global community
github.com/hiteshchoudhary/Re...
Discord: ""/discord
Facebook: / hiteshchoudharypage
Instagram: / hiteshchoudharyofficial
homepage: www.hiteshChoudhary.com
Disclaimer:
It doesn't feel good to have a disclaimer in every video but this is how the world is right now.
All videos are for educational purposes and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.
All Amazon links are affiliate links (If any).

[@rahul_sidhha]

I appreciate your efforts so much, sir. I'm doing well and finally feel like I'm accomplishing something.

[@reubenthomas1033]

Awesome! Grateful for the content you're putting out. Waiting for the next ones.

[@mohitashliya8750]

Very comprehensive tutorial on formik, as said there are very few or handful of available there.

[@wazrymohamed1654]

Superb.I am enjoying the process 😍

[@rehandev7833]

For those of you, who are facing Type error in VS Code like so:
Type '(e?: FormEvent | undefined) => void' is not assignable to type '(event: GestureResponderEvent) => void'. Types of parameters 'e' and 'event' are incompatible.
This is a bug that hasn't been fixed as of 30/12/2023, so the workarounds are:
1. handleSubmit as unknown as (e: GestureResponderEvent) => void // This works fine
2. () => handleSubmit() // This has performance issues

[@paulthornton1302]

If you have an issue where the keyboard hides the output, you can add Keyboard.dismiss(); to the onSubmit like follows.
onSubmit={ values => {
console.log(values);
generatePasswordString(parseInt(values.passwordLength));
Keyboard.dismiss();
}}
Also add Keyboard to the import as such
import { SafeAreaView, ScrollView, StyleSheet, Text, TextInput, TouchableOpacity, View, Keyboard } from 'react-native'
Great course. Thank you.

[@abhayverma6300]

Strongly needed video

[@parthadhikari00]

This was such a great explanation, has to say had one of the best learning experience from this playlist. Thank you ❤❤

[@visheshgupta4990]

Hey ! Are you doing job or you are learning it for getting your job or switching your job ?

[@alexjuniortupapa]

Excellent great course and great instructor.

[@anirudhcodes]

Fantastic video! 😍

[@inxeoz]

awesome

[@tarunn9646]

I can't type my length of the password in the input box it is , being erased once i type it.. What to do?

[@gurpreetsingh-oo5zw]

thanks for providing valuable guidance; just asking why not use react-hook-form instead of formik???

[@HiteshChoudharydotcom]

You can use that too. Just wanted to have variety in react native

[@VErmuratski]

From my experience, I just exhausted to adopt Picker (@react-native-picker/picker) working with Formik... react-hook-form way more better! Easy !!

[@bilelrahmouni01]

thank you

[@arsalanawan7516]

make a video on agenda node package for scheduling or delete data , for this i will sponsor you but i am not that much rich

[@KartikeyTT]

ty sir

[@DheerajYadav-yq1ed]

followed the tutorial throughly even copied and pasted code in a another project stilll i'm not able to generate code and functionalities not as per the video

[@raghavenderreddy2729]

Waiting

[@dheeraj2729]

Sir please do this series fast

[@kruzzsteve7525]

Bro it's takes time to make this type of high quality video so please don't complain appreciate the content 🙏

[@ritikjha4567]

passing the handleSubmit reference to onPress throws the error.It's not working can somebody help

[@enriquesalomon8197]

me too, have you solved it?

[@sandeepsingh1409]

onPress={() => {
handleSubmit()
}}
This solved the issue. Do not know if this method is correct.

[@neeteshkaushik1745]

you can wrap handleSubmit inside a callback and pass that callback inside onPress , eg : onPress = {( ) => handleSubmit( )}

[@pranavpatki]

Looks like Coding Garden live stream 💯

[@priyanshumodi7198]

But it doesnot work in ios

[@mletada]

do you have a tutorial like this with API, database?

[@HiteshChoudharydotcom]

Yep, it’s an ongoing series and I will try to add them too

[@mletada]

@@HiteshChoudharydotcom okay thanks I will wait this :)

[@MoizKhan-uw3hx]

sir there is an error in onpress={handleSubmit} I think due to that error submit button is not working. please help me to solve this error

[@neeteshkaushik1745]

you can wrap handleSubmit inside a callback and pass that callback inside onPress , eg : onPress = {( ) => handleSubmit( )}

[@_Anshukumar]

const PasswordSchema = Yup.object({
passwordLength: Yup.number()
.min(4, 'Should be min of 4 characters')
.max(16, 'Should be max of 16 characters')
.required('Length is required')
})

[@_Anshukumar]

And use this

[@user-px6yb9zj9e]

this was too fast.. previous tutorials were good

[@alitaha2598]

FInaaaaly

[@TheTabishnadeem]

Respect++ for your effort to record 1 hr long video again with this much energy! 🫡🫡
Really enjoying the series sir.😊

[@allyouwanttoknow360]

waste... hownto call reset outside formik?

[@usmanmehar2555]

sir there is an error in onpress={handleSubmit} I think due to that error submit button is not working. please help me to solve this error

[@usmanmehar2555]

submit button is not give error message and after entering valid entry this is not working. i hope you will answer me soon. i am waiting fo it.

[@DheerajYadav-yq1ed]

bro pass it like "onPress={()=>{handleSubmit}}" , @@usmanmehar2555

[@MoizKhan-uw3hx]

But After implementing this functionality not woring@@DheerajYadav-yq1ed

[@kanithisatishkumar7036]

put this code in place onpress(handelsubmit) ---- onPress={(event) => {
handleSubmit();
event.preventDefault();
}}

[@enriquesalomon8197]

@@kanithisatishkumar7036 Thanks ,big helps