problem solving

Ajay Kumar Jha — Tue, 03 Dec 2024 15:38:36 +0000

Longest Word
Have the function LongestWord(sen) take the sen parameter being passed and return the longest word in the string.
If there are two or more words that are the same length, return the first word from the string with that length.
Ignore punctuation and assume sen will not be empty. Words may also contain numbers, for example "Hello world123 567"
Examples
Input: "fun&!! time"
Output: time
Input: "I love dogs"
Output: love

abab > 1a1b1a1b
aabbca > 2a2b1c1a

Write a function that takes n number of arrays of integers and returns an array of distinct integers
i.e the integers should appear only once among the input arrays.
Example: [1,2,3], [2,3,4], [3,4,5] => [1,5].
Note: number of arrays can be n. The function should work when inputs are increased or decreased.

count char in str
second highest element in array
remove duplicate from array
find duplicate elements in an Array
given an array of integers nums and an integer target, return indices of the two numbers such that they add up to target.
find the Number of Vowels in a String

(function() {
var message = "hello";
console.log(message);
})();

console.log(message);

(function(){
setTimeout(()=> console.log(1),2000);
console.log(2);
setTimeout(()=> console.log(3),0);
console.log(4);
})();

for (let i = 0; i < 5; i++) {
setTimeout(() => console.log(i), 10);
}

let j = 0;
for (j = 0; j < 5; j++) {
setTimeout(() => console.log(j), 0);
}

for (var k = 0; k < 5; k++) {
setTimeout(() => console.log(k), 10);
}

var k;
for (k = 0; k < 5; k++) {
setTimeout(() => console.log(k), 0);
}

https://eishta.medium.com/javascript-tricky-questions-promises-12c1ebeff20c

https://plainenglish.io/blog/6-interview-questions-that-combine-promise-and-settimeout-34c430fc297e

Reverse a string without using built-in methods.
Find the first non-repeating character in a string.
Check if two strings are anagrams.
Implement a function to flatten a nested array.
Find the largest sum of any contiguous subarray.
Write a function to remove duplicates from an array.
Implement a function to check if a number is prime.
Create a debounce function.
Find the missing number in an array of consecutive numbers.
Implement a function to deep clone an object.

Using a Custom useDebounce Hook

FE interview

Ajay Kumar Jha — Tue, 03 Dec 2024 15:35:18 +0000

web fundamentals

List a few optimization techniques with which we can improve the load time of a website. Image Optimization(WebP instead of JPEG or PNG), Minification and Concatenation(Minify CSS, JavaScript, and HTML files to reduce file sizes by removing unnecessary characters), Browser Caching, Reduce Server Response Time, Reduce HTTP Requests, Optimize Web Fonts
What is Server Side Rendering?
difference between ssr and csr and when to preferred ssr vs csr
what is websocket
What are content delivery networks? A Content Delivery Network (CDN) is a system of distributed servers that work together to deliver web content, such as images, videos, scripts, and stylesheets, to users more efficiently. The primary goal of a CDN is to improve the performance, reliability, and speed of delivering content to users across different geographic locations.
What is the difference between authentication and authorization? Authentication verifies the identity of a person or device, at the same time as authorization determines their access rights and permissions.
What is a minification of code and why should we use it? Minification of code is the process of removing all unnecessary characters (spaces, line breaks, comments) from the source code of web applications without changing its functionality, why should we use it - Reduced File Size, Improved Performance and SEO Benefits.
difference between local storage and session storage
what is cookies and What are cookies used for Cookies are small pieces of text sent to browser by a web app. They contain data that can be used by the web app to remember information about your visit, such as your preferences or login status
difference between flex and grid
difference between display none and visibility hidden display none completely removes the element from the webpage layout
what is box model in css
what is SPA
what are semantic tags A semantic element clearly describes its meaning to both the browser and the developer
difference between inline and block elements
difference between position fixed and sticky
what is box sizing
what is z index in css
what is Frontend Build Tools webpack

what are the data types in javascript Primitive Data Types and Non-Primitive (Reference) Data Types
why javascript is dynamically typed language JavaScript is a dynamic language and not static, cause variables can hold values of different types during runtime.
what is microtask Microtask Queue is like the Callback Queue, but Microtask Queue has higher priority. All the callback functions coming through Promises and Mutation Observer will go inside the Microtask Queue. For example, in the case of .fetch(), the callback function gets to the Microtask Queue.
memoization debouncing and throttling Memoization is the technique storing the result so we can use it next time instead of calculating the same thing again and again. Debouncing ensures that a function is not called too frequently we can delay its execution time Use Case: Search Input (300 milliseconds) Throttling makes sure that a function is only run once during a set period of time (interval), no matter how many times an event happens Use Case: Scrolling (200 milliseconds)
what is closure and lexical scope , explain via writing code closure is the combination of lexical scope and local scope of inner function. Lexical Scope defines that inner functions can access the scope of parent functions even if they has returned.
what is currying in javascript Currying is a functional programming technique where a function with multiple arguments is transformed into a single argument like a series.
event loop
what is difference between normal function and arrow function Arrow functions use the "fat arrow" syntax (=>) to create a concise way to write functions. Arrow functions do not create their own this binding Arrow functions cannot be used as constructors Hoisting can’t be achieved by using arrow function
what is Higher-order function
what is hoisting
what is tdz in javascript
diff bt var and let
what is event delegation and bubbling
diff bt sync and Async
what is callback hell
what is promise
what are the states of promises
what is promise chaining
what is async and await in JavaScript
𝐀𝐬𝐲𝐧𝐜/𝐃𝐞𝐟𝐞𝐫
𝐏𝐨𝐥𝐲𝐟𝐢𝐥𝐥
𝐂𝐎𝐑𝐒
what is event delegation and event bubbling
https://gist.github.com/ajayjhaDev/eef4d139120acb6c69c64fa4a9be1ceb

React

https://gist.github.com/ajayjhaDev/a84c7e86020ceb34a0a9b7c14edb3688
suspense lazy loading
code splitting react
error boundary react
what are way to optimize the react application
difference between axios and fetch

go to oops class methods and all
chaining
diff prototype proto
typescript questions
position all properties explain
box sizing
css selector preference CSS Specificity hierarchy
what is pseudo selector in css
this keyword in javascript
this keyword refers to different objects depending upon context of the code
bind call apply
call(): Invokes the function immediately with arguments passed individually.
apply(): Invokes the function immediately with arguments passed as an array.
bind(): Returns a new function with bound this context and arguments, but doesn't invoke it immediately.
useRef createRef
fiber
webworkers
controlled and uncontrolled
useMemo usecallback
diff b/w shallow dom and virtual dom
heapMemory
How do you handle memory leaks in JavaScript applications?
diff b/w deep copy and shallow copy
Shallow Copy stores the references of objects or array values to the original memory address.
whereas Deep copy stores copies of the object’s or array values.
currying
What is CORS error
Doctype in html meta tags and their attributes
How to optimize react build

calculator.add(3).substract(5).multiply(6).getResult()

Javascript
Machine Coding / React
DSA
System design
Managerial Round

🌲 Javascript (around 45-60 min)

🍄 Design patterns like singleton, factory patterns etc
🍄 Implement the publisher-subscriber pattern in javascript
🍄 Implement the map, filter, reduce, and for Each polyfill
🍄 Implement the Function.bind, call, apply method on the Function Prototype
🍄 Implement Async. parallel, Async.series which executes a set of async tasks parallel and in series
🍄 Implement Retry API with n number of
🍄 Prototype and prototype inheritance
🍄 How rendering work in the browser
🍄 Event delegation and event propagation in js
🍄 Implement Memoization
🍄 Progressive Web application
🍄 Clone an Object
🍄 Debouncing and Throttling
🍄 Implement clearAllTimeout()
🍄 Build a Promise from Scratch
🍄 Event Target — addEventListener, removeEventListener, dispatchEvent
🍄 Intersection Observe

🌴 Implement a function to flatten a nested array (recursive and iterative)

🌴 Promises ( polyfill of Promise all, race, allSettle )

🌴 Implement the publisher-subscriber pattern

🌴 Implement Async. parallel, Async.series which executes a set of async tasks parallel and in series

🌴 Currying with examples and deep clone an Object

🌴 Debouncing, Throttling and Implementing “that” Retry API

🌴 Memorization and how rendering works in a browser

🌲 React/Machine coding (around 60-120min)

👉 Introduction JSX
👉 React Component
👉 Component State and Props
👉 Adding Style (CSS)
👉 Functional and Class components
👉 React Lifecycle Methods
👉 Virtual DOM
👉 React Hooks
👉 Custom Hooks
👉 Context API
👉 Synthetic Events
👉 Routing
👉 Data Flow (Redux/Flux)
👉 Server-Side Rendering
👉 Unit Testing
👉 Jest & React Testing library
👉 Mocking Data
👉 Understanding Webpack (Bundler)
👉 Babel, env, prettier, linter

🌲 Machine Coding

💁‍♂️ Star Rating
💁‍♂️ Design Pop Over
💁‍♂️ Design Accordion
💁‍♂️ Design Carousel
💁‍♂️ Design grid using HTML/CSS and Javascript with search and sort, event bubbling (Amazon onsite)
💁‍♂️ Design NavBar
💁‍♂️ Infinite Scroll
💁‍♂️ Typeahead / autocomplete using trie
💁‍♂️ Implement Debounce function
💁‍♂️ Implement tic tac toe
💁‍♂️ Make snake ladder board
💁‍♂️ Make calendar of any Month like Date Picker
💁‍♂️ Implement throttle function ect

🌲 System design (around 45-60 min)

🌳 Component-Based Architecture
🌳 State Management
🌳 Performance Optimization
🌳 Scalability and Maintainability
🌳 PWA
🌳 CDN
🌳 Security

🌲 Managerial Round (around 45-60 min)

👉 Previous Experience
👉 Problem Solving
👉 Principle

𝐉𝐚𝐯𝐚𝐒𝐜𝐫𝐢𝐩𝐭

Variables and Data Types
Control Flow (if statements, loops)
Functions and Scope
Arrays and Objects
Promises and Asynchronous Programming
Closures
Event Handling
AJAX and Fetch API
Error Handling
ES6+ Features (e.g., arrow functions, destructuring)
Prototypes and Inheritance
Modules and Module Bundlers (e.g., CommonJS, ES modules)

𝐑𝐞𝐚𝐜𝐭

JSX (JavaScript XML)
Components and Props
State and Lifecycle
Handling Events in React
Conditional Rendering
Lists and Keys
Forms in React
React Hooks
Context API
Lifecycle Methods
React Router
Redux (State Management)
Higher-Order Components (HOCs)
Testing in React (e.g., Jest and React Testing Library)
React Performance Optimization

𝐍𝐞𝐭𝐰𝐨𝐫𝐤𝐢𝐧𝐠

Content Delivery Networks (CDNs)
Domain Sharding
HTTP/2 and HTTP/3 Protocols
Latency and Bandwidth Optimization

𝐏𝐞𝐫𝐟𝐨𝐫𝐦𝐚𝐧𝐜𝐞 𝐚𝐧𝐝 𝐨𝐩𝐭𝐢𝐦𝐢𝐳𝐚𝐭𝐢𝐨𝐧

Critical Rendering Path
Minification and Compression
Image Optimization Techniques
Asynchronous Loading Strategies (e.g., defer, async)

𝐒𝐲𝐬𝐭𝐞𝐦 𝐃𝐞𝐬𝐢𝐠𝐧

Scalability considerations
Modular and component-based architecture
Efficient data fetching and caching strategies
Responsive and mobile-friendly design
Load balancing and CDN integration

🌴JavaScript fundamentals

→ How does the ‘this’ work in different scenarios?
→ Closure and Hoisting
→ How rendering works in the browser and networking concepts?

🌴 Asynchronous Programming

→ Implement the ‘Function.bind,’ ‘call,’ and ‘apply’ methods on the Function Prototype
→ Implement ‘Async.parallel’ and ‘Async.series’ to execute a set of asynchronous tasks in parallel and in series

🌴 DOM Manipulation

→ How would you approach handling a large number of DOM updates efficiently?
→ What is an event delegation and why is it useful?

🌴 Performance Optimization

→ How do you handle memory leaks in JavaScript applications?
→ What are some ways to improve the performance of a web application?

🌴 Advanced Topics

→ Design patterns (singleton, pubsub, factory method), progressive web application and security patterns

🍄 Promises ( polyfill of Promise all, race, allSettle )
🍄 Currying with example
🍄 String.prototype.repeat
🍄 Implement the compose() and pipe() polyfill .
🍄 Design patterns like singleton, factory patterns etc
🍄 Implement the publisher-subscriber pattern in javascript
🍄 Implement the map, filter, reduce, and for Each polyfill
🍄 Implement the Function.bind, call, and apply method on the Function Prototype
🍄 Implement Async. parallel, Async.series which executes a set of async tasks parallel and in series
🍄 Implement thet Retry API
🍄 Prototype and prototype inheritance
🍄 How rendering work in the browser
🍄 Event delegation and event propagation in js
🍄 Implement Memoization
🍄 Progressive Web application
🍄 Clone an Object
🍄 Debouncing and Throttling
🍄 Implement clearAllTimeout()
🍄 Build a Promise from Scratch
🍄 How does JS "this" works in different scenarios?
🍄 Implement a function to flatten a nested array
🍄 Implement an LRU Cache

Here's my Amazon Frontend Engineer II interview experience to help you!

🌴 Assessment Round:
I got the assignment via e-mail and completed it on the same day. It was primarily a machine coding round.

🌴 Managerial Round:
This round was around past projects and leadership principles.

🌴 Coding Round 1:
It was focused on vanilla JS and CRUD operations on searching and sorting. It also included core concepts of js.

🌴 Coding round 2:
Here I was asked DSA recursion and backtracking based questions similar to file management system in linux.

🌴 System Design Round:
I had to design a web application focusing on scalability optimization, DOM manipulation and accessibility.

𝐑𝐞𝐚𝐜𝐭𝐉𝐒 has been extremely in demand for some years and feels like it will continue to be in demand. 💲💲

Here is step by step roadmap 👇🏻

𝟏.𝐂𝐨𝐦𝐩𝐨𝐧𝐞𝐧𝐭𝐬
• Functional Components
• Class Components
• JSX (JavaScript XML) Syntax

𝟐.𝐏𝐫𝐨𝐩𝐬 (𝐏𝐫𝐨𝐩𝐞𝐫𝐭𝐢𝐞𝐬)
• Passing Props
• Default Props
• Prop Types

𝟑.𝐒𝐭𝐚𝐭𝐞
• useState Hook
• Class Component State
• Immutable State

𝟒.𝐋𝐢𝐟𝐞𝐜𝐲𝐜𝐥𝐞 𝐌𝐞𝐭𝐡𝐨𝐝𝐬 (𝐂𝐥𝐚𝐬𝐬 𝐂𝐨𝐦𝐩𝐨𝐧𝐞𝐧𝐭𝐬)
• componentDidMount
• componentDidUpdate
• componentWillUnmount

𝟓.𝐇𝐨𝐨𝐤𝐬 (𝐅𝐮𝐧𝐜𝐭𝐢𝐨𝐧𝐚𝐥 𝐂𝐨𝐦𝐩𝐨𝐧𝐞𝐧𝐭𝐬)
• useState
• useEffect
• useContext
• useReducer
• useCallback
• useMemo
• useRef
• useImperativeHandle
• useLayoutEffect

𝟔.𝐄𝐯𝐞𝐧𝐭 𝐇𝐚𝐧𝐝𝐥𝐢𝐧𝐠
• Handling Events in Functional Components
• Handling Events in Class Components

𝟕.𝐂𝐨𝐧𝐝𝐢𝐭𝐢𝐨𝐧𝐚𝐥 𝐑𝐞𝐧𝐝𝐞𝐫𝐢𝐧𝐠
• if Statements
• Ternary Operators
• Logical && Operator

𝟖.𝐋𝐢𝐬𝐭𝐬 𝐚𝐧𝐝 𝐊𝐞𝐲𝐬
• Rendering Lists
• Keys in React Lists

𝟗.𝐂𝐨𝐦𝐩𝐨𝐧𝐞𝐧𝐭 𝐂𝐨𝐦𝐩𝐨𝐬𝐢𝐭𝐢𝐨𝐧
• Reusing Components
• Children Props
• Composition vs Inheritance

𝟏𝟎.𝐇𝐢𝐠𝐡𝐞𝐫-𝐎𝐫𝐝𝐞𝐫 𝐂𝐨𝐦𝐩𝐨𝐧𝐞𝐧𝐭𝐬 (𝐇𝐎𝐂)
• Creating HOCs
• Using HOCs for Reusability

𝟏𝟏.𝐑𝐞𝐧𝐝𝐞𝐫 𝐏𝐫𝐨𝐩𝐬
• Using Render Props Pattern

𝟏𝟐.𝐑𝐞𝐚𝐜𝐭 𝐑𝐨𝐮𝐭𝐞𝐫
•
•
•
•
• Route Parameters

𝟏𝟑.𝐍𝐚𝐯𝐢𝐠𝐚𝐭𝐢𝐨𝐧
• useHistory Hook
• useLocation Hook

𝐒𝐭𝐚𝐭𝐞 𝐌𝐚𝐧𝐚𝐠𝐞𝐦𝐞𝐧𝐭

𝟏𝟒.𝐂𝐨𝐧𝐭𝐞𝐱𝐭 𝐀𝐏𝐈
• Creating Context
• useContext Hook

𝟏𝟓.𝐑𝐞𝐝𝐮𝐱
• Actions
• Reducers
• Store
• connect Function (React-Redux)

𝟏𝟔.𝐅𝐨𝐫𝐦𝐬
• Handling Form Data
• Controlled Components
• Uncontrolled Components

𝟏𝟕.𝐒𝐢𝐝𝐞 𝐄𝐟𝐟𝐞𝐜𝐭𝐬
• useEffect for Data Fetching
• useEffect Cleanup

𝟏𝟖.𝐀𝐉𝐀𝐗 𝐑𝐞𝐪𝐮𝐞𝐬𝐭𝐬
• Fetch API
• Axios Library

𝐄𝐫𝐫𝐨𝐫 𝐇𝐚𝐧𝐝𝐥𝐢𝐧𝐠

𝟏𝟗.𝐄𝐫𝐫𝐨𝐫 𝐁𝐨𝐮𝐧𝐝𝐚𝐫𝐢𝐞𝐬
• componentDidCatch (Class Components)
• ErrorBoundary Component (Functional
Components)

𝟐𝟎.𝐓𝐞𝐬𝐭𝐢𝐧𝐠
• Jest Testing Framework
• React Testing Library

𝟐𝟏.𝐎𝐩𝐭𝐢𝐦𝐢𝐳𝐚𝐭𝐢𝐨𝐧
• Memoization
• Profiling and Performance Monitoring

𝟐𝟐. 𝐁𝐮𝐢𝐥𝐝 𝐚𝐧𝐝 𝐃𝐞𝐩𝐥𝐨𝐲𝐦𝐞𝐧𝐭
• Create React App (CRA)
• Production Builds
• Deployment Strategies

𝐅𝐫𝐚𝐦𝐞𝐰𝐨𝐫𝐤𝐬 𝐚𝐧𝐝 𝐋𝐢𝐛𝐫𝐚𝐫𝐢𝐞𝐬

𝟐𝟑.𝐒𝐭𝐲𝐥𝐢𝐧𝐠 𝐋𝐢𝐛𝐫𝐚𝐫𝐢𝐞𝐬
• Styled-components
• CSS Modules

𝟐𝟒.𝐒𝐭𝐚𝐭𝐞 𝐌𝐚𝐧𝐚𝐠𝐞𝐦𝐞𝐧𝐭 𝐋𝐢𝐛𝐫𝐚𝐫𝐢𝐞𝐬
• Redux
• MobX

𝟐𝟔.𝐑𝐨𝐮𝐭𝐢𝐧𝐠 𝐋𝐢𝐛𝐫𝐚𝐫𝐢𝐞𝐬
• React Router
• Reach Router

Program to find longest word in a given sentence ?
How to check whether a string is palindrome or not ?
Write a program to remove duplicates from an array ?
Program to find Reverse of a string without using built-in method ?
Find the max count of consecutive 1’s in an array ?
Find the factorial of given number ?
Given 2 arrays that are sorted [0,3,4,31] and [4,6,30]. Merge them and sort [0,3,4,4,6,30,31] ?
Create a function which will accepts two arrays arr1 and arr2. The function should return true if every value in arr1 has its corresponding value squared in array2. The frequency of values must be same.
Given two strings. Find if one string can be formed by rearranging the letters of other string.
Write logic to get unique objects from below array ? I/P: [{name: "sai"},{name:"Nang"},{name: "sai"},{name:"Nang"},{name: "111111"}]; O/P: [{name: "sai"},{name:"Nang"}{name: "111111"}
Write a JavaScript program to find the maximum number in an array.
Write a JavaScript function that takes an array of numbers and returns a new array with only the even numbers.
Write a JavaScript function to check if a given number is prime.
Write a JavaScript program to find the largest element in a nested array. [[3, 4, 58], [709, 8, 9, [10, 11]], [111, 2]]
Write a JavaScript function that returns the Fibonacci sequence up to a given number of terms.
Given a string, write a javascript function to count the occurrences of each character in the string.
Write a javascript function that sorts an array of numbers in ascending order.
Write a javascript function that sorts an array of numbers in descending order.
Write a javascript function that reverses the order of words in a sentence without using the built-in reverse() method.
Implement a javascript function that flattens a nested array into a single-dimensional array.

Fundamentals: Start with the basics - variables, data types, and operators.
Functions: Dive deep into functions, understanding scope, closures, and the 'this' keyword.
ES6 Features: Get comfortable with arrow functions, destructuring, spread/rest operators, and template literals.
Async JavaScript: Promises and async/await for handling asynchronous operations.
DOM Manipulation: Know how to interact with the Document Object Model (DOM) effectively.
Event Handling: Learn about event listeners, event delegation, and the event object.
Prototypes and Classes: Understand JavaScript's prototypal inheritance and ES6 classes.
Closures: Master this concept, as it's often tested in interviews.
Module Systems: Explore CommonJS, AMD, and ES6 modules.
AJAX and Fetch API: Learn how to make asynchronous HTTP requests.
Design Patterns: Know the most common patterns like Singleton, Observer, and Module.
JSON: Understand JSON parsing and stringify.
Error Handling: Learn how to handle errors gracefully with try...catch.
Data Structures: Arrays, objects, maps, and sets are essential.
Functional Programming: Concepts like map, filter, and reduce are valuable.
Build Tools: Grasp Webpack and Babel for bundling and transpiling.
Testing: Explore testing frameworks like Jest and Mocha.
Debugging: Proficiency with browser developer tools is a must.
ESLint and Code Style: Adhere to clean code practices.
Security: Understand common web security vulnerabilities (e.g., XSS, CSRF).
Promises and Async/Await: Master asynchronous programming.
Modern JavaScript Frameworks: Learn a popular framework like React, Angular, or Vue.js.
Working with APIs: Know how to integrate external APIs into your applications.
Documentation: Keep your code well-documented for clarity.
Automation: Grasp task runners like Grunt and Gulp.
Progressive Web Apps (PWAs): Understand PWA concepts and service workers.
Web Performance: Optimize your code for speed and efficiency.

𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗘𝗻𝗴𝗶𝗻𝗲 ↳ Understand the engine behind the code how it all works under the hood.
𝗖𝗮𝗹𝗹 𝗦𝘁𝗮𝗰𝗸 & 𝗠𝗲𝗺𝗼𝗿𝘆 𝗛𝗲𝗮𝗽 ↳ Know where JavaScript stores data critical for memory management.
𝗘𝘅𝗲𝗰𝘂𝘁𝗶𝗼𝗻 𝗖𝗼𝗻𝘁𝗲𝘅𝘁 ↳ Grasp how JavaScript runs your code step-by-step.
𝗛𝗼𝗶𝘀𝘁𝗶𝗻𝗴 ↳ A must-know for working with variable and function declarations.
𝗖𝗹𝗼𝘀𝘂𝗿𝗲𝘀 & 𝗣𝗿𝗼𝘁𝗼𝘁𝘆𝗽𝗲𝘀 ↳ Understand scope, encapsulation, and how objects inherit methods.
𝗢𝗯𝗷𝗲𝗰𝘁-𝗢𝗿𝗶𝗲𝗻𝘁𝗲𝗱 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗺𝗶𝗻𝗴 (𝗢𝗢𝗣) ↳ Build applications that scale and remain maintainable.
𝗙𝘂𝗻𝗰𝘁𝗶𝗼𝗻𝗮𝗹 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗺𝗶𝗻𝗴 (𝗙𝗣) ↳ Embrace immutability, pure functions.
𝗠𝗼𝗱𝘂𝗹𝗲𝘀 𝗶𝗻 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 ↳ Organise and reuse code like a pro.
𝗘𝗿𝗿𝗼𝗿 𝗛𝗮𝗻𝗱𝗹𝗶𝗻𝗴 ↳ Develop robust solutions with proper error management.
𝗗𝗮𝘁𝗮 𝗦𝘁𝗿𝘂𝗰𝘁𝘂𝗿𝗲𝘀 & 𝗔𝗹𝗴𝗼𝗿𝗶𝘁𝗵𝗺𝘀 ↳ Solidify your fundamentals to tackle technical interviews with confidence.

What is React?
What is useMemo ?
What are the features of React ?
What is JSX ?
What is DOM ?
What is Virtual Dom ?
What is component life cycle of React class component ?
What are fragments in react ?
What are props in react ?
What are synthetic events in react ?
What are the difference between Package.json and Package.lock.json ?
What are the differences between client side and server side rendering ?
What is state in Reactjs?
What are props ?
What are the differences between State and Props in react ?
What is props drilling ?
What are the disadvantages of props drilling and How we can avoid props drilling ?
What are Pure components in React ?
Whatare Ref’s in React?
What is meant by forward ref ?
What are Error boundaries ?
What are Higher order components in react ?
What are the differences between controlled and uncontrolled components ?
What is useCallback ?
What are the differences between useMemo and useCallback ?
What are keys in React ?
What is Lazy loading in React ?
What is suspense in React ?
What are custom hooks ?
What is useReducer hook ?
What are Portals in react ?
What is context in react ?
Practical question: Give an example of context api usage ?
What is the purpose of callback function as an argument of setState()?
Practical question: create a custom hook for increment/decrement counter ?
Which lifecycle hooks in class component are replaced with useEffect in functional components ?
What is Strict mode in react ?
What are the different ways to pass data from child component to parent component in react ?
Practical question: How to send data from child to parent using callback functions ?
Practical question: How to send the data from child component to parent using useRef ?

What is the difference between 'Pass by Value' and 'Pass by Reference'?
What is the difference between map and filter ?
What is the difference between map() and forEach()
What are the differences between call(), apply() and bind() ?
List out some key features of ES6 ?
What’s the spread operator in javascript ?
What is rest operator in javascript ?
What is temporal dead zone ?
What is a polyfill in javascript ?
What is prototype in javascript ?
What is IIFE ?
What are the different datatypes in javascript ?
What is authentication vs authorization ?
Difference between null and undefined ?
What is the output of 3+2+”7” ?
Slice vs Splice in javascript ?
What is destructuring ?
What is setTimeOut in javascript ?
What is setInterval in javascript ?
What are Promises in javascript ?
What is a closure ?
What are callbacks in javascript ?
What are Higher Order Functions in javascript ?
What is the difference between == and === in javascript ?
What is Hoisting ?
What are the differences let, var and const ?
What are limitations of arrow functions?
What is the difference between Shallow copy and deep copy ?
What is event bubbling
What is event capturing ?
What is this in javascript and How it behaves in various scenarios ?
How do you optimize the performance of application
What is meant by debouncing and throttling?

Here are 32 questions most asked DSA questions that you should visit
If you are preparing to switch jobs.

Reverse a linked list
Find the middle element of a linked list
Detect a cycle in a linked list
Find the intersection point of two linked lists
Check if a binary tree is a binary search tree (BST)
Find the largest/smallest element in an array
Implement depth-first search (DFS) on a graph
Implement breadth-first search (BFS) on a graph
Implement binary search in an array
Find the kth smallest/largest element in an array
Find the longest common subsequence of two strings
Implement merge sort
Implement quick sort
Implement Dijkstra's algorithm for the shortest path
Find the longest palindrome substring in a string
Find the median of two sorted arrays
Check if two strings are anagrams of each other
Implement a trie (prefix tree)
Implement an LRU (Least Recently Used) Cache
Find all permutations of a string
Implement a stack using arrays/linked list
Implement a queue using arrays/linked list
Implement a priority queue
Implement Kruskal's algorithm for minimum spanning tree
Implement Prim's algorithm for minimum spanning tree
Count the number of inversions in an array
Find the shortest path in a maze
Find all subsets of a set
Find the longest substring without repeating characters
Implement the Knuth–Morris–Pratt (KMP) algorithm for string matching
Implement the Rabin-Karp algorithm for string matching
Implement the Josephus Problem

DEV Community: Ajay Kumar Jha

problem solving

FE interview