Forms & User Input Handling

87 lessons in React Native

• Multiline TextInput and Text AreasSlides / Video
• TextInput Autofocus and Autocorrect PropsSlides / Video
• Handling Form Reset and Clearing FieldsSlides / Video
• Submit Button Disabled & Loading StateSlides / Video
• Schema Validation with Yup or ZodSlides / Video
• Form Libraries: React Hook Form & FormikSlides / Video
• Slider and Range Input HandlingSlides / Video
• Date and Time Picker InputsSlides / Video
• Picker and Dropdown Selection InputsSlides / Video
• Toggle and Selection InputsSlides / Video
• Handling Multiple Inputs in One FormSlides / Video
• TextInput Props: placeholder, keyboardType, secureTextEntrySlides / Video
• Controlled TextInput with value and onChangeTextSlides / Video
• Input Formatting and MaskingSlides / Video
• Focusing Inputs with useRefSlides / Video
• Focus Between Fields with returnKeyTypeSlides / Video
• Dismissing the Keyboard on Tap OutsideSlides / Video
• Managing Keyboard with KeyboardAvoidingViewSlides / Video
• Handling Form Submission in React NativeSlides / Video
• Displaying Validation Error MessagesSlides / Video
• Client-Side Form Validation LogicSlides / Video
• Form Reset Not Clearing FieldsCode Quiz
• Uncontrolled Inputs with RefsFlashcard
• secureTextEntry with a String ValueCode Quiz
• Keyboard API eventsQuiz
• TextInput inside a ScrollViewQuiz
• onFocus and onBlur handlingQuiz
• Controlled inputs and re-rendersQuiz
• Debouncing search inputQuiz
• Form libraries: React Hook Form & FormikQuiz
• Placeholder text and its colorQuiz
• Handling form submissionQuiz
• Disabling the submit buttonQuiz
• Displaying validation errorsQuiz
• Client-side validation logicQuiz
• Limiting characters with maxLengthQuiz
• Multiline auto-growing inputsQuiz
• Dismissing the keyboard on tapQuiz
• KeyboardAvoidingView basicsQuiz
• Moving focus between fieldsQuiz
• Focusing inputs with refsQuiz
• returnKeyType and onSubmitEditingQuiz
• autoCapitalize and autoCorrectQuiz
• Password fields with secureTextEntryQuiz
• Configuring the keyboard typeQuiz
• Multiple fields in one state objectQuiz
• Capturing input with onChangeTextQuiz
• Dropdown / picker selectionQuiz
• keyboardType for Email InputCode Quiz
• autoCapitalize and autoCorrect ConfigCode Quiz
• Focusing the Next Input via RefCode Quiz
• Multiple Fields in One State ObjectCode Quiz
• returnKeyType and onSubmitEditingCode Quiz
• Uncontrolled Input via RefCode Quiz
• KeyboardAvoidingView for Form LayoutCode Quiz
• Multi-Field Form State with useStateFlashcard
• Common TextInput PropsFlashcard
• Multiline TextInputFlashcard
• Handling Submission and DisablingFlashcard
• Input Masking and FormattingFlashcard
• Placeholder Text and ColorFlashcard
• Clearing and Resetting FieldsFlashcard
• Controlled Inputs in React NativeFlashcard
• Focus Management with RefsFlashcard
• Client-Side Form ValidationFlashcard
• React Hook Form with ControllerFlashcard
• Picker and Selection InputsFlashcard
• onFocus and onBlur EventsFlashcard
• maxLength and Character CountFlashcard
• Debouncing InputFlashcard
• Schema Validation with Yup/ZodFlashcard
• Formik for Form StateFlashcard
• Displaying Validation ErrorsFlashcard
• returnKeyType and onSubmitEditingFlashcard
• blurOnSubmit Keeping Keyboard OpenCode Quiz
• Phone Number Masking BugCode Quiz
• Placeholder Used as Initial ValueCode Quiz
• Multiline TextInput Not ExpandingCode Quiz
• Controlled Picker Won't UpdateCode Quiz
• Rendering a Validation Error MessageCode Quiz
• Character Count with maxLengthCode Quiz
• Dismiss Keyboard on Button PressCode Quiz
• Tap Outside to Dismiss KeyboardCode Quiz
• Listening for Keyboard Show EventCode Quiz
• Validating an Email FieldCode Quiz
• Disabling Submit Until ValidCode Quiz
• Tracking Focus State of an InputCode Quiz