Let’ go step by step, 1] Create Board — 3*3 const [board, setBoard] = useState(Array(9).fill(null)); 2] Create state to maintain who is the nextPlayer, const [isXNext, setIsXNext] = useState(true); 2] Loop the board which create each cell <div className="board"> {board.map((cell, index) => ( <div key={index} className="cell" onClick={() => handleClick(index)}> {cell} </div> ))} </div>

JavaScript | Promise Polyfills | Output Driven Questions | All About Promises — Promises return a value which is either a resolved value or a reason why it’s rejected. A Promise has four states Pending: Before the event has happened, the promise is in the pending state. Settled: Once the event has happened it is then in the settled state. Fulfilled: Action related to the promise has succeeded. …

Given an array of strings products and a string searchWord. We want to design a system that suggests at most three product names from products after each character of searchWord is typed. Suggested products should have common prefix with the searchWord. …

Normalize CSS approach or the CSS Reset Approach — As a rule, we want an HTML element to look the same way, independent of which browser is being used to view it. Unfortunately, this is not the case because of the way browsers run. CSS Resets A CSS resets aims to remove all built-in browser styling. …

Similar Problems: Best Time to Buy and Sell Stock (only 1 transaction of Buy and Sell) Best Time to Buy and Sell Stock II (as many transaction you can make to Buy and Sell) Best Time to Buy and Sell Stock III (atmost 2 transaction to Buy and Sell) Best…

A Greedy Algorithm is defined as a problem-solving strategy that makes the locally optimal choice at each step of the algorithm, with the hope that this will lead to a globally optimal solution. No Backtracking: Greedy algorithms do not backtrack or revise previous decisions. …

Rotate Image Spiral Matrix Set Matrix Zeroes Happy Number Pow(x, n) Multiply Strings Rotate Image You are given an n x n 2D matrix representing an image, rotate the image by 90 degrees (clockwise). You have to rotate the image in-place, which means you have to modify the input 2D matrix directly…

What is closure? What is it purpose? Where you may need closure? Can you implement a function that memoizes its results using closures? What are the potential issues or pitfalls with closures? How do you avoid memory leaks with closures? Example of memory leak due to closure Closure is a…

Very Similar Problems: Parent Logic to Understand → Longest Common Subsequence Longest Common Subsequence(LCS) Longest Common Substring — uses LCS Longest Palindromic Subsequence — uses LCS Minimum Insertion Steps to Make a String Palindrome → uses LCS -> Length of palindrome subsequnce is inversely proportional to minimum number of deletion…