Formik topics
12 short topics in Frontend Application Engineering. Each one is a single focused exercise with a clear piece of evidence at the end.
12 topics, one exercise each.
Work through them in order, or jump to the one you need.
These are draft topic outlines (draft; instructor review pending). Full lessons follow after review; ask Ajay if you need a topic sooner.
- 01
Field registration and binding
Demonstrate field registration and binding in a focused Formik example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 02
Default values and initialization
Demonstrate default values and initialization in a focused Formik example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 03
Dirty and touched field states
Demonstrate dirty and touched field states in a focused Formik example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 04
Field-level and form-level validation
Demonstrate field-level and form-level validation in a focused Formik example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 05
Synchronous and asynchronous validation
Demonstrate synchronous and asynchronous validation in a focused Formik example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 06
Nested and repeated fields
Demonstrate nested and repeated fields in a focused Formik example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 07
Conditional field behavior
Demonstrate conditional field behavior in a focused Formik example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 08
Submission lifecycle
Demonstrate submission lifecycle in a focused Formik example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 09
Server error mapping
Demonstrate server error mapping in a focused Formik example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 10
Accessible error communication
Demonstrate accessible error communication in a focused Formik example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 11
Form reset and persistence
Demonstrate form reset and persistence in a focused Formik example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 12
Form interaction testing
Demonstrate form interaction testing in a focused Formik example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course →
Learn the same ideas beyond Formik.
These courses share topics with this one, so you can compare how each language or tool handles the same concept.
More in Frontend state forms and interactions.
You have the curiosity.
Let’s turn it into capability.
Start with a practical workshop or bring a specific question to Ajay.