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 🎯

40+ Resources to Learn..
Data Structures & Algorithms 🔥🤩🚀

From:
⭕Youtube.
🆓Free Courses.
💰 Paid Courses.
🤩 Websites.
📚 Books.

Mega Thread 🧵🤯 👇

⭕ Youtube.

⭕ Data Structures and Algorithms | How to master DSA for coding interviews?
🔗
https://t.co/pt8y650bub

⭕ Data Structures and Algorithms for Beginners
🔗

⭕ Data Structures Easy to Advanced Course - Full Tutorial from a Google Engineer
🔗 https://t.co/uKgpRpj9Hf

⭕ Introduction to Data Structures
🔗 https://t.co/2zO5jFru8G

⭕ Algorithms and Data Structures - Full Course for Beginners from Treehouse
🔗

⭕ Data Structures - Full Course Using C and C++
🔗 https://t.co/pcWKANq5Ko

⭕ Data Structures and Algorithms in JavaScript - Full Course for Beginners
🔗

⭕ Data Structures & Algorithms By CS Dojo
🔗 https://t.co/n9U44GjLMt

⭕ Algorithms & Data Structures Full Crash Course
🔗

More from Catagory jee

Top 10 Threads of the week 📈

Learn about Linkedin, Tools, Websites, Css, Youtube, Business, Presentation, Copywriting... And much more 🧵

1️⃣ 10 Free websites that feel illegal to use:

Topics: Tools, Websites, Website, Productivity, Web.
By: Ben Kelly


2️⃣ 9 CSS generators can save you from writing CSS Code...

Topics: Css, Frontend, Generators, Cssgenerators, Design.
By: Pratham


3️⃣ Even the most well-informed internet user wouldn't...

Topics: Websites, Tools, Website, Useful, Sites.
By: Alex Brogan


4️⃣ CSS generators can save you a lot of time and...

Topics: Css, Tools, Dev, Webdev, Generators.
By: Marko ⚡ Denic
A thread 🧵on Resources-for-preparation-Of-Placements (Lecture video links)

**Programming Language Used : C++**

- Programming in C++ - (
https://t.co/gTcLJEMzwx)

- TakeUForward - ( https://t.co/udOwgbpG6O )

- CodeHelp - ( https://t.co/iph5urO1Q3 )

- Ayushi Sharma - ( https://t.co/pJUyl8ViF7 )

- COMPETITIVE PROGRAMMING -

**Programming Language Used : JAVA**

- Programming in JAVA - (https://t.co/fUMecrGVwY)

- Data Structure and Algorithams
- Kunal Kushwaha - (https://t.co/Pkvr5ZMcJ7)
- Pepcoding - (https://t.co/yNoYkSTTfv)
- Durga Sir -

- Anuj Bhaiya - (https://t.co/jHFrsvnwCy)

**Programming Language Used : Python**

- Programming in Python - (https://t.co/6zz3S1MpUO)

- DSA in Python - (https://t.co/vQ1EteJGnm)

- DS-ALGO - (https://t.co/KXE7NZf0ZD)

- Tech With Tim -

- Python Engineer - (https://t.co/VmGtEjiBVE)
**Placement Series**

- C++ - (https://t.co/nCnLHi00BK)

- JAVA - (https://t.co/Pkvr5Zu3uZ)

- JAVA - (https://t.co/pScvzpmlYu)

- PYTHON -
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