<div style="background: rgb(238, 238, 238); border: 1px solid rgb(204, 204, 204); padding: 5px 10px; text-align: left;"><span style="font-size:12px">Please mail here for payment related issues - <a href="mailto:piyushagarwalvo@gmail.com">piyushagarwalvo@gmail.com</a></span></div>
<p style="text-align: left;"><span style="font-size:18px"><strong>This is the only resource you will ever need to prepare for your upcoming Frontend Interviews</strong>. This Course covers interview questions on JS, React, Machine Coding, Performance Optimisation, etc!</span></p>
<h1>Complete Curriculum</h1>
<h2>Module 1: React Interview Questions</h2>
<pre>
Chapter 1: React Fundamentals</pre>
<ul>
	<li>Show me the real React</li>
	<li>How React Works Under the Hood</li>
	<li>Rendering Process</li>
	<li>Most Asked Interview Questions</li>
</ul>
<pre>
Chapter 2: Rendering and Operations</pre>
<ul>
	<li>Rendering Lists and Conditional Operators</li>
	<li>Map, filter and reduce in React</li>
	<li>Conditional Operators in React</li>
</ul>
<pre>
Chapter 3: Components Deep Dive</pre>
<ul>
	<li>All About Components</li>
	<li>Class-ic React vs Functional React Components</li>
	<li>State vs Props in components</li>
	<li>Different types of Components</li>
</ul>
<pre>
Chapter 4: React Hooks</pre>
<ul>
	<li>React Hooks Interview Questions</li>
	<li>useState</li>
	<li>useEffect Hook</li>
	<li>useEffect Hook Polyfill</li>
	<li>useRef</li>
	<li>useContext</li>
	<li>Light and Dark Mode Implementation</li>
	<li>useReducer</li>
	<li>useMemo and useCallback</li>
	<li>useMemo Polyfill</li>
	<li>useImperativeHandle</li>
</ul>
<pre>
Chapter 5: Custom Hooks</pre>
<ul>
	<li>Custom Hooks Interview Questions</li>
	<li>What Are Custom Hooks?</li>
	<li>useWindowSize</li>
	<li>useFetch</li>
	<li>useDebounce</li>
	<li>useLocalStorage</li>
	<li>useIntersectionObserver</li>
</ul>
<pre>
Chapter 6: Advanced React Concepts</pre>
<ul>
	<li>Routing in React JS</li>
	<li>React Router Dom Tutorial (with Project)</li>
	<li>Practical Interview Questions</li>
	<li>Advance State Management (Redux)</li>
	<li>Redux Interview Questions</li>
	<li>Redux Toolkit Implementation</li>
</ul>
<hr />
<h2>Module 2: Machine Coding Questions</h2>
<ul>
	<li>Todo list</li>
	<li>Holy Grail</li>
	<li>Tabs</li>
	<li>Accordion</li>
	<li>Star Rating</li>
	<li>Carousel (System Design)</li>
	<li>Pagination with JS</li>
	<li>Truncated Pagination with React</li>
	<li>Infinite scroll</li>
	<li>Progress Bar</li>
	<li>Configurable Color Boxes</li>
	<li>Posts with Comments</li>
	<li>Nested Comment Section</li>
	<li>Advance Tic Tac Toe</li>
	<li>Match Similar Tiles</li>
	<li>Config Driven Form (System Design)</li>
	<li>Toast / Notification Component (System Design)</li>
	<li>Autocomplete / Typeahead (System Design)</li>
	<li>Poll Widget (System Design)</li>
	<li>Ecommerce Filters</li>
	<li>Shopping Cart</li>
	<li>Cinema Hall Seat Booking</li>
</ul>
<hr />
<h2>Module 3: JavaScript Interview Questions</h2>
<ul>
	<li>var, let and const</li>
	<li>map, filter and reduce</li>
	<li>Functions</li>
	<li>Objects</li>
	<li>Closures</li>
	<li>Currying</li>
	<li><code>this</code> in JS (Implicit Binding)</li>
	<li>call, bind and apply (Explicit Binding)</li>
	<li>Promises (Async JS)</li>
	<li>Event Loop</li>
	<li>Debouncing and Throttling</li>
	<li>Event Bubbling, Capturing and Delegation</li>
	<li>Class and Constructors</li>
	<li>Compose and Pipe</li>
	<li>Prototypes</li>
</ul>
<hr />
<h2>Module 4: Performance Interview Questions</h2>
<ul>
	<li>Popular Performance Optimizations Questions</li>
	<li>React Profiler</li>
	<li>SSR vs CSR</li>
	<li>Web Vitals</li>
	<li>Virtualisation</li>
	<li>Code Splitting</li>
	<li>Accessibility</li>
	<li>Popular Design Patterns Questions</li>
	<li>HOC Pattern</li>
	<li>Module Pattern</li>
	<li>Render Props Pattern</li>
	<li>Error Boundaries</li>
</ul>

The only resource you will ever need to prepare for your upcoming Frontend Interviews. This Course covers interview questions on JS Interview, React Interview, Machine Coding, Performance Optimisation, etc!

Courses

Roadside to Dream Job - Frontend Interview Prep Course