Convert 12 hours time into 24 hours using Custom Javascript function function convert12to24(time12h) { const [time, modifier] = time12h.split(" "); let [hours, minutes] = time.split(":"); if (hours === "12") { hours = "00"; } if (modifier === "PM") hours = Number(hours) + 12; console.log(`${hours}:${minutes}`); return `${hours}:${minutes}`; } convert12to24("03:00 PM");

How to convert Life Cycles methods into useEffect hook? In this article, I’ll show you how to map react life cycles to useEffect hook. React Class components Life cycles List 1) componentDidMount() {} 2) componentDidUpdate(prevProps, prevState, snapshot) {} 3) shouldComponentUpdate(nextProps, nextState) {} 4) componentWillUnmount() {} 1- ComponentDidMount Pass an empty dependency…

Use Callback function in React’s useState() If you are working with class components in React so maybe you are familiar with the callback function in setState(). setState(updateState, callbackFunction) this.setState({name: “Azeem Aleem”},()=>{ console.log(“State Response”,this.state.name); }) This callback function always calls after state update. But in functional components, the scenario is a little bit different.

Some of the most-asked JavaScript and React interview questions which I extracted from different interviews. I am going to display all React and JavaScript questions and answers on my official LinkedIn Account. The most interesting thing is that you can get the answers from different angles and I hope that…

What is the difference between API and REST API? Not all APIs are REST, but all REST services are APIs So let’s start a common difference between API and REST API. API Stands for (Application Program Interface) and REST stands for (Representational State Transfer) The Function of API is to…

Pure Functions A Pure function is a function that does not modify any external variable. And the Impure function modifies the external variable. A basic principle of functional programming is that it avoids changing the application state and variables outside its scope. Let see how it works in React. var s=10; exampleOfPureFunc=(a,b)=>{ …

What is Async/await in React Await” only works inside the Async functions. As you know that asynchronous function tasks are never dependent on each other. They never wait to complete the first execution and run parallel. so we are talking about “Await” today in this article. Async/await is a new way to write Asynchronous code…