Главная
Study mode:
on
1
Intro
2
Add Channel Icon
3
Add Channel Click
4
Add Channel Modal
5
Semantic UI Modal
6
Close Modal
7
On Action Click
8
Add Channel Form
9
Add Cancel Button
10
Semantic UI
11
Form Group
12
Adding State
13
Formik
14
Yarn Add Formik
15
Initial Values
16
Validate
17
Disable
18
Completed Form
19
Submit Form
20
Create Channel Mutation
21
Create Channel Modal
22
Create Mutation
23
Props
Description:
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.

Building an Add Channel Form with Formik in React

Ben Awad
Add to list
0:00 / 0:00