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 function
PROmediumcoding
⚡
How do you check if an object has a property?
mediumcoding
⚡
5. Throttle
mediumcoding
+15
⚡
Classical vs prototypal inheritance
easycoding
⚡
13. Deep Clone
mediumcoding
⚡
AbortController — cancelling async work the right way
mediumcoding
⚡
14. Event Emitter
PROmediumcoding
⚡
How do you reliably check if an object is empty?
mediumcoding
⚡
66. Promise Methods
PROeasycoding
⚡
How do you check the data type of a variable?
mediumcoding
⚡
19. Memoize I
easycoding
⚡
Anonymous functions — what they are and where they shine
mediumcoding
⚡
86. API Retry
PROmediumcoding
⚡
Why array indices make bad React keys
mediumcoding
⚡
Polyfill: call( )
PROmediumcoding
2
Module 2: Advanced Patterns
Phase 2 of your journey.
⚡
aria-label, aria-labelledby, and aria-live in practice
mediumcoding
⚡
mul(a)(b)(c)
easycoding
⚡
async/await — syntactic sugar over promises
hardcoding
⚡
sum(a)(b)(c).....(n)
mediumcoding
⚡
How to test asynchronous code without flaky tests
mediumcoding
⚡
Flatten Array
easycoding
⚡
What are common async data loading patterns in React?
easycoding
⚡
Polyfill: map( )
easycoding
⚡
What are React Fragments used for?
easycoding
⚡
City Fetcher API
PROeasycoding
⚡
How does the box model work in CSS?
mediumcoding
⚡
promise.all( )
PROhardcoding
⚡
What is React hydration?
hardcoding
⚡
promise.allSettled( )
PROhardcoding
⚡
How do you iterate over object properties?
mediumcoding
3
Module 3: Mastery
Phase 3 of your journey.
⚡
promise.any( )
PROhardcoding
⚡
What does box-sizing: border-box mean?
mediumcoding
⚡
promise.race( )
PROhardcoding
⚡
What is difference between sync and async function?
mediumcoding
⚡
Reverse Words in a String
easycoding
⚡
What is the difference between React Node, React Element, and React Component?
mediumcoding
⚡
promise.reject()
easycoding
⚡
What are the benefits of using hooks in React?
easycoding
⚡
composeAsync
PROmediumcoding
⚡
What tools help find security vulnerabilities?
easycoding
⚡
Sequential Async
PROmediumcoding
⚡
What are React Portals?
mediumcoding
⚡
Debounce II
PROmediumcoding
+2
⚡
How does caching improve performance?
mediumcoding
⚡
Promise Merge
PROmediumcoding
4
Module 4: Mastery
Phase 4 of your journey.
⚡
How do you decide between React state, context, and external state managers?
easycoding
⚡
Chunk
PROeasycoding
⚡
What is the difference between call( ) and bind( )?
mediumcoding
⚡
Polyfill: Array.prototype.reduce
easycoding
⚡
What are callback functions?
easycoding
⚡
JSON.stringify (Basic)
mediumcoding
⚡
What is the difference between call( ) and apply( )?
mediumcoding
⚡
JSON.stringify II (Advanced)
PROhardcoding
⚡
What is the prototype pattern?
easycoding
⚡
React Hook: useTimeout
PROmediumcoding
⚡
What is the difference between Client side rendering and Server side rendering?
mediumcoding
⚡
Fill
PROeasycoding
⚡
What is the Beacon API?
mediumcoding
⚡
Data Merging (Gym Sessions)
PROmediumcoding
⚡
Using closures for private variables
easycoding
5
Module 5: Mastery
Phase 5 of your journey.
⚡
React Tic-Tac-Toe Engine
mediummachine
⚡
What are common data fetching pitfalls in React?
hardcoding
⚡
Performant Image Slider
mediummachine
⚡
What AJAX actually means today
mediumcoding
⚡
API Search and Render Image
PROmediummachine
⚡
What is code coverage?
hardcoding
⚡
Accessible React Tabs
easymachine
⚡
querySelector vs getElementById
hardcoding
⚡
Recursive File Explorer
mediummachine
⚡
CommonJS vs ES Modules
mediumcoding
⚡
Build a Resilient Test Runner
hardcoding
⚡
Common 'this' pitfalls
mediumcoding
⚡
Traffic Light
Mediummachine
⚡
Explain the composition pattern in React
easycoding
⚡
Star Rating
PROEasymachine