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)