Skip to content

Instantly share code, notes, and snippets.

@christo-zero-john
Created November 6, 2024 15:05
Show Gist options
  • Select an option

  • Save christo-zero-john/3807fc1abdaa87fa658c5becff20e053 to your computer and use it in GitHub Desktop.

Select an option

Save christo-zero-john/3807fc1abdaa87fa658c5becff20e053 to your computer and use it in GitHub Desktop.
React - The Complete Guide (incl Hooks, React Router, Redux) study plan for 35 days

React - The Complete Guide (incl Hooks, React Router, Redux)

React - The Complete Guide Study Plan

Week 1 (Nov 12 - Nov 18)

    Nov 12: Module 1: Introduction to React, Understanding the React Ecosystem

    Nov 13: Module 2: JavaScript Refresher (Functions, DOM Manipulation, ES6 Features)

    Nov 14: Module 3: Basic Components and JSX Syntax

    Nov 15: Module 4: Understanding Props & State

    Nov 16: Module 5: Handpng Events in React

    Nov 17: Module 6: Conditional Rendering & Lists in React

    Nov 18: Review & Practice: Solve hands-on problems on basic concepts

Week 2 (Nov 19 - Nov 25)

    Nov 19: Module 7: React Forms and Controlled Components

    Nov 20: Module 8: Managing State with useState Hook

    Nov 21: Module 9: Side Effects with useEffect

    Nov 22: Module 10: Context API for State Management

    Nov 23: Module 11: Introduction to Component Lifecycle

    Nov 24: Module 12: Custom Hooks

    Nov 25: Review & Practice: Build a small app incorporating these concepts

Week 3 (Nov 26 - Dec 2)

    Nov 26: Module 13: React Router for Navigation

    Nov 27: Module 14: Handpng Forms with Vapdation

    Nov 28: Module 15: Introduction to Redux

    Nov 29: Module 16: Redux Actions & Reducers

    Nov 30: Module 17: Advanced Redux (Middleware, Thunks, etc.)

    Dec 1: Module 18: Understanding Redux DevTools

    Dec 2: Review & Practice: Implement a complex form using React and Redux

Week 4 (Dec 3 - Dec 9)

    Dec 3: Module 19: Introduction to Next.js - Setup & Basics

    Dec 4: Module 20: Pages, Routing, and Static Generation in Next.js

    Dec 5: Module 21: Data Fetching Methods in Next.js (getStaticProps, getServerSideProps)

    Dec 6: Module 22: API Routes in Next.js

    Dec 7: Module 23: Dynamic Routing in Next.js

    Dec 8: Module 24: Adding Styles to Next.js Apps (CSS, SCSS, Styled Components)

    Dec 9: Review & Practice: Build a small Next.js project

Week 5 (Dec 10 - Dec 16)

    Dec 10: Module 25: Introduction to Next.js Deployment

    Dec 11: Module 26: Deployment with Vercel

    Dec 12: Module 27: Handpng Images & Assets in Next.js

    Dec 13: Module 28: Internationapzation in Next.js

    Dec 14: Module 29: SEO Optimization in Next.js

    Dec 15: Module 30: Authentication in Next.js

    Dec 16: Review & Practice: Build a fully functional app with Next.js and deploy it

Week 6 (Dec 17 - Dec 23)

    Dec 17: Module 31: TypeScript in React - Basics

    Dec 18: Module 32: Setting up TypeScript in a React Project

    Dec 19: Module 33: TypeScript and Redux

    Dec 20: Module 34: Next.js with TypeScript

    Dec 21: Module 35: Optimizing React and Next.js Apps for Performance

    Dec 22: Module 36: Working with GraphQL in React

    Dec 23: Review & Practice: Implement a TypeScript-based React app with GraphQL

Week 7 (Dec 24 - Dec 30)

    Dec 24: Module 37: Introduction to Testing in React (Jest & React Testing Library)

    Dec 25: Module 38: Unit Testing in React

    Dec 26: Module 39: Integration Testing in React

    Dec 27: Module 40: End-to-End Testing with Cypress

    Dec 28: Module 41: Setting Up Continuous Integration with GitHub Actions

    Dec 29: Module 42: Deploying with Docker (Optional for Advanced Users)

    Dec 30: Review & Practice: Final Testing and Debugging Session

Week 8 (Dec 31 - Jan 6)

    Dec 31: Module 43: Mobile App Development with React Native (Optional)

    Jan 1: Module 44: Serverless Functions in Next.js (Optional)

    Jan 2: Module 45: Review of Advanced Topics

    Jan 3: Final Project: Plan the structure of your project

    Jan 4: Final Project: Development (Day 1)

    Jan 5: Final Project: Development (Day 2)

    Jan 6: Final Project: Testing, Debugging, and Deployment

Week 9 (Jan 7 - Jan 13)

    Jan 7: Final Review: Review concepts, techniques, and strategies

    Jan 8: Final Review: Look into areas of improvement

    Jan 9: Final Review: Prepare for final assessment

    Jan 10: Final Review: Final project walkthrough and analysis

    Jan 11: Final Review: Career preparation, interviews, and portfopos

    Jan 12: Final Review: Q&A session

    Jan 13: Conclusion: Recap, next steps, and setting up a learning plan for the future

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment