[CodeWithMosh]Mastering React

What you will learn

 

  • You’ll develop new and valuable skills to take your app development career to new heights
  • Flexible learning – at your own pace, on any device
  • 12 hours of easy-to-understand, “no-fluff” HD videos and activities – breaks down React into easy-to-learn chunks
  • Practical exercises that can be applied straight away
  • Tips and tricks to make you a React wizard and increase your employability
  • Course completion certificate to present to your employer or clients
  • No-questions-asked 30-day money back guarantee

About this specialization

Don't get left behind. React is the way forward to building fast, interactive web apps. This course covers everything.

Fast-track route to build and deploy fast, interactive apps

Let’s face it – all the cool kids are using React…

What else do you expect from a JavaScript library that was developed by Facebook?

But seriously, if you don’t know how to build apps with React - then you’re falling behind the curve. It has quickly become the most popular JavaScript library since its release in 2011.

Both new and seasoned developers are using it to build app front-ends that are fast, dynamic and stand out. If you want to see what React apps are like, just think of the big popular sites like Facebook, Instagram, Netflix, Yahoo, the list goes on…

Syllabus
Module 1:
Getting Started (00:28)
video · 2- Setting Up the Development Environment(3:37)
video · 3- Your First React App(6:33)
video · 4- Hello World(5:25)
video · 5- Custom Configs(3:11)
video · 6- Full-stack Architecture(2:44)
video · 7- Course Structure(2:24)
Module 2:
ES6 Refresher (00:48)
video · 1 - Introduction(1:43)
video · 2- Let vs Var vs Const(3:52)
video · 3- Objects(2:45)
video · 4- The this Keyword(2:49)
video · 5- Binding this(2:36)
video · 6- Arrow Functions(4:15)
video · 7- Arrow Functions and this(4:14)
video · 8- Array.map Method(3:36)
video · 9- Object Destructuring(2:29)
video · 10- Spread Operator(4:02)
video · 11- Classes(3:45)
video · 12- Inheritance(4:03)
video · 13- Modules(4:11)
video · 14- Named and Default Exports(5:15)
Module 3:
Components (01:17)
video · 1- Introduction(1:38)
video · 2- Setting Up the Project(2:06)
video · 3- Your First React Component(5:20)
video · 4- Specifying Children(4:16)
video · 5- Embedding Expressions(4:50)
video · 6- Setting Attributes(5:45)
video · 7- Rendering Classes Dynamically(4:18)
video · 8 - Rendering Lists(3:58)
video · 9- Conditional Rendering(6:04)
video · 10- Handling Events(2:49)
video · 11- Binding Event Handlers(4:36)
video · 12- Updating the State(2:14)
video · 13- What Happens When State Changes(2:04)
video · 14- Passing Event Arguments(3:04)
video · 15- Setting Up the Vidly Project(5:38)
video · 16- Exercises(3:25)
video · 17- Building the Movies Component(7:18)
video · 18- Deleting a Movie(5:18)
video · 19- Conditional Rendering(3:26)
video · 20 - Summary(0:36)
Module 4:
Composing Components (01:19)
video · 1- Introduction(0:45)
video · 2- Composing Components(3:45)
video · 3- Passing Data to Components(3:11)
video · 4- Passing Children(3:10)
video · 5 - Debugging React Apps(4:09)
video · 6- Props vs State(2:24)
video · 7 - Raising and Handling Events(4:52)
video · 8- Updating the State(4:38)
video · 9- Single Source of Truth(3:55)
video · 10- Removing the Local State(6:47)
video · 11- Multiple Components in Sync(5:53)
video · 12- Lifting the State Up(5:36)
video · 13 - Stateless Functional Components(2:29)
video · 14- Destructuring Arguments(2:00)
video · 15 - Lifecycle Hooks(1:38)
video · 16 - Mounting Phase(5:34)
video · 17- Updating Phase(4:20)
video · 18- Unmounting Phase(1:26)
video · 19- Exercise- Decrement Button(1:05)
video · 20- Solution - Decrement Button(4:53)
video · 21- Exercise- Like Component(1:44)
video · 22- Solution- Like Component(12:26)
video · 23- Summary(0:42)
Module 5:
Pagination, Filtering, and Sorting (01:47)
video · 1- Introduction(1:08)
video · 2- Exercise- Pagination Component(1:01)
video · 3- Pagination- Component Interface(3:47)
video · 4- Pagination- Displaying Pages(6:48)
video · 5- Pagination- Handling Page Changes(5:49)
video · 6- Pagination- Paginating Data(6:14)
video · 7- Pagination- Type Checking with PropTypes(4:56)
video · 8- Exercise- ListGroup Component(1:24)
video · 9- Filtering- Component Interface(5:32)
video · 10- Filtering- Displaying Items(3:57)
video · 11- Filtering- Default Props(2:06)
video · 12- Filtering- Handling Selection(4:20)
video · 13- Filtering- Implementing Filtering(2:59)
video · 14- Filtering- Adding All Genres(3:39)
video · 15- Sorting- Extracting MoviesTable(5:19)
video · 16- Sorting- Raising the Sort Event(3:28)
video · 17- Sorting- Implementing Sorting(5:13)
video · 18- Sorting- Moving Responsibility(5:15)
video · 19- Sorting- Extracting TableHeader(7:44)
video · 20- Sorting- Extracting TableBody(3:12)
video · 21- Sorting- Rendering Cell Content(8:02)
video · 22- Sorting- Unique Keys - Final(2:58)
video · 23- Sorting- Adding the Sort Icon(3:57)
video · 24- Sorting- Extracting Table(3:51)
video · 25- Sorting- Extracting a Method(3:18)
video · 26- Destructuring Arguments(0:58)
video · 27- Summary(0:51)
Module 6:
Routing (00:53)
video · 1- Introduction(0:33)
video · 2- Setup(1:46)
video · 3- Adding Routing(4:15)
video · 4- Switch(2:26)
video · 5- Link(4:20)
video · 6- Route Props(2:10)
video · 7- Passing Props(2:35)
video · 8- Route Parameters(3:32)
video · 9- Optional Parameters(2:06)
video · 10- Query String Parameters(3:51)
video · 11- Redirects(3:06)
video · 12- Programmatic Navigation(2:20)
video · 13- Nested Routing(4:35)
video · 14- Exercises- NavBar and Routing(1:43)
video · 15- Adding React Router(1:26)
video · 16- Adding Routes(4:57)
video · 17- Adding the NavBar(4:39)
video · 18- Linking to the MovieForm(4:42)
video · 19 - Summary(0:31)
Module 7:
Forms (01:34)
video · 1- Introduction(0:38)
video · 2- Building a Bootstrap Form(5:34)
video · 3- Handling Form Submission(2:00)
video · 4- Refs(3:58)
video · 5- Controlled Elements(4:32)
video · 6- Handling Multiple Inputs(2:49)
video · 7- Common Errors(2:28)
video · 8- Extracting a Reusable Input(3:57)
video · 9- Validation(2:56)
video · 10- A Basic Validation Implementation(3:11)
video · 11- Displaying Validation Errors(3:42)
video · 12- Validation on Change(4:19)
video · 13- Joi(4:33)
video · 14- Validating a Form Using Joi(4:43)
video · 15- Validating a Field Using Joi(5:22)
video · 16- Disabling the Submit Button(1:11)
video · 17- Code Review(3:13)
video · 18- Extracting a Reusable Form(4:51)
video · 19- Extracting Helper Rendering Methods(8:18)
video · 20- Register Form(1:42)
video · 21- Code Review(1:10)
video · 22- Exercise 2- Movie Form(3:18)
video · 23- Code Review(8:24)
video · 24- Exercise 3- Search Movies(1:22)
video · 25- Code Review(5:12)
Module 8:
Calling Backend Services (01:42)
video · 1- Introduction(1:13)
video · 2- JSON Placeholder(2:54)
video · 3- Http Clients(2:56)
video · 4- Getting Data(5:26)
video · 5- Creating Data(4:52)
video · 6- Lifecycle of a Request(2:50)
video · 7- Updating Data(4:14)
video · 8- Deleting Data(1:35)
video · 9- Optimistic vs Pessimistic Updates(4:24)
video · 10- Expected vs Unexpected Errors(6:40)
video · 11- Handling Unexpected Errors Globally(7:54)
video · 12- Extracting a Reusable Http Service(3:43)
video · 13- Extracting a Config Module(1:36)
video · 14- Displaying Toast Notifications(2:56)
video · 15- Logging Errors(5:47)
video · 16- Extracting a Logger Service(4:25)
video · 17- Vidly Backend(1:50)
video · 18- Installing MongoDB on Mac(3:58)
video · 19- Installing MongoDB on Windows(5:39)
video · 20- Setting Up the Node Backend(2:44)
video · 21- Disabling Authentication(4:01)
video · 22- Exercise- Connect Movies Page to the Backend(1:56)
video · 23- Adding Http and Log Services(2:38)
video · 24- Replacing FakeGenreService(3:23)
video · 25- Replacing FakeMovieService(5:48)
video · 26- Extracting a Config File(1:54)
video · 27- Exercise- Connect Movie Form to the Backend(0:56)
video · 28- Populating the Form(3:45)
video · 29- Refactoring(2:30)
video · 30- Saving the Movie(2:40)
video · 31- Refactoring(2:36)
Module 9:
Authentication and Authorization (01:41)
video · 1 - Introduction(0:49)
video · 2- Registering a New User(2:37)
video · 3- Submitting the Registration Form(4:30)
video · 4- Handling Registration Errors(1:58)
video · 5- Logging in a User(1:43)
video · 6- Submitting the Login Form(2:23)
video · 7- Handling Login Errors(1:51)
video · 8- Storing the JWT(3:04)
video · 9- Logging in the User upon Registration(5:37)
video · 10- JSON Web Tokens (JWT)(3:59)
video · 11- Getting the Current User(4:18)
video · 12- Displaying the Current User on NavBar(4:48)
video · 13- Logging out a User(2:44)
video · 14- Refactoring(10:03)
video · 15- Calling Protected API Endpoints(4:10)
video · 16- Fixing Bi-directional Dependencies(2:43)
video · 17- Authorization(6:30)
video · 18- Showing or Hiding Elements based on the User(2:40)
video · 19- Protecting Routes(2:50)
video · 20- Extracting ProtectedRoute(5:55)
video · 21- Redirecting after Login(5:40)
video · 22- Exercise(0:19)
video · 23- Hiding the Delete Column(4:19)
Module 10:
Deployment (00:35)
video · 1- Introduction(0:38)
video · 2- Environment Variables(4:58)
video · 3- Production Builds(2:48)
video · 4- Getting Started with Heroku(2:06)
video · 5- MongoDB in the Cloud(2:35)
video · 6- Adding Code to a Git Repository(3:05)
video · 7- Deploying to Heroku(3:01)
video · 8- Viewing Logs(2:40)
video · 9- Setting Environment Variables on Heroku(4:37)
video · 10- Preparing the Font-end for Deployment(4:09)
video · 11- Deploying the Front-end(2:38)
video · 12- A Story (2:36)
Module 11:
video ·
View more

Most Popular Courses

Programming
The Complete Python Programming Course for Beginners
CodeWithMosh
Web Development
Mastering React
CodeWithMosh
Programming
Complete SQL Mastery
CodeWithMosh
Programming
The Complete Node.js Course
CodeWithMosh
Programming
Docker – Deep Dive
Linux academy
Business
Postman: The Complete Guide - REST API Testing [UPDATE]
Udemy_
Programming
Learning Python
Lynda
Film & Video
Beginning Acoustic Guitar Music Lessons
Lynda
Web Development
React Native - The Practical Guide
Udemy_
Business
Microsoft Azure Fundamentals – AZ-900 Exam Prep
Linux academy
Designing
User Experience Design Essentials - Adobe XD UI UX Design
Udemy_
Programming
Angular & NodeJS - The MEAN Stack Guide
Udemy_
Web Development
Angular automation with Protractor + Typescript + Cucumber
Pluralsight
Programming
Go: The Complete Bootcamp Course (Golang)
Udemy_
Web Development
CSS - The Complete Guide (incl. Flexbox, Grid & Sass)
Udemy_