Community DevTerms Resources|Login

Loading

Reactjs Roadmap

Join the 100 day Reactjs coding challenge. Master Reactjs with daily challenges, projects, and expert guidance.
Start coding today!

Day 1: Simple React App

Day 2: JSX Basics

Day 3: Functional Components

Day 5: State Basics

Day 6: Event Handling

Day 7: Conditional Rendering

Day 8: Lists and Keys

Day 10: Lifting State Up

Day 11: Component Lifecycle

Day 12: React Fragments

Day 13: Styling in React

Day 14: React Router Basics

Day 15: Class Components

Day 16: Event Propagation

Day 17: Handling Forms

Day 18: React Hooks (useState)

Day 19: React Hooks (useEffect)

Day 20: Context API

Day 21: Higher-Order Components (HOC)

Day 22: Error Boundaries

Day 23: React Portals

Day 24: Optimizing Performance

Day 25: PropTypes

Day 26: Refs in React

Day 27: React Testing Library

Day 28: Axios and API Calls

Day 29: React and Forms Validation

Day 30: Local State vs Redux

Day 31: Redux Basics

Day 32: Redux Actions

Day 33: Redux Reducers

Day 34: Redux Store

Day 35: Connecting React and Redux

Day 36: Async Operations in Redux

Day 37: Immutable Data in Redux

Day 38: Redux DevTools

Day 39: Routing with React Router

Day 40: Code Splitting

Day 41: Higher-Order Components (HOC) Patterns

Day 42: Render Props

Day 43: React Hooks (useContext)

Day 44: Custom Hooks

Day 45: Error Handling in Redux

Day 46: GraphQL Basics

Day 47: Apollo Client in React

Day 48: React and D3 Integration

Day 49: React and WebSocket

Day 50: Progressive Web Apps (PWA)

Day 51: React and Firebase

Day 52: React and TypeScript

Day 53: React Hooks (useReducer)

Day 54: React Suspense and Lazy

Day 55: React Performance Optimization

Day 56: React Testing Library Advanced

Day 57: Storybook for React

Day 58: Jest Snapshot Testing

Day 59: CSS-in-JS Libraries

Day 60: Progressive Enhancement in React

Day 61: Web Accessibility (A11y)

Day 62: Server-Side Rendering (SSR)

Day 63: React and Redux Middleware

Day 64: React and Electron

Day 65: React and Webpack

Day 66: React Suspense with Concurrent Mode

Day 67: Internationalization (i18n) in React

Day 68: React and Material-UI

Day 69: Serverless Functions with React

Day 70: React and Headless CMS

Day 71: Micro Frontends

Day 72: State Management Patterns

Day 73: React Custom Renderer

Day 74: React Hooks Internals

Day 75: Full-Stack Development with React

Day 76: Real-Time Collaborative Editing

Day 77: React and WebAssembly (Wasm)

Day 78: React Performance Profiling

Day 79: React Router Navigation Guards

Day 80: Advanced Styling Techniques

Sponsor Us|Community|Blog|Youtube|DLP Careers Contact Us Disclaimer Privacy Policy Terms of Service
Have Feedback or want to contribute? Email: hello[@]100DaysOfCode.io
100DaysOfCode@2024