Learn React In a Better Way

–聽Lesson are SHORT,聽typically less than five聽minutes, so you can stay focused throughout it

– You have FEEDBACKafter every lesson via the聽Quiz Exercise锟?/p>

– You will聽feel PROGRESSafter every lesson via your聽correct solution of聽Quiz Exercise锟?/p>

– I聽do not believe in聽one project which last the whole course , because聽in my vast experience its much聽better聽to learn聽using small isolated samples聽.聽In this way聽you learn聽and master聽CONCEPTSwhich will allow you to do many projects ,聽not just one that the lecturer did. Also small isolated code samples are better when you come back to the course to clarify specific concept (try to do this with one big project which last the whole course )

– Overall you will SAVE聽TIME in this course compare to other courses

The course cover the following concepts聽:

Course Curriculum

Chapter 1: Introduction

Lecture 1: Why should you take this course

Lecture 2: Why should You choose react

Lecture 3: What is react

Lecture 4: Create hello world react

Lecture 5: Understand hello world react

Lecture 6: Tweak hello world react

Lecture 7: Components

Lecture 8: Who is the instructor

Lecture 9: Course concepts

Lecture 10: Teaching Methods

Lecture 11: What will you gain from this course

Chapter 2: Components and Props

Lecture 1: Introduction

Lecture 2: Writing sample code with code pen

Lecture 3: Greeting component

Lecture 4: Greeting component with props

Lecture 5: Greeting component with props and children

Lecture 6: Person sample without component

Lecture 7: Person sample with component

Lecture 8: Coding Exercise – Flats

Lecture 9: Summay

Chapter 3: Next Generation JavaScript

Lecture 1: Introduction

Lecture 2: Let and const

Lecture 3: Arrow function

Lecture 4: Array map function

Lecture 5: Array filter function

Lecture 6: Modules

Lecture 7: Class

Lecture 8: Class advanced features

Lecture 9: Class inheritance

Lecture 10: Spread operator

Lecture 11: Rest operator

Lecture 12: Destructuring

Lecture 13: Function default arguments

Lecture 14: Summary

Chapter 4: Components and state

Lecture 1: Introduction

Lecture 2: React project setup

Lecture 3: React project structure

Lecture 4: JSX

Lecture 5: Person component with props in react project

Lecture 6: Events

Lecture 7: State

Lecture 8: Unidirectional data flow

Lecture 9: Pass function in props

Lecture 10: Stateless vs stateful components

Lecture 11: Coding Exercise – Input Output

Lecture 12: Summary

Chapter 5: Debugging

Lecture 1: Introduction

Lecture 2: Chrome Dev Tools

Lecture 3: React Developer Tools – installation and features

Lecture 4: React Developer Tools – advanced features

Lecture 5: [LEGACY] React Developer Tools – using production build

Lecture 6: Summary

Chapter 6: Styling

Lecture 1: Introduction

Lecture 2: External css

Lecture 3: Inline styling

Lecture 4: Dynamic styling

Lecture 5: JSX conditions

Lecture 6: Css problem

Lecture 7: CSS modules new

Instructors

Nathan Krasney
Instructor and Developer

Rating Distribution

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!