Building an Add Channel Form with Formik in React

Explore the process of building an Add Channel form in React using Formik in this 23-minute tutorial video. Learn how to implement a Semantic UI modal, handle form state management, perform form validation, and integrate with a backend using GraphQL mutations. Follow along as the instructor demonstrates creating a user-friendly interface for adding new channels, complete with cancel and submit buttons. Gain insights into best practices for form handling in React applications and discover how to leverage Formik's powerful features for efficient form development. Access the provided GitHub repositories for both frontend and backend code to further enhance your understanding of the implementation details.

Syllabus

Intro
Add Channel Icon
Add Channel Click
Add Channel Modal
Semantic UI Modal
Close Modal
On Action Click
Add Channel Form
Add Cancel Button
Semantic UI
Form Group
Adding State
Formik
Yarn Add Formik
Initial Values
Validate
Disable
Completed Form
Submit Form
Create Channel Mutation
Create Channel Modal
Create Mutation
Props