React Roadmap for Beginners in 2022.

Thread: 🧵

➪ Before Jumping into React make sure that you're good at Javascript Fundamentals.
⇝ Fundamentals ⇜

➙ Create React app
➙ Function Components
➙ Class Components
➙ JSX
➙ Props
➙ State
➙ useState and useEffect Hooks
➙ Conditional Rendering
➙ Lists and Keys
➙ Building Simple Forms
➙ Composition and Inheritance
⇝ Advanced Topics ⇜

➪ HTTP Requests
➙ Context Refs
➙ Refs
➙ Error Boundaries
➙ Portals

➙ GET
➙ POST
➪ Hooks
➙ useContext
➙ useReducer
➙ useRef
➙ useMemo
➙ useCallback
➙ Custom Hooks

➙ Higher-Order Components
➙ Render Props
➙ Reconciliation
➪ State Management
➙ Redux/Mobx/Recoil
➙ Apollo Client
➙ React Query

➪ Routing
➙ React Location
➙ React Router
➪ Styling
➙ Styled Components
➙ Tailwind CSS
➙ Chakra UI/ Material UI

➪ Forms
➙ Formik
➙ React Hook Form
➪ Testing
➙ Jest + React Testing Library
➙ Cypress

➪ Misc
➙ Gatsby
➙ Next.js
➙ Remix
➙ React native
➪ Resources to Learn React.
https://t.co/gdGj0WZTjy
Inspiration: https://t.co/VzWrITsbLw
If this thread was helpful to you, please consider following me here: @mdjunaidap.
🚨 700+ Tools & Resources 🤩
Goldmine🌟 for Developers, Designers, and Creators.

Learn.
Build.
Sell.

I've Curated incredible tools and learning resources for developers, designers & content creators.
https://t.co/2XaQR6ASYw

More from Mohammed Junaid 🎯

More from Catagory jee

The epic thread 🧵 on the best "free" resources to start coding and go professional.

Basic Programming and Computing Concepts

CS50 by Harvard
Source:
https://t.co/GYXktrSbCw

Prerequisites: None

Probably the best free course for beginners and professionals alike. It goes through the very basics of programming and painlessly shifts to advance topics.

Programming with Python

CS50P by Harvard
Source: https://t.co/vv7YUWWVV8

Prerequisites: CS50 will help but not necessary.

Takes forward the best things of CS50 but in Python. Undoubtedly, the best Python Course you will find on the internet.

Artificial Intelligence (Theory Focused)

CS50's Introduction to Artificial Intelligence with Python by Harvard
Source: https://t.co/ms2c5mxdTC

Prerequisites: CS50P

This is a more theory and concept focused Course that will be your entry point to AI.

AI with Tensorflow

Tensorflow 2.0 Beginner Tutorial by Aladdin Persson
Source: https://t.co/D7hpDOazZA

Prerequisites: CS50P and CS50 AI with Python

The best beginners tutorial on Tensorflow.
The average salary for a Data Scientist is $117,000.

Want to become a Google Certified Data Scientist?

Here are 4 free courses from Google you don't want to miss:

1. Learn Python basics for data analysis

This course is designed to teach you the fundamentals of the Python programming language, especially for the purpose of data analysis.

👉
https://t.co/q8SIIUytbM


2. Introduction to Data Science

This course will give you a comprehensive introduction to Data Science and Analytics Landscape.

👉 https://t.co/QwYX0U0mzY


3. Data Science with Python

This Data Science with Python program provides learners with a complete understanding of data analytics tools & techniques.

This program is an ideal kickstarter for anyone looking to become a data scientist today.

👉 https://t.co/jVlrdbX654


4. Data Science with Python

Getting started with Python can help you gain knowledge on data analysis, visualization, NumPy, SciPy, web scraping, and natural language processing.

This program is an ideal kickstarter to become a data scientist today.

👉 https://t.co/B70J8zD74g
7 GitHub repositories will make you a standout developer from 99% of people:

1. Memphis

An open-source real-time data processing platform.

• Message broker
• Schema Management
• Zero ops
• Cloud-native
• Rapid development
• Significantly lower development time

🔗
https://t.co/w5L2aCM3do


2. The art of command line

Master the command line, in one page.

🔗 https://t.co/uF2RlcUIxb


3. Public APIs

A collective list of free APIs for use in software and web development

🔗 https://t.co/vDRQKBf15V


4. Hover

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on.

🔗 https://t.co/bIGEEPcMkJ

You May Also Like