Formik React Native Crash Course
Ғылым және технология
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...
Пікірлер: 53
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.
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
Very comprehensive tutorial on formik, as said there are very few or handful of available there.
Superb.I am enjoying the process 😍
I appreciate your efforts so much, sir. I'm doing well and finally feel like I'm accomplishing something.
Excellent great course and great instructor.
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 ?
Awesome! Grateful for the content you're putting out. Waiting for the next ones.
Strongly needed video
Great Video Series
Fantastic video! 😍
I can't type my length of the password in the input box it is , being erased once i type it.. What to do?
this was too fast.. previous tutorials were good
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 !!
Not able to find this Code in github. Can anybody help please?
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
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
thank you
awesome
Looks like Coding Garden live stream 💯
Waiting
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( )}
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
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 :)
But it doesnot work in ios
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 🙏
ty sir
Sir all of a sudden you went from beginner level to intermediate level. Way to fast.
FInaaaaly
Respect++ for your effort to record 1 hr long video again with this much energy! 🫡🫡 Really enjoying the series sir.😊
waste... hownto call reset outside formik?
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