Thread by @anurag_gharat

Planning to learn React.js ?🔥

Here is a mega thread containing Resources, Road maps, Important concepts and more for React.

#100daysofcodechallenge #ReactJS #HTML

What is React ?

React is a JavaScript library by Facebook for creating interactive Front end applications.
React is the most popular Front end framework and is used by large companies like Facebook, Instagram, Netflix, Airbnb and Uber.

Prerequisites

- HTML
- CSS and at least one CSS framework.
- JavaScript
- ES6 features
- Map / Filter / Reduce in JS
- Arrow functions
- Imports / Exports
- var / let / const
- npm commands

Roadmaps for learning React

roadmap.sh/react

freecodecamp.org/news/react-fun…

Documentations and tutorials to start learning.

reactjs.org

create-react-app.dev/docs/getting-s…

developer.mozilla.org/en-US/docs/Lea…

freecodecamp.org/news/all-the-f…

github.com/Asabeneh/30-Da…

reactjs.org/tutorial/tutor…

https://t.co/oV6DEp0ohN

YouTube video recommendations

Online courses for React

scrimba.com/learn/learnrea…

egghead.io/courses/the-be…

codecademy.com/learn/react-101

courses.learncodeonline.in/learn/Complete…

Basic Applications to build while learning React

- Todo list
- News App
- Tic Tac Toe game
- Calculator App

Basic React Concepts

- State in react
- Setting state
- JSX
- Components
- Class based Components vs Functional Based
Components
- Life cycle methods
- React Hooks
- Methods and Props
- Prop passing and Prop drilling
- Event handling

- Conditional Rendering and List Rendering
- Fetching Data from Rest API
- Posting Data to Rest API
- CSS Styling
- Using React Libraries
- Form Handling
- React components library

Advance React Concepts

- React router
- Context API
- Redux
- Form handling using Formik
- PWA using React
- Hosting React applications
- Optimization in React
- React Security
- Front end Auth
- Error Handling in React
- Next.js
- Gatsby
- React Animation

Advance level projects in React

- Shopping Application
- Netflix Clone
- Social Media App
- Airbnb Clone

Useful React resources

github.com/enaqx/awesome-…

reactresources.com

reactpatterns.com

builtwithreact.io

github.com/glauberfc/awes…

github.com/sudheerj/react…

github.com/brillout/aweso…

Thank you for reading❤️

I am Anurag, a Full Stack Developer from India.
I post content about:-

🔸HTML / CSS / JS
🔸React / Next.JS
🔸Web Development tips & Resources
🔸Programming

If you love such content, follow me at
@anurag_gharat