JavaScript Roadmap Before Learning React
1. JavaScript Fundamentals
• Variables: var, let, const
• Data Types: string, number, boolean, null, undefined, object, array
• Operators: arithmetic, comparison, logical
• Control Structures: if, else, switch, loops (for, while, forEach)
• Functions: declarations, expressions, arrow functions
• Scope: global vs local
• Hoisting
• Truthy & Falsy values
2. Arrays & Objects
• Array methods: map(), filter(), find(), forEach(), reduce(), some(), every()
• Object basics: keys, values, destructuring
• Nested data: arrays of objects
• Spread (...) and Rest operators
• Destructuring (objects & arrays)
3. Modern JavaScript (ES6+)
• Arrow Functions
• Template Literals
• Destructuring
• Spread and Rest
• Default Parameters
• let and const
• Modules: import / export
• Optional Chaining (?.)
• Nullish Coalescing (??)
4. DOM Manipulation & Events
• Selecting elements: getElementById, querySelector
• Event listeners: addEventListener()
• Event object: [Link], [Link]()
• Changing DOM elements manually
5. Asynchronous JavaScript
• Callbacks
• Promises: then(), catch()
• async / await
• fetch() API
6. Advanced JavaScript Concepts
• Closures
• Higher-order functions
• Callback functions
• Execution context & call stack (basics)
• Single-threaded & Event Loop
• JSON basics (parse/stringify)
• LocalStorage / SessionStorage
7. Optional but Helpful
• Browser DevTools (console, inspect, network tab)
• Basic understanding of how the web works (HTML, CSS, HTTP, APIs)
8. Practice Projects (Before React)
• To-do List
• Counter App
• Weather App (with API)
• Modal / Accordion / Tab
• Form validation
