Everything about REACT JS

30 Days Coding
6 min readAug 20, 2021

--

Awesome resources to learn React today!

Promo: You can get the Complete DSA Guide (and Bundle) from 30dayscoding.com => which covers all patterns, data structures, and algorithms with detailed information + solutions (for FREEEEEE). Email us telling how we did at 30dayscoding@gmail.com.

Introduction

Props

Read

Watch

Mixins

Read

Watch:

JSX

Read:

Watch:

Reconciliation algorithm

Read

Watch:

State

Read

Watch

State vs props:

State Management

Read

Watch

Architecture

Read:

Watch:

Navigation

Read:

Watch:

React Component Life Cycles:

Read:

Watch:

Resources

Constructor

Component composition:

Read:

Watch:

Pass data from parent to child

Read:

Watch:

Pass data from child to parent

Read:

Component styling:

Radium

Read:

Watch:

CSS Modules

Read:

Watch:

LESS/SASS

Read:

Watch:

HTTP

Read:

Watch:

Source code:

Routing

Read:

Watch:

Refs

Read:

Watch:

Error Boundaries

Read:

Watch:

Portal

Read:

Watch:

API

Read:

Watch:

Local Storage

Read:

Watch:

Handling Side Effects: useEffect, Reducer, and Context Api

useEffect

Read:

Watch:

useReducer

Read:

Watch:

Project

React Context API

Read:

Watch:

useCallback

Read:

Watch:

useCallback vs useMemo

Read:

Watch:

Projects:

Rules of Hooks

Custom Hook function

TypeScript

Read:

Watch:

Redux

Read:

Watch:

Topic Wise

Introduction to One Store:

Provider Component

Actions

Reducers

Sagas

Dispatchers

View Controllers

Selector:

Apollo client:

Read:

Watch:

Unit Testing Component

Jasmine

Read

Watch:

React test utilities

Read:

Watch:

Performance optimizations

PureRender Mixin

Expensive DOM manipulations:

Performance tools

React UI Frameworks:

Material UI

Read:

Watch:

React Bootstrap

Read:

Watch:

Atomize

Read:

Watch:

Ant Design

Read:-

Watch:

React Projects

Simple Todo list app

Social Media App

Weather App

Entertainment App

Simple Calculator

React TikTok clone app:

Amazon Clone:

Resume generator

Food ordering app

Gatsby

Read:

Watch:

Next.js

Read:

Watch:

React Native:

Read:

Watch:

--

--