Code with Moshi – Mastering React 2021-4 – Download

Description

Mastering React is The name of a set of video tutorials on web development and programming in the React workgroup. According to the publisher of this course, you will learn everything you need to see this course. Using the knowledge of React, you can create web applications very quickly and also interactively with highly efficient solutions. Since the release of React in 2011, the library has quickly become the most popular JavaScript language library.

The course also aims to teach students how to fully utilize React by providing highly effective exercises and solutions. You also get this training kit so that you can speed up your learning by watching the training, so the effect of this training kit is in a very favorable condition.

Mastering React’s training features

Dear students, by following and learning the tutorials, tips and techniques in this tutorial, you will become an expert in React Library so that you can make web applications fast and interactive. You also have more than 200 video tutorials and over 13 hours of video tutorials for your dear students.

Course Specification:

Publisher: Code with Mosh
Instructor: Mosh Hamedani
Level: Beginner to Advanced
Duration: 13 HOURS
Lessons: 220 lessons
English

Mastering React Headings

Getting started (00:28)
1 – What is React (4:32)
2- Setting up the development environment (3:37)
3- Your First React App (6:33)
4- Hello World (5:25)
5- Custom Configurations (3:11)
6- Full-stack Architecture (2:44)
7-Track Structure (2:24)
8- Redux?
9- Follow me
10- Study paths

ES6 update (00:48)
1 – Intro (1:43)
2- Let vs Var vs Const (3:52)
3- Objects (2:45)
4- This keyword (2:49)
5- Tying It Up (2:36)
6- arrow functions (4:15)
7- arrow functions and this (4:14)
8- Array.map method (3:36)
9- Object Destruction (2:29)
10- Spread Operator (4:02)
11th grade (3:45)
12- Legacy (4:03)
13- modules (4:11)
14- Named and Default Exports (5:15)

Components (01:17)
1- Introduction (1:38)
2- Project Setup (2:06)
3- Your first reaction (5:20)
4- Appointment of Children (4:16)
5- Embedding expressions (4:50)
6- Setting attributes (5:45)
7- Dynamic rendering of classes (4:18)
8 – Render Lists (3:58)
9- Conditional Rendering (6:04)
10- Handling Events (2:49)
11- Binding Event Handlers (4:36)
12- Status Update (2:14)
13. What happens when the state changes (2:04)
14- Event Passing Arguments (3:04)
15- Setting up a Vidly project (5:38)
16- Exercises (3:25)
17. Building Movies (7:18)
18- Delete Movie (5:18)
19- Conditional Rendering (3:26)
20 – Summary (0:36)

Components (01:19)
1- Introduction (0:45)
2. Components (3:45)
3- Passing data to components (3:11)
4 – Passing Children (3:10)
5 – Debugging React Apps (4:09)
6- Props vs. State (2:24)
7 – Raising and Handling Events (4:52)
8- Status Update (4:38)
9 – One Source Of Truth (3:55)
10- Removing local state (6:47)
11- Multiple components in sync (5:53)
12- State Raise (5:36)
13 – Stateless Functional Components (2:29)
14- Destructive arguments (2:00)
15 – Life Cycle Hooks (1:38)
16 – Installation Phase (5:34)
17- Refresh Phase (4:20)
18- Disconnect phase (1:26)
19 – Exercise – Decrease button (1:05)
20- Solution – Reduce Button (4:53)
21- Exercise-like component (1:44)
22- Solution-like component (12:26)
23- Summary (0:42)

Pages, filtering and sorting (01:47)
1- Introduction (1:08)
Exercise 2 – Page Switching Component (1:01)
3- Pages and Component Interface (3:47)
4- Sharing Pages – Displaying Pages (6:48)
5- Pages – Handling changes to pages (5:49)
6- Changing Pages – Changing Data Pages (6:14)
7- Checking the type of pages with PropTypes (4:56)
8- Exercise – List Group Component (1:24)
9- Filtering Component Interface (5:32)
10- Filtering – Displaying Items (3:57)
11- Filtering – Default Props (2:06)
12- Filtering-handling option (4:20)
13- Filtering- Applying Filtering (2:59)
14- Filtering- Adding All Genres (3:39)
15- Film table sorting-segregation (5:19)
16- Sorting- Raising the Sorting Event (3:28)
17- Sorting- Implementing Sorting (5:13)
18- Sorting – Moving responsibility (5:15)
19- Table header sorting-excerpt (7:44)
20- Sorting the body of the table-excerpt (3:12)
21- Sorting-rendering cell contents (8:02)
22- Sorting- Unique Keys – Final (2:58)
23- Sorting- Adding Sort Icon (3:57)
24- Sort-withdraw table (3:51)
25- Sorting- Method Separation (3:18)
26- Destructive Arguments (0:58)
27- Summary (0:51)
A quick note

Routing (00:53)
1- Introduction (0:33)
2- Setup (1:46)
3- Adding Routing (4:15)
4- Switch (2:26)
5- Link (4:20)
6- Route props (2:10)
7. Props (2:35)
8- Route parameters (3:32)
9- Optional parameters (2:06)
10- Query string parameters (3:51)
11- Diversions (3:06)
12- Programmed navigation (2:20)
13- Nested Routing (4:35)
14- Exercises – NavBar and Routing (1:43)
15- Adding React Router (1:26)
16- Adding routes (4:57)
17- Adding a nav bar (4:39)
18- Linking to Film Form (4:42)
19 – Summary (0:31)

Forms (01:34)
1- Introduction (0:38)
2- Building a Bootstrap form (5:34)
3- Handling of form submission (2:00)
4- References (3:58)
5- Controllable Elements (4:32)
6- Handling Multiple Inputs (2:49)
7- Common Mistakes (2:28)
8- Allocating reusable input (3:57)
9- Validation (2:56)
10- Basic Validation Implementation (3:11)
11- Displaying validation errors (3:42)
12- Confirmation of change (4:19)
13-Joy (4:33)
14- Form Confirmation with Joi (4:43)
15- Pinning the field with Joi (5:22)
16- Disabling Play Button (1:11)
17- Code Review (3:13)
18- Separation of reusable form (4:51)
19- Extracting Assistive Rendering Methods (8:18)
20- Registration form (1:42)
21- Code overview (1:10)
22 – Exercise 2 – Film form (3:18)
23- Code Review (8:24)
24 – Exercise 3 – Finding Movies (1:22)
25- Code Review (5:12)

Calling background services (01:42)
1- Introduction (1:13)
2- JSON placeholder (2:54)
3- HTTP Clients (2:56)
4- Data acquisition (5:26)
5- Data Creation (4:52)
6- Request Lifecycle (2:50)
7- Updating data (4:14)
8- Deleting data (1:35)
9- Optimistic vs Pessimistic Updates (4:24)
10- Expected vs Unexpected Errors (6:40)
11- Handling unexpected errors globally (7:54)
12- Extracting a Reusable HTTP Service (3:43)
13- Extracting the configuration module (1:36)
14- Displaying Toast Notifications (2:56)
15- Logging errors (5:47)
16- Logger Service Extraction (4:25)
17- Vidly background program (1:50)
18- Installing MongoDB on Mac (3:58)
19- Installing MongoDB on Windows (5:39)
20- Setting up the node backend (2:44)
21- Disable authentication (4:01)
22- Exercise – Connect the movies page to the backend (1:56)
23- Adding Http and Log Services (2:38)
24- Replacing FakeGenreService (3:23)
25- Replacing FakeMovieService (5:48)
26- Extracting the configuration file (1:54)
27- Exercise – Connect Movie Form to Backend (0:56)
28- Filling out the form (3:45)
29- Refactoring (2:30)
30- Recording a movie (2:40)
31- Refactoring (2:36)

Authentication and authorization (01:41)
1 – Introduction (0:49)
2- New user registration (2:37)
3- Submitting the registration form (4:30)
4- Handling registration errors (1:58)
5- User login (1:43)
6- Submitting the login form (2:23)
7- Handling login errors (1:51)
8- Saving JWT (3:04)
9- User login during registration (5:37)
10- JSON Web Tokens (JWT) (3:59)
11- Get current user (4:18)
12- Displaying Current User on NavBar (4:48)
13- User Logout (2:44)
14- Refactoring (10:03)
15- Calling Protected API Endpoints (4:10)
16- Fixing Bidirectional Dependencies (2:43)
17- Authorization (6:30)
18- Show or hide elements based on user (2:40)
19- Protecting Routes (2:50)
20- Protected Route Extraction (5:55)
21- Redirect after login (5:40)
22- Exercise (0:19)
23- Hide Delete Column (4:19)

(00:35)
1- Introduction (0:38)
2- Environmental variables (4:58)
3- Production stages (2:48)
4- Getting started with Heroku (2:06)
5- MongoDB in the Cloud (2:35)
6- Adding code to Git repository (3:05)
7. Deploying to Heroku (3:01)
8- Viewing logs (2:40)
9- Setting Heroku Environment Variables (4:37)
10- Preparing the end of the foundation for deployment (4:09)
11- Front Deployment (2:38)

Advanced topics (01:04)
1- Introduction (0:31)
2- Source code
3- Setting up the development environment (3:13)
4- Higher order components (2:04)
5- Implementing a higher order component (8:35)
6 hooks (3:06)
7- The useState Hook (8:30)
8- The UseEffect Hook (5:46)
9- Custom Hooks (3:04)
10- Fetching data with hooks (4:37)
11- Context (2:10)
12- Context in class components (9:46)
13- Functional Components Context (3:33)
14- Refreshing the context (7:06)
15- Multi-Context Consumption (2:24)
16-Thank you!
17- What to study next

prerequisites:

All you need is a basic knowledge of JavaScript.

You don’t need to know anything about React – everything is covered in the course.

Mastering React images

Mastering the reaction

Sample movie

installation manual

After taking out with the player you want to see.

Subtitle: English

Quality: 1080p

Changes:

Version 2021/4 has been added to last season’s subtitle compared to 2020/2. It can also be downloaded separately.