The Missing Introduction to React

Why React is the Top UI Framework in the World

Sep 3 · 12 min read

Image for post

Why React?

Life is simpler when UI components are unaware of the network, business logic, or app state. Given the same props, always render the same data.

Image for post

Flux architecture

JSX

Synthetic Events

Component Lifecycle

Image for post

React Lifecycle

Image for post

React Update Cycle

Image for post

React Component Lifecycle Diagram by Dan Abramov (Source)

React Hooks

Container vs Presentation Components

Container Components

Higher Order Components

import LessonPage from '../features/lesson-pages/lesson-page.js';
import pageHOC from '../hocs/page-hoc.js';
export default pageHOC(LessonPage);

Recap

Next Steps


Author: admin

Leave a Reply

Your email address will not be published.