When you have a web application and want your users to get a browser notification whenever the backend state changes it becomes a little tricky since you are no longer monitoring directly from the frontend. In these cases, you can use the backend to trigger firebase messaging when an event…

Tell me if you want me to hear you Tell me if you want me to hear your stories about the past Tell me how you got the scar from riding bicycles for the first time Tell me how you fought with your best friend over nothing but a doll …

The CG’s universal loop theory is my theory on how the universe could have been initiated. CG’s Universal Loop Theory According to my theory, every universe is initiated within a black hole. …

Debouncing and throttling are the methods you can use to optimize your website, this prevents unnecessary API calls. Use case: Search component in an application Almost every application has a search component to search specific data with keywords. Some applications use already fetch data and when search components state is changed the function call just filters the…

I saw SHANG-CHI in the Koramangala’s forum mall PVR in Bangalore. I a word I liked the movie its concept and the creatures shown in it are just wow! Introduction The movie start by introducing our hero Shang-chi who is living in as small not so clear room dreaming about him…

ECMAScript 6 or as we know it ES6 released in June 2015 and made the JavaScript friendlier than even by adding new features. Must know ES6 features as a JavaScript developer Arrow function: The arrow function shortens the function syntax. //JavaScript function let myFunction = function() { return “Welcome to JavaScript World!”; } //Arrow function let myArrowFunction =()=>…

The purpose of the props is to pass the data, the purpose of the state is to manage the data Props are received from outside- from the parent component, the state is created inside the current component Props data is read-only and can only be passed from parent to child…

As you start exploring react you can see that you have a choice to use either functional or class components: Support: https://reactjs.org/docs/getting-started.html Before you start using one particular component you should try using each component and see its plus and minus points. I tried and below are some points which…

Prerequisites HTML+CSS+JavaScript (basic) Node.js (npm package manager) Code editor Support Node.js: https://nodejs.org/en/ Preferred code editor: https://code.visualstudio.com/download React.js: https://reactjs.org/ Create-React-App (create react app folder inside parent folder) Create a folder on your local machine OR Create a repository on your GitHub account Open the folder/repository in the code editor