Devship
Log in
  • React Masters
  • Roadmap
    • BEGGINER FRIENDLY

    • Introduction
    • Getting Started
    • Installation
    • Project Structure
    • JSX
    • React Fragments
    • React Strictmode
    • JSX Attributes
    • JavaScript Expressions
    • Components
    • Import & Export
    • CSS
    • Fonts
    • Props
    • Passing data to Props
    • List & Keys
    • INTERMEDIATE

    • Conditional Rendering
    • Hooks
    • useState
    • Handling Events with states
    • Context API / createContext API
    • useContext
    • useEffect
    • Data Handling and Fetch api
    • Axios
    • React Router Dom
    • Styling
    • Components Libraries
    • Styling Libraries
    • ADVANCED

    • Reconciliation
    • Lazy Loading
    • Error Handling in Lazy Loading
    • HOC • High Order Component
    • Controlled and Uncontrolled Components
    • Form Handling
    • Form Handling Libraries
    • useMemo
    • useRef
    • useReducer
    • useCallback
    • Custom Hooks
  • Hooks
  • Components

React Masters

This roadmap serves as a guide to mastering React, covering essential topics and concepts.

Beginner Friendly

Introduction

Getting Started

Installation

Project Structure

JSX

React Fragments

React Strictmode

JSX Attributes

JavaScript Expressions

Components

Import & Export

CSS

Fonts

Props

Passing data to Props

List & Keys

Intermediate

Conditional Rendering

Hooks

useState

Handling Events with states

Context API / createContext API

useContext

useEffect

Data Handling and Fetch api

Axios *

React Router Dom

Styling

Components Libraries

Styling Libraries

Advanced

Reconciliation

Lazy Loading

Error Handling in Lazy Loading

HOC • High Order Component

Controlled and Uncontrolled Components

Form Handling

Form Handling Libraries

useMemo

useRef

useReducer

useCallback

Custom Hooks

Copyright © 2025 Devship. All rights reserved.

Made by imParth