Formik React Native Crash Course

Рет қаралды 32,082

Жыл бұрын

Welcome to a youtube channel dedicated to programming and coding related tutorials. We talk about tech, write code, discuss about cloud and devops. That’s what we do all day, all year. We roll out a lot of series and videos on our channel.
All the learning resources such as code files, documentations, articles and community discussions are available on our website:
chaicode.com/
You can find our discord link, github link etc on the above website.
Twitter/X link: x.com/hiteshdotcom
Discord link: hitesh.ai/discord
Learn React with 10 projects: • Let's learn react from...
Learn Docker: • A practical guide on D...
Learn Kubernetes: • Complete Kubernetes Co...
How does a browser works: • How does a browser wor...
How nodejs works: • How node JS works | En...
Learn Redux-toolkit: • Learn Redux Toolkit in...
Learn NextJS: • Nextjs Full stack course
Learn Typescript: • Why to learn Typescript
Learn Javascript: • Welcome to new JavaScr...
Learn React Native: • React Native Mastery: ...
Learn Zustand: • React state management...
Learn Golang: • How to get started wit...

Пікірлер: 52

@rehandev7833 5 ай бұрын

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 4 ай бұрын

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.

@mohitashliya8750 6 ай бұрын

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

@rahul_sidhha Жыл бұрын

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

@wazrymohamed1654 Жыл бұрын

Superb.I am enjoying the process 😍

@reubenthomas1033 Жыл бұрын

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

@parthadhikari00 4 ай бұрын

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

@visheshgupta4990 4 ай бұрын

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

@alexjuniortupapa 4 ай бұрын

Excellent great course and great instructor.

@abhayverma6300 Жыл бұрын

Strongly needed video

@Kaashif03 10 сағат бұрын

Great Video Series

@anirudhcodes Жыл бұрын

Fantastic video! 😍

@user-px6yb9zj9e 9 ай бұрын

this was too fast.. previous tutorials were good

@tarunn9646 2 ай бұрын

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

@pranjaimewara1615 Күн бұрын

Not able to find this Code in github. Can anybody help please?

@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 5 ай бұрын

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

@DheerajYadav-yq1ed 7 ай бұрын

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

@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

@bilelrahmouni01 11 ай бұрын

thank you

@inxeoz 3 ай бұрын

awesome

@raghavenderreddy2729 Жыл бұрын

Waiting

@pranavpatki Жыл бұрын

Looks like Coding Garden live stream 💯

@ritikjha4567 10 ай бұрын

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

@enriquesalomon8197 6 ай бұрын

me too, have you solved it?

@sandeepsingh1409 6 ай бұрын

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

@neeteshkaushik1745 5 ай бұрын

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

@priyanshumodi7198 3 ай бұрын

But it doesnot work in ios

@KartikeyTT 4 ай бұрын

ty sir

@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 7 ай бұрын

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 5 ай бұрын

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

@_Anshukumar 4 ай бұрын

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 4 ай бұрын

And use this

@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 🙏

@willgordon5737 Күн бұрын

Sir all of a sudden you went from beginner level to intermediate level. Way to fast.

@alitaha2598 8 ай бұрын

FInaaaaly

@TheTabishnadeem 10 ай бұрын

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 8 ай бұрын

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 8 ай бұрын

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 7 ай бұрын

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

@MoizKhan-uw3hx 7 ай бұрын

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

@kanithisatishkumar7036 7 ай бұрын

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

@enriquesalomon8197 6 ай бұрын

@@kanithisatishkumar7036 Thanks ,big helps