Building Applications with React 18 and Redux

سرفصل های دوره

Learn how to use React, Redux, React Router, Jest, React Testing Library, and modern JavaScript to build powerful and fast web applications.

01. Course Overview

01. Course Overview

02. Intro

01. Version Check

02. Course Outline

03. Who Is This Course For-

04. How Is This Different from the React and Flux Course-

05. Why Redux-

06. Summary

03. Environment Build

01. Intro

02. Install Node

03. Open Initial Exercise Files

04. Visual Studio Code Intro

05. Prettier Intro

06. Configure Prettier

07. Review Initial Project Setup

08. Create Initial App Structure

09. Webpack- Intro

10. Webpack- Core Config Settings

11. Webpack- Dev Server

12. Webpack- Plugins

13. Webpack- Loaders

14. Babel Intro

15. Configure Babel

16. Start Webpack via npm Script

17. Debugging and Sourcemaps

18. Handling EADDRINUSE Error

19. ESLint Intro

20. Configure ESLint

21. Summary

04. React Component Approaches

01. Intro

02. Four Ways to Create React Components

03. createClass Component

04. Class Component

05. Function Component

06. Arrow Function Component

07. Functional Component Benefits

08. When to Use Class vs. Function Components

09. Container vs. Presentation Components

10. Summary

05. Initial App Structure

01. Intro

02. Create Home Page

03. Create About Page

04. Configure App Entry Point

05. Create App Layout

06. Create Header

07. Create 404 Page

08. Create Course Page

09. Summary

06. Intro to Redux

01. Intro

02. Do I Need Redux-

03. When Is Redux Helpful-

04. Three Core Redux Principles

05. Flux vs. Redux

06. Redux Flow Overview

07. Summary

07. Actions, Stores, and Reducers

01. Intro

02. Actions

03. Store

04. What Is Immutability-

05. Why Immutability-

06. Handling Immutability

07. Reducers

08. Summary

08. Connecting React to Redux

01. Intro

02. Container vs. Presentational Components

03. React-Redux Introduction

04. mapStateToProps

05. mapDispatchToProps

06. A Chat with Redux

07. Summary

09. Redux Flow

01. Intro

02. Create Simple Add Course Form

03. Binding in Classes

04. Handle Submit

05. Create Course Action

06. Create Course Reducer and Root Reducer

07. Create Store

08. Instantiate Store and Provider

09. Connect Container Component

10. Step through Redux Flow and Try Redux DevTools

11. mapDispatchToProps- Manual Mapping

12. mapDispatchToProps- bindActionCreators

13. mapDispatchToProps- Object Form

14. Action Type Constants

15. Summary

10. Async in Redux

01. Intro

02. Why a Mock API-

03. Mock API Setup

04. Middleware and Async Library Options

05. Thunk Introduction

06. Remove Inline Manage Course Form

07. Add First Thunk

08. Handle Loading Courses in Reducer

09. Dispatch Actions on Load

10. Create CourseList

11. Practice Redux Flow - Load and Display Author Data

12. Centralize Initial Redux State

13. Summary

11. Async Writes in Redux

01. Intro

02. Create Manage Course Page

03. Implement Object Form of mapDispatchToProps

04. Configure Routing for ManageCoursePage

05. Convert Class Component to Function Component with Hooks

06. Create Course Form

07. Create Reusable TextInput and SelectInput Components

08. Call CourseForm on ManageCoursePage

09. Implement Centralized Change Handler

10. Add Save Course Thunk and Action Creators

11. Handle Creates and Updates in Reducer

12. Dispatch Create and Update

13. Redirect via React Routers Redirect Component

14. Redirect via React Routers History

15. Populate Form via mapStateToProps

16. Summary

12. Async Status and Error Handling

01. Intro

02. Create Spinner Component

03. Create API Status Actions

04. Call Begin API in Thunks

05. Add Spinner to Course Pages

06. Add Form Submission Loading Indicator

07. Handle Server-side Validation and API Errors

08. Implement Client-side Validation

09. Optimistic Deletes

10. Async-Await

11. Summary

13. Testing React

01. Intro

02. Testing Frameworks and Libraries

03. Configure Jest

04. Test React with Jest Snapshot Tests

05. Test React with Enyzme

06. Test React with React Testing Library

07. Summary

14. Testing Redux

01. Intro

02. Overview- Testing Connected React Components

03. Testing Connected React Components

04. Testing Action Creators

05. Testing Thunks

06. Testing Reducers

07. Testing the Store

08. Summary

15. Production Builds

01. Intro

02. Production Build Plan Overview

03. Set up Production Redux Store

04. Set up Webpack

05. Set up npm Scripts

06. Run Production Build and Review Bundle Content

07. Run Production App Locally

08. Final Challenges

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: PluralSight