This is the list of topics we need to study to succeed in web development by Nabin Achar.

Follow me 👇 youtube : https://www.youtube.com/@thechotoprogrammer

Linkedin: https://www.linkedin.com/in/nabin-achar-57570b202/

Introduction to react

• [ ] what is react js ?
• [ ] Virtual dom
• [ ] Virtual dom vs React dom
• [ ] Js vs Ts
• [ ] JSX vs TSX
• [ ] Babel
• [ ] Webpack

React project set up

• [ ] React js project set up Normal
• [ ] Vite + TS + Tailwind

Hooks

• [ ] useState
• [ ] useEffect
• [ ] useContext
• [ ] useReducer
• [ ] useRef
• [ ] useMemo
• [ ] useCallback
• [ ] useLayoutEffect
• [ ] useImperativeHandle
• [ ] useDebugValue
• [ ] useDeferredValue
• [ ] useTransition
• [ ] useId
• [ ] useSyncExternalStore
• [ ] custom hooks

Component

• [ ] jsx component
• [ ] tsx compoent
• [ ] Props in functional component
• [ ] Conditional Rendering
• [ ] Lists & Keys
• [ ] state (useState)
• [ ] life cycle (useEffect)
• [ ] Higher-Order Components (HOC)
• [ ] Lazy Loaded Components
• [ ] Error Boundaries
• [ ] Code Splitting & Hydration
• [ ] Inline Styles
• [ ] CSS Modules
• [ ] Styled Components
• [ ] Tailwind CSS
• [ ] List & keys
• [ ] Suspense & React.lazy

Routers - React Router

• [ ] introduction
• [ ] private routes
• [ ] Router groups ,Nested routes
• [ ] Redirects & Not Found Routes
• [ ] Links
• [ ] params
• [ ] Dynamic routes

Routers - Tanstack Router

• [ ] "Introduction to TanStack Router"
• [ ] Dynamic Routes & Route Parameters
• [ ] Nested Routes
• [ ] Search Params Handling
• [ ] Redirects & Not Found Routes

JavaScript

✅ JavaScript Basics

• [ ] Variables (var, let, const)
• [ ] Data Types (Primitive & Reference Types)
• [ ] Operators (Arithmetic, Logical, Comparison, Ternary)
• [ ] Type Conversion & Coercion

✅ Functions & Scope

• [ ] Function Declarations vs. Expressions
• [ ] Arrow Functions & this Keyword
• [ ] Closures & Lexical Scope
• [ ] Hoisting in JavaScript

✅ DOM Manipulation

• [ ] Selecting Elements (querySelector, getElementById, etc.)
• [ ] Modifying Elements (innerText, innerHTML, classList)
• [ ] Handling Events (addEventListener, Event Delegation)

✅ Asynchronous JavaScript

• [ ] Callbacks & Callback Hell
• [ ] Promises (resolve, reject, then, catch)
• [ ] async & await
• [ ] Fetch API & Axios

✅ ES6+ Modern JavaScript Features

• [ ] Template Literals
• [ ] Destructuring Arrays & Objects
• [ ] Spread & Rest Operators

Next Js

✅ Next.js Essentials

• [ ] What is Next.js & Why Use It?
• [ ] Installing Next.js (npx create-next-app@latest)
• [ ] Project Structure & Core Concepts

✅ Routing & Navigation

• [ ] Pages & File-based Routing
• [ ] Dynamic Routes & Catch-All Routes
• [ ] API Routes in Next.js

✅ Data Fetching

• [ ] getStaticProps (SSG)
• [ ] getServerSideProps (SSR)