Expert React

Kurssisisältö

Expert React

Expert React

1. React Key Concepts

Course Overview React Component Approaches to Styling in React Apps React Hooks React Context Local Development Environment

2. React Router

Fundamentals of Routing Get Started with React Router Basic Routing Lazy Loading Navigation Routes Basic Concepts Sum Up Challenge: Route Basic Concepts Query String Modify Query String React Router Section Sum Up

3. Redux Toolkit

Introduction to Redux Getting Started with Redux Toolkit Real Deal Store Actions Reducer Involve Redux into React Challenge Time Challenge: Store Challenge: Actions Challenge: Reducer Challenge: Involve Redux into React Redux Toolkit Section Sum Up

4. Formik

Powerful Form Library for React Get Started with Formik Custom Formik Hook Involve Formik into React component Add Initial Values Form Submission Form Validation Challenge Overview Challenge: useFormik Hook Challenge: Binding Formik with React Component Challenge: Add Initial Values Challenge: Form Submission Challenge: Validation Formik Section Sum Up

5. Jest

Introduction to Testing in React Get Started with Jest Create the Jest Test File First Test Case Second Test Case Challenge: Third Test Case Jest Section Sum Up

6. Next Steps

Challenge: Actions

Step 2: Create actions

Focus on creating actions for managing goals. Actions are objects that describe the changes we want to make to the state. By creating actions, we can update the Redux store accordingly.

Example

Challenge

Open the goalAction.js file.
Use the correct function from the @reduxjs/toolkit package to create actions.
Specify the correct action types using the target element goal and indicate the action for each action.
To remove a goal, set the action type as goals/removeGoal.
To add a goal, set the action type as goals/addGoal.

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 3. Luku 10

Kysy tekoälyä

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Kurssisisältö

Expert React

Expert React

1. React Key Concepts

Course Overview React Component Approaches to Styling in React Apps React Hooks React Context Local Development Environment

2. React Router

Fundamentals of Routing Get Started with React Router Basic Routing Lazy Loading Navigation Routes Basic Concepts Sum Up Challenge: Route Basic Concepts Query String Modify Query String React Router Section Sum Up

3. Redux Toolkit

Introduction to Redux Getting Started with Redux Toolkit Real Deal Store Actions Reducer Involve Redux into React Challenge Time Challenge: Store Challenge: Actions Challenge: Reducer Challenge: Involve Redux into React Redux Toolkit Section Sum Up

4. Formik

Powerful Form Library for React Get Started with Formik Custom Formik Hook Involve Formik into React component Add Initial Values Form Submission Form Validation Challenge Overview Challenge: useFormik Hook Challenge: Binding Formik with React Component Challenge: Add Initial Values Challenge: Form Submission Challenge: Validation Formik Section Sum Up

5. Jest

Introduction to Testing in React Get Started with Jest Create the Jest Test File First Test Case Second Test Case Challenge: Third Test Case Jest Section Sum Up

6. Next Steps

Challenge: Actions

Step 2: Create actions

Focus on creating actions for managing goals. Actions are objects that describe the changes we want to make to the state. By creating actions, we can update the Redux store accordingly.

Example

Challenge

Open the goalAction.js file.
Use the correct function from the @reduxjs/toolkit package to create actions.
Specify the correct action types using the target element goal and indicate the action for each action.
To remove a goal, set the action type as goals/removeGoal.
To add a goal, set the action type as goals/addGoal.

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 3. Luku 10

some-alt