roads

Roadmap🔥

roads

Are You Learning React?

Browse my collection of the best React resources online

Subscribe to my newsletter and receive updates on the best resources on the internet about React

Are You Learning React?

Browse my collection of the best React resources online

Subscribe to my newsletter and receive updates on the best resources on the internet about React

Are You Learning React?

Browse my collection of the best React resources online

Subscribe to my newsletter and receive updates on the best resources on the internet about React

1.

Meet The
Community

The community provides a supportive environment where you can ask questions, get feedback, and learn from real-world examples. It's a great place to stay motivated and inspired!
🤩✨💡🙌

X accounts to follow

All Accounts

Kent C. Dodds

@kentcdodds

Sophie Alpert

@sophiebits

danabra.mov

@dan_abramov

X accounts to follow

All Accounts

Kent C. Dodds

@kentcdodds

Sophie Alpert

@sophiebits

danabra.mov

@dan_abramov

X accounts to follow

All Accounts

Kent C. Dodds

@kentcdodds

Sophie Alpert

@sophiebits

danabra.mov

@dan_abramov

YouTube Channels

YouTube Channels

All Channels

Syntax

YouTube

@syntaxfm

The Net Ninja

YouTube

@NetNinja

Fireship

YouTube

@Fireship

Communities

Communities

Reactiflux

Discord Chat

reactiflux.com

Dev React

Tag in Dev

dev.to

Press ⌘+D to bookmark this page

2.

Follow the
Roadmap

A Roadmap helps you navigate through the vast array of topics in a logical, progressive manner, preventing the feeling of being overwhelmed. It offers a clear path to follow, making your learning journey more focused, efficient, and rewarding.

To Roadmap

Level 0

The dreamer

Start with the basics. What is FE and what are the things that you'll be building? How this world works?

What is a website?

How does the internet work?

roadmap.sh

How does the internet work?

roadmap.sh

What is a domain name?

What is web development?

What is the browser and how it works?

3.

Find the right
Resources

Stay up-to-date, ensure yourself that you learn the best practices and modern approaches in React development. Equipped with the right resources, save time, and build a strong foundation more effectively and enjoyably.

Free courses

Free courses

All Courses

Deep Dive Into Modern Web Development

Introduction to modern JavaScript

fullstackopen.com

React Fundamentals

Without the buzzwords

frontarm.com

The Beginner's Guide to React

React got that name for a reason.

egghead.io

Learn React - Scrimba

with Bob Ziroll

scrimba.com

Learn React

Learn To Code

codecademy.com

Important Libraries and Tools

Important Libraries and Tools

Eslint

Static analyser

eslint.org

Axios

Promise based HTTP client

axios-http.com

Prettier

Code formatter

prettier.io

TypeScript

Extends JavaScript by adding types

typescriptlang.org

Storybook

Workshop for building UI components

storybook.js.org

Create React App

Set up react project

create-react-app.dev

Redux

State management

redux.js.org

CodeSandbox

Playground where you can test your code online

codesandbox.io

Best Practice Libraries

Best Practice Libraries

Cypress

Test automation tool

cypress.io

Sentry

Error tracking and monitoring

sentry.io

Conventional Commits

Human and machine readable commit messages

conventionalcommits.org

Cool Libraries

Cool Libraries

Lottie

Easy animations

lottiereact.com

Spline

3d collaborative design

spline.design

Rive

Interactive animations

rive.app

Framer Motion

Powerful motion library

framer.com

React Flow

Building interactive diagrams

reactflow.dev

React Router

Client side routing

reactrouter.com

Phosphor Icons

Very Nice Icon Set

phosphoricons.com

UI Component Libraries

UI Component Libraries

Next UI

nextui.org

Tamagui

tamagui.dev

Material UI

mui.com

Important Websites

Developer Tools

Adds React debugging tools to the Chrome Developer Tools.

Awesome React

A collection of awesome things in the React ecosystem.

React Docs

Official React Documentation

Blog

Blog

Read More

Ava

@b_ava_999

3 mins read

Top 6 Interesting React Libraries to Look Out for in 2024

Here are the top 6 most interesting React libraries you need to know about in 2024.

Ava

@b_ava_999

3 mins read

What is State Management in React? Top 6 React State Management Libraries

Simplifying Complexity in Your Interactive Web Apps

roads.sh

Hop on the train 🚂🚂🚂

Subscribe to my newsletter and receive updates on the best resources on the internet

Follow me on

© 2023 roads.sh

react.roads

Hop on the train 🚂🚂🚂

Subscribe to my newsletter and receive updates on the best resources on the internet

Follow me on

© 2023 react.roads

react.roads

Hop on the train 🚂🚂🚂

Subscribe to my newsletter and receive updates on the best resources on the internet

Follow me on

© 2023 react.roads