If you’ve dealt with front-end frameworks, you’ve undoubtedly heard of service workers. If you are not sure what they are and how they perform, we will discuss all of them in this article, hopefully, by the end of this article, you will get a better understanding of service workers. …

There are many practical use cases where you’d want to know when you’ve scrolled beyond a certain limit inside an application. For example, if you want to lazy load the content as the user progresses through the application like an infinite scrolling section you see on Instagram, you’ll need to…

Event delegation in JavaScript is a technique that allows you to handle events on multiple elements with a single event listener attached to their parent element. Instead of attaching an event listener to each individual child element, you attach a single event listener to the parent element and use it…

As a full-stack developer, it is crucial to understand how to build an authentication system using backend and manage the flow of authentication in frontend. In this blog, we will build an authentication system. To build the backend, we will using the Django Framework and for frontend React JS framework. …

As React is just a lib, it doesn’t dictate rules about how you should organize and structure your projects. This is nice, because it gives us freedom to try different approaches and adapt the ones that better fit for us. …

Spend more time reviewing the critical parts of your pull requests — We, software engineers, spend a good chunk of time doing code reviews. And we should because reviewing code is an important activity that allows us to: Detect potential bugs before we release our code. Check if our code is doing what it’s supposed to do. Ensure our code is maintainable. …

State management is one of the most challenging parts of the application. There are tons of state management libraries out there. Understanding how to manage states so effectively that it doesn’t affect your app performance is crucial. The “secret” behind excellent state management is understanding how your app maps state…

As a developer, CRUD operations are one of the most fundamental concepts. Today, we’ll learn how to build a REST API using Django and Django Rest and a SPA with React, which we’ll use to perform the CRUD operations. Project Setup Firstly, we must set up the development environment. Pick up your…

Article Moved To My Blog Dear followers and readers, I have started my own blog, so I have shifted this article to my own blog. But you can read the full article on my blog by clicking on the link given below 10 React Anti Patterns To Avoid - Around React React Anti Patterns.React.js is elegant and minimal in the service. Just write a javascript function to represent a…aroundreact.com

Here’s my list of top free Node.js courses for beginners to learn Node.js — There is no doubt that Python and Java are the two most popular programming languages for web development. However, anyone interested in becoming a web developer should also learn Node.js. It provides a wide range of JavaScript modules to simplify the development of web apps using the framework. …

When I use react for the first time in 2019, I think react is very friendly to use and has low learning curve. After working several projects and the project become bigger and bigger I feel that my code is hard to maintain and very hard to read. Today I…

How to write reusable code in React using three Gang-of-Four Design Patterns — Design patterns provide reusable and well-proven solutions for common issues in software development. Using a design pattern can save countless hours of development and help deliver the feature to production quicker. As developers, it is essential to understand design patterns and how to use them to boost the development productivity.

I have been trying to understand how virtual DOM works and though on an high level it was clear. I was looking for something that could explain to me in more detail. With lot of searches and being unsuccessful to get exactly what I was looking for, I finally decided…

Hailed as the “missing piece in the original Hooks release”, useEvent() will change the way you write modern React. — React hooks are pretty great, can’t we agree? For the most part, they allow you to write clean, extensible, and easy-to-understand functional components with clearly defined behavior. When compared to old class-based lifecycle methods and local state management, you’d wonder how React ever got so popular.

1. Find the missing number in the array Input: [1, 2, 3, 4, 6, 7, 8, 9, 10] Output: 5 const find_missing = function(input) { let n = input.length + 1; let sum = 0; for (let i in input) { sum += input[i]; } return Math.floor((n * (n + 1)) / 2) - sum; }; 2. Inverting integers Input: num…

5 Methods to Get Maximum from <Image> Component in Next.js — Most out there make use of the <Image/> component from Next JS by itself and without any further configurations, assuming that the images are optimized to their maximum by their own, which is wrong! Yes, by using the <Image/> component you do get some level of image optimization, but it…

The key differences between Django and Node.js. — The original article was written on: Examples of software you can build with Python and Node.js This article is for business owners willing to launch their first product. But... If you're at least a bit tech-savvy…www.softformance.com This article is for business owners willing to launch their first product. But… If you’re at least a bit tech-savvy person you’d probably think I’m insane to post an article called “Python vs Node.js.”

As Featured in a Project for Metronomy — Two weeks ago, we launched a little Spotify app in support of Metronomy’s awesome new album, Small World. The app invites fans to discover the “Eight Wonders of Metronomy’s Small World” by connecting with their Spotify account so we may determine how often they’ve been streaming the Small World Spotify…

“Even if you’re writing code only for yourself, with no possibility of it being used in any way by anyone else, your future self will thank you if you write clear code.” ~ Clean Code in JavaScript (James Padolsey) Immutability React has a declarative programming approach. So to clean up our…