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

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 -

You May Also Like

1/ Some initial thoughts on personal moats:

Like company moats, your personal moat should be a competitive advantage that is not only durable—it should also compound over time.

Characteristics of a personal moat below:


2/ Like a company moat, you want to build career capital while you sleep.

As Andrew Chen noted:


3/ You don’t want to build a competitive advantage that is fleeting or that will get commoditized

Things that might get commoditized over time (some longer than


4/ Before the arrival of recorded music, what used to be scarce was the actual music itself — required an in-person artist.

After recorded music, the music itself became abundant and what became scarce was curation, distribution, and self space.

5/ Similarly, in careers, what used to be (more) scarce were things like ideas, money, and exclusive relationships.

In the internet economy, what has become scarce are things like specific knowledge, rare & valuable skills, and great reputations.