Master Class- React 17 + Typescript Web Development

Master Class: React 17 + Typescript Web Development, available at $19.99, has an average rating of 4.45, with 179 lectures, 1 quizzes, based on 458 reviews, and has 28018 subscribers.

You will learn about Learn how to think in ReactJS Learn Javascript Advance Concepts necessary to completely understand how ReactJS works Learn all the functionalities that ReactJS offers and become a Subject Matter Expert (SME) Complete Understanding with React Hooks, ReactDOM, React Router, Redux, Server-side Rendering and a lot more! Fully Typescript code using ReactJS for maintainable, robust and future proof application Best Practices in Coding (No more messy codes) Creating an E-commece Shop from scratch (with Redux Saga Middleware) We will not use any UI Library in this course, instead I will teach you how to create reusable components so you can create your own UI Library Experience is the best teacher, in this course you will experience a lot. Thats a guarantee. This course is ideal for individuals who are Anyone who wants to master Web Development using React and Typescript completely or Anyone who wants to be excellent, not just good. It is particularly useful for Anyone who wants to master Web Development using React and Typescript completely or Anyone who wants to be excellent, not just good.

Enroll now: Master Class: React 17 + Typescript Web Development

Summary

Title: Master Class: React 17 + Typescript Web Development

Price: $19.99

Average Rating: 4.45

Number of Lectures: 179

Number of Quizzes: 1

Number of Published Lectures: 179

Number of Published Quizzes: 1

Number of Curriculum Items: 187

Number of Published Curriculum Objects: 187

Number of Practice Tests: 1

Number of Published Practice Tests: 1

Original Price: $119.99

Quality Status: approved

Status: Live

What You Will Learn

Learn how to think in ReactJS

Learn Javascript Advance Concepts necessary to completely understand how ReactJS works

Learn all the functionalities that ReactJS offers and become a Subject Matter Expert (SME)

Complete Understanding with React Hooks, ReactDOM, React Router, Redux, Server-side Rendering and a lot more!

Fully Typescript code using ReactJS for maintainable, robust and future proof application

Best Practices in Coding (No more messy codes)

Creating an E-commece Shop from scratch (with Redux Saga Middleware)

We will not use any UI Library in this course, instead I will teach you how to create reusable components so you can create your own UI Library

Experience is the best teacher, in this course you will experience a lot. Thats a guarantee.

Who Should Attend

Anyone who wants to master Web Development using React and Typescript completely

Anyone who wants to be excellent, not just good.

Target Audiences

Anyone who wants to master Web Development using React and Typescript completely

Anyone who wants to be excellent, not just good.

Many new React Developers find ReactJS easy to learn and that is totally true. But the problem is when they are coding complex structures, the code becomes unmaintainable and ends up having spaghetti code. Some developers as well do not know all the functionalities that React offers and they end up coding like they are using Vanilla JS instead of doing everything the React Way. Bad way of coding always produce bugs and worst, an unfixable one.

If all React Developers know how to code the React Way, it will be very easy to create a future proof ReactJS application.

So in this course, we will learn everything that you need to know to master ReactJS. Everything will be created from scratch and we will not use any UI libraries so that you can create your own in the future. We will also use Typescript and rest assured that every code will have types.

To apply all the things that you will learn, we will create an E-commerce Shop with a lot of functionalities and components created from scratch. We will also apply the best practices in coding to make our code clean and create a future proof application.

After this course, you will know all everything that you need to know in ReactJS and be an expert in coding the React Way! You will be your own stackoverflow every time you encounter issues because you will have a total understanding of every functionalities and how they work.

Let’s have some fun in this course!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Course Overview

Lecture 2: Your Instructor

Lecture 3: What/Why React?

Lecture 4: First Taste of React

Lecture 5: Typescript Overview

Lecture 6: Webpack Overview

Lecture 7: Resources for this section

Lecture 8: Before we start

Chapter 2: Lets prepare your javascript skills for React!

Lecture 1: Introduction

Lecture 2: Lecture for this course

Lecture 3: Var, Let and Const

Lecture 4: Var, Let and Const – Hands On

Lecture 5: Logical OR and AND

Lecture 6: Logical OR and AND – Hands On

Lecture 7: Primitive Values vs Reference Type

Lecture 8: Primitive Values vs Reference Type – Hands On

Lecture 9: Shallow and Deep Copy

Lecture 10: Shallow and Deep Copy – Hands On

Lecture 11: Spread Operator, Rest Parameter, Destructuring

Lecture 12: Spread Operator, Rest Parameter, Destructuring – Hands On

Lecture 13: Class

Lecture 14: Class – Hands On

Lecture 15: This Object + Arrow Function

Lecture 16: This Object + Arrow Function – Hands On

Lecture 17: Promises and Async+Await

Lecture 18: Promises and Async+Await – Hands On

Lecture 19: Export & Import

Lecture 20: Summary

Chapter 3: (Class) Show us what you have, ReactJS!

Lecture 1: Introduction

Lecture 2: Legacy Class Components Related Lecture

Lecture 3: Lecture for this course

Lecture 4: Setup Environment

Lecture 5: Component & Props

Lecture 6: Component & Props – Hands On

Lecture 7: State

Lecture 8: State – Hands On

Lecture 9: Lifecycle – Mounting & Unmounting

Lecture 10: Lifecycle – Mounting & Unmounting – Hands On

Lecture 11: Lifecycle – Updating

Lecture 12: Lifecycle – Updating – Hands On

Lecture 13: Assignment Solution (Optional)

Lecture 14: Lifecycle – Error Handling

Lecture 15: Lifecycle – Error Handling – Hands On

Lecture 16: Extras – Lifecycle

Lecture 17: Pure Components & React Memo

Lecture 18: Pure Components & React Memo – Hands On

Lecture 19: RenderProps & Higher Order Component

Lecture 20: RenderProps & Higher Order Component – Hands On

Lecture 21: List & Keys

Lecture 22: List & Keys – Hands On

Lecture 23: Refs

Lecture 24: Refs – Hands On

Lecture 25: Context API

Lecture 26: Context API – Hands On

Lecture 27: Form Elements

Lecture 28: Form Elements – Hands On

Lecture 29: Assignment Solution (Optional)

Lecture 30: Code Splitting

Lecture 31: Code Splitting – Hands On

Lecture 32: Children, cloneElement & isValidElement API

Lecture 33: Children, cloneElement & isValidElement API – Hands On

Lecture 34: Assignment Solution (Optional)

Lecture 35: Summary

Chapter 4: (Class) What can you do, ReactDOM?

Lecture 1: Introduction

Lecture 2: Legacy Class Components Related Lecture

Lecture 3: Lecture for this course

Lecture 4: Render & Hydrate

Lecture 5: Render API – Hands On

Lecture 6: Unmount Component At Node API

Lecture 7: Find Dom Node API

Lecture 8: Find Dom Node API – Hands On

Lecture 9: Create Portal API

Lecture 10: Create Portal API – Hands On

Lecture 11: Assignment Solution (Optional)

Lecture 12: Summary

Chapter 5: (Class) React Router DOM

Lecture 1: Introduction

Lecture 2: Legacy Class Components Related Lecture

Lecture 3: Lecture for this course

Lecture 4: Routing

Lecture 5: Routing – Hands On Part 1

Lecture 6: Routing – Hands On Part 2

Lecture 7: Link and Redirect

Lecture 8: Link and Redirect – Hands On

Lecture 9: withRouter HOC

Lecture 10: History Library

Lecture 11: History – Hands On

Lecture 12: Assignment Solution (Optional)

Lecture 13: Summary

Chapter 6: (Class) Redux for centralized state!

Instructors

Rysher Magbanua
Fullstack Developer (ReactJS, NodeJS, AWS, Docker, Jenkins)

Rating Distribution

1 stars: 16 votes

2 stars: 12 votes

3 stars: 56 votes

4 stars: 139 votes

5 stars: 235 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!