Large companies create big enterprise applications for a large and critical userbase and they are very expensive to build. After being burnt with Backbone, Angular, companies are wary of having to refactor in the same way yet again, as it is both expensive and out of their control. Large companies hate risk more…
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…
What are refs used for in React? Refs are used to get reference to a DOM node or an instance of a component in React. Good examples of when to use refs are for managing focus/text selection, triggering imperative animations, or integrating with third-party DOM libraries. You should avoid using…
What’s new in React 16? The new version of React 16 comes with a lot of new features and improvements to stability. Facebook, the company behind React, has rewritten the entire core architecture making it able to support long-awaited features. In this post, we will explore the changes, and how…