Pure React: Learn to think in React

You do not know React. But not because of the lack of attempts to study it! Textbooks, books, courses, podcasts, blog posts … You all read them or tried to do it. You followed all this, and, of course, it made at least some sense, while you diligently reproduced every step, but only when you reached the end, everything that you supposedly learned simply … was forgotten or turned into a huge gray nothingness : the fog of uncertainty …

React has transformed you from a living, breathing person, able to learn and do different things, into a pulsating question mark:

Where do I begin?

What should I do next?

What parts should I use?

How will all this hang together?

And the biggest question mark of all …

"Why can't I understand REACT ??"

Maybe you did not try your best …?

Returned to one of the useless lessons and tried our best to drive it into your brain - again?

But these lessons really do not help.

Instead of making things simpler - instead of giving you a calm, clear, simple structure - they accumulate more confusion.

They do not teach you React.

They interfere with all this with Webpack, Babel, Redux, React Router, Apollo, Next.js, Gatsby, SSR, Firebase, Docker … Plus, of course, ES6, with its proimisy and its strange syntactic sugar, such as => and {destructuring : {things}} …

These courses promise that it will all be worth it because you will learn how to “build a complete React app from start to finish!”

But the problem with this approach is that you learn very little about many things. When you are going to apply your knowledge in the real world, you find yourself in huge holes in your knowledge and understanding.

I am launching a new, improved and advanced Pure React course

I took the best parts of the Pure React book and turned them into a series of short, independent video tutorials that will help you learn deeper, further and faster.

Each lesson passed combat tests with a live audience - more than 500 people in total!

Each video tutorial has been professionally edited, tested, and tested to provide the highest quality training materials that you can use to develop your web developer skills.

Lessons are short, easy to learn and accurate. And they are all built around small, achievable projects. We start small and move up.

You will create a series of stand-alone projects:

Tweet component to learn all about JSX

GitHub style file listing for props practice

3-page trading site to learn how to use fortune

Checkout page for exploring input forms and controls

Pop-up email client to learn Context API

Pet Store for learning API requests

modal dialogs with forms and error handling

CRUD operations

Here is what you get:
90+ lessons (5 hours 42 minutes) that can be accessed again and again
Pure React book (and all goodies included)
all code from lessons
exercises
cheat sheets
new tutorial for the recently announced React, Suspense, and Concurrent Mode features (once these features are complete in 2020)

Pure React includes:

Modern JavaScript for React

Can't tell which parts of the code are React and which are JavaScript? Before you can work effectively with modern frameworks such as React, you need to understand the language it is based on (or at least things will go much more smoothly!). In this module, you will learn the basic syntax of modern JavaScript needed to work with React.

We will talk about arrow functions and how they differ from ordinary functions, as well as the operators … rest and … spread. Then we move on to immutability and find out why it is important (it is very important to understand in order to avoid strange errors in your applications). You will learn how to use the map, filter, and reduce functions, and finally we will learn how to import and export modules.

React: Introduction

Welcome to React! In this module, you write your first React application and learn how to create applications using React JSX syntax. We intentionally start with a simple one, with hard-coded data and no “state” to worry about. After completing these lessons, you will understand enough of the fundamental concepts of React to be able to create static applications, as if you were working with simple HTML.

Classic React with Class Components

Up to this point, all of the components that we created were stateless and largely static. In this module, you will learn how to write class components in React to handle state, which will allow us to create interactive components.

Until React 16.8, classes were the only way to add state to components. Today we have hooks that allow us to add state to function components without writing a class. So you may wonder why do classes be taught at all?

The reality is that there is a lot of React code that existed.