The MERN stack consists of MongoDB, Express, React, and Node.js. Given the popularity of React on the frontend and of Node.js on the backend, the MERN stack is one of the most popular stack of technologies for building a modern single-page application (SPA). In this article, we will build a…
User Interface (UI) Development is a vast field now. It has a very vast ecosystem, so it is very hard to start with or switch careers as a UI Engineer. Earlier there were very limited things we were doing using UI technologies but in the last 4–5 years we have…
During earlier days JavaScript — and web development in general — when everything felt brittle. Developing entire applications with Vanilla JavaScript felt just wrong, the JavaScript APIs weren’t mature enough, the lack of supportive CSS made aligning HTML without hacks impossible, there was no tooling to ship qualitative web applications. The lack of educational…
What are the generators in ES6? In ES6, now we have a new way of function implementation — Generators. These are basically functions that we can stop at any point and continue them exactly from the same point where we left earlier. Confusing? So we will start with normal function- we call a…
Why Generators? Very DRY, Don’t-Repeat-Yourself, reducer. Very minimal code in your reducer file. Readable reducer code Focus only to things that matter Actions Actions are plain JavaScript objects. Actions must have a type property that indicates the type of action being performed. Typically when we use actions we write basic…
About Bursting Bursting is a process of splitting data into blocks, generating documents for each block, and delivering the documents to one or more destinations. For each block of the data, a separate document is generated and delivered. What is the Bursting Definition? A bursting definition is a component of…
1. How does React decide to re-render a component? In react, a re-render can only be triggered if a component’s state has changed. The state can change from a props change, or from a direct setState change. The component gets the updated state and react decides if it should re-render…
In this article we will discuss why we need desktop PWA, does it really make sense to create one for your Application, and how much effort is required for it. First thing first, What is PWA? We will not discuss it in depth here, if you are not aware of…
How simple mobile apps, developed by using common web technologies are improving the way we interact with apps. In 2015, when google introduced PWA, it was focused on three fundamental things:- Reliable — Load instantly and never show the downasaur, even in uncertain network conditions. Fast — Respond quickly to user interactions with silky…
So, what’s new with the ES6 features that you must know in JavaScript.Let’s see them here without wasting much of your time. The ES6 provides us so many cool features which are good for developers life. I will explain to you a few features which I like during development. I…