Roadmap notes
Capture module-level gaps, repeated mistakes, and what to review before continuing.
1
Module 1: Foundations
Phase 1 of your journey.
4. Improve a functionPRO
How do you check if an object has a property?
5. Throttle
Classical vs prototypal inheritance
13. Deep Clone
AbortController — cancelling async work the right way
14. Event EmitterPRO
How do you reliably check if an object is empty?
66. Promise MethodsPRO
How do you check the data type of a variable?
19. Memoize I
Anonymous functions — what they are and where they shine
86. API RetryPRO
Why array indices make bad React keys
Polyfill: call( )PRO
2
Module 2: Advanced Patterns
Phase 2 of your journey.
aria-label, aria-labelledby, and aria-live in practice
mul(a)(b)(c)
async/await — syntactic sugar over promises
sum(a)(b)(c).....(n)
How to test asynchronous code without flaky tests
Flatten Array
What are common async data loading patterns in React?
Polyfill: map( )
What are React Fragments used for?
City Fetcher APIPRO
How does the box model work in CSS?
promise.all( )PRO
What is React hydration?
promise.allSettled( )PRO
How do you iterate over object properties?
3
Module 3: Mastery
Phase 3 of your journey.
promise.any( )PRO
What does box-sizing: border-box mean?
promise.race( )PRO
What is difference between sync and async function?
Reverse Words in a String
What is the difference between React Node, React Element, and React Component?
promise.reject()
What are the benefits of using hooks in React?
composeAsyncPRO
What tools help find security vulnerabilities?
Sequential AsyncPRO
What are React Portals?
Debounce IIPRO
How does caching improve performance?
Promise MergePRO
4
Module 4: Mastery
Phase 4 of your journey.
How do you decide between React state, context, and external state managers?
ChunkPRO
What is the difference between call( ) and bind( )?
Polyfill: Array.prototype.reduce
What are callback functions?
JSON.stringify (Basic)
What is the difference between call( ) and apply( )?
JSON.stringify II (Advanced)PRO
What is the prototype pattern?
React Hook: useTimeoutPRO
What is the difference between Client side rendering and Server side rendering?
FillPRO
What is the Beacon API?
Data Merging (Gym Sessions)PRO
Using closures for private variables
5
Module 5: Mastery
Phase 5 of your journey.
React Tic-Tac-Toe Engine
What are common data fetching pitfalls in React?
Performant Image Slider
What AJAX actually means today
API Search and Render ImagePRO
What is code coverage?
Accessible React Tabs
querySelector vs getElementById
Recursive File Explorer
CommonJS vs ES Modules
Build a Resilient Test Runner
Common 'this' pitfalls
Traffic Light
Explain the composition pattern in React
Star RatingPRO