React 18: From Zero to Hero ( Code With Mosh )

React is the most well known JavaScript library for building front-ends. It was made by Faceook and is broadly utilized for building web, mobile, and desktop apps.

With such countless purposes, it's one of best the tools to gain proficiency with nowadays.

 

The issue is: React is convoluted and most books and courses confound learners or show obsolete approaches to using React that no one purposes any longer. That is the reason I've made this series for you.

• I've assembled what I've found out about React throughout recent years into a progression of easy-to-understand videos loaded with the most recent prescribed procedures and techniques using real-world models and an all out production-grade project.
• Comprehensive, clear, compact, and liberated from cushion.
•   Enlist Now
•  BEGINNER
•  LIFETIME ACCESS
•  140 LESSONS
•  8 HOURS OF VIDEO
•  Works out
•  DOWNLOADABLE
•  Captions
•  ACCESS ON MOBILE/TV
•  CERTIFICATE
• Toward the finish of this course, you'll have the option to…
• Unhesitatingly fabricate front-end apps with React and TypeScript
• Apply the most recent techniques and best practices
• Investigate mistakes easily
• Compose clean code like a star
• Prepare to learn further development ideas

 

What You'll Learn...

• This course is the initial segment of a two-section series and covers the essentials. You'll figure out how to:
• Fabricate reusable function components
• Style your components using vanilla CSS, CSS modules, and CSS-in-JS
• Oversee component state
• Develop forms with React Hook Forms
• Carry out form validation using Zod
• Interface your React apps to the backend
• Send your React apps
• Use VSCode shortcuts to increase your productivity
• Compose clean code like a master
• Apply best practices

 

The subsequent part covers progressed ideas. You'll figure out how to:

• Use React Router to deal with route within your application
• Carry out worldwide state the board with React Context API or Zustand
• Use React Query for efficient data fetching and caching
• Execute authentication using Firebase
• Upgrade performance with memoization, code splitting, and lazy loading
• And that's just the beginning...
• Toward the finish of this course, you'll construct and send a real-world, production-grade web app that you can exhibit on your resume.

Who is this course for?

Beginners who need to gain React without any preparation and fabricate real-world apps

React designers who need to fill in the holes in their insight and take their abilities to a higher level.

Any individual who needs to turn into a certain and capable React designer

Essentials

You don't require earlier information on React to take this course. Be that as it may, you ought to have some fundamental information on web development, including HTML, CSS, and present day JavaScript.

Kindly note that we'll involve TypeScript in this course, however you can definitely relax assuming you've never utilized TypeScript - I'll cover everything without any preparation.

Course Curriculum

1 - Getting Begun (2m)

See

1-Welcome (1:41)

See

2-Essentials (0:49)

Begin

3-Source Code

Begin

4-Questions and Backing

Begin

5-Interface with Me

Begin

6-Learning Ways

Getting Begun with React (18m)

See

1-What is React (2:14)

See

2-Setting Up the Development Climate (1:28)

See

3-Creating a React App (2:54)

See

4-Project Design (2:03)

See

5-Creating a React Component (5:22)

See

6-How React Functions (2:20)

See

7-React Environment (1:23)

Begin

8 - Synopsis

Building Components (1h)

Begin

1-Introduction (0:35)

Begin

2-Creating a ListGroup Component (5:36)

Begin

3-Pieces (2:28)

Begin

4-Rendering Records (3:30)

Begin

5-Contingent Rendering (5:25)

Begin

6-Handling Occasions (6:07)

Begin

7-Managing State (6:03)

Begin

8-Passing Data through Props (3:58)

Begin

9-Passing Functions through Props (3:46)

Begin

10-State versus Props (1:33)

Begin

11-Passing Kids (5:05)

Begin

12-Inspecting Components with React Dev Tools (2:10)

Begin

13-Exercise-Building a Button Component (7:02)

Begin

14-Exercise-Showing an Alarm (5:02)

Begin

15-Rundown

 

Your Instructor

 

Mosh Hamedani

Hey! I go by Mosh Hamedani. I'm a software engineer with twenty years of involvement. I've shown great many individuals how to code and how to become proficient software engineers through my online courses and YouTube channel.

I honestly think that coding ought to be fun and open to everybody.

 

Here are some links related to the content:

1. Code With Mosh - React 18: From Zero to Hero Course: https://codewithmosh.com/p/react-18

2. React Official Website: https://reactjs.org/

3. TypeScript Official Website: https://www.typescriptlang.org/

4. Firebase Official Website: https://firebase.google.com/

5. Zustand State Management Library: https://zustand.surge.sh/

6. React Query Library: https://react-query.tanstack.com/

7. VSCode Shortcuts Cheat Sheet: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf

 

Follow this for download 

Visit this link select your account & look carefully to the below image 👇