React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

@vitejs/plugin-react uses Babel for Fast Refresh
@vitejs/plugin-react-swc uses SWC for Fast Refresh

Formik

1. Managing the form state

2. Handling form submission

3. Validation and error message

Formik Run Validation After any change in the form

Reusable Formik Controls

FormikContainer component

FormikControl component

Input

Textarea

Select

RadioButtons

Checkboxes

DatePicker

Registration, Login and Course Enrollment

UI Component Library

Select FormikControl

Props

control = "select" label ="Select a topic" name ='selectOptions' options =[{key, value}]

Radio FormikControl

props

control = "select" label ="Select a topic" name ='selectOptions' options =[{key, value}]

CheckBox Group FormikControl

Formik Course Summary

[-] Build a simple form with the useFormik Hook

[-] Manage the form state, handle form submissions and validations

[-] Formik Components-Formik, Form, Field, FastField, FieldArray, ErrorMessage

[-] Few handy features

[-] Reusable components for input, textarea, select, radio buttons, checkboxes and datepicker

[-] Build a user login, registration and enrollment forms

[-] Wire up a UI Library

KhunKyawTunwin/Formik-React_Components_Lifecycle