Thread by @AvniGupta_, Roadmap to learn React in 2021 with project ideasA Thread Prerequisites1. [...]

Avni Gupta

AvniGupta_

Roadmap to learn React in 2021 with project ideas

A Thread

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🧵" title="Thread" aria-label="Emoji: Thread">

Prerequisites

1. HTML
2. CSS
2.1 Flexbox
2.2 Grid
3. JS
4. ES6
4.1 Higher Order Function
4.2 Arrow Function
4.3 Callback function

React Basic Building Blocks

1. States
2. Keys
3. Forms
4. Hooks
5. Event Handling
6. Lifecycle
7. Virtual DOM

Managing States in React

1. Local Storage
2. Global Storage
3. Redux
4. React Context
5. Flux Architecture

Making React Pretty

1. CSS in JS
2. Styled JSX
3. Styled Components
4. Inline Style
5. JSS
6. Emotion

Advanced React

1. Higher Order Components
2. Portals
3. React Dev Tool
4. Type Checking
5. Optimization
6. Error Boundaries

Unit Testing

1. React Testing Library
2. Jest

React.js Project Ideas

1. Map Statistics Dashboard
2. Musical Instrument
3. Personal Portfolio
4. Notebook
5. Space Invaders Game
6. Framework Theme
7. Webmentions
8. Zoom Clone

What& #39;s next?

You can learn
- NextJS
- React Native
- Gasby
- ElectronJS

You can follow @AvniGupta_.

Tip: mention @twtextapp on a Twitter thread with the keyword “unroll” to get a link to it.

Latest Threads Unrolled: