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

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

You May Also Like

And here they are...

THE WINNERS OF THE 24 HOUR STARTUP CHALLENGE

Remember, this money is just fun. If you launched a product (or even attempted a launch) - you did something worth MUCH more than $1,000.

#24hrstartup

The winners ๐Ÿ‘‡

#10

Lattes For Change - Skip a latte and save a life.

https://t.co/M75RAirZzs

@frantzfries built a platform where you can see how skipping your morning latte could do for the world.

A great product for a great cause.

Congrats Chris on winning $250!


#9

Instaland - Create amazing landing pages for your followers.

https://t.co/5KkveJTAsy

A team project! @bpmct and @BaileyPumfleet built a tool for social media influencers to create simple "swipe up" landing pages for followers.

Really impressive for 24 hours. Congrats!


#8

SayHenlo - Chat without distractions

https://t.co/og0B7gmkW6

Built by @DaltonEdwards, it's a platform for combatting conversation overload. This product was also coded exclusively from an iPad ๐Ÿ˜ฒ

Dalton is a beast. I'm so excited he placed in the top 10.


#7

CoderStory - Learn to code from developers across the globe!

https://t.co/86Ay6nF4AY

Built by @jesswallaceuk, the project is focused on highlighting the experience of developers and people learning to code.

I wish this existed when I learned to code! Congrats on $250!!
My top 10 tweets of the year

A thread ๐Ÿ‘‡

https://t.co/xj4js6shhy


https://t.co/b81zoW6u1d


https://t.co/1147it02zs


https://t.co/A7XCU5fC2m