Web Development - Latest developer stories

Latest developer stories

Sign in Subscribe

Web Development

A collection of 23 posts

AntD Design Tokens 101: Simplifying UI Design for Everyone

AntD Design Tokens 101: Simplifying UI Design for Everyone

An overview of Design Tokens and their Integration with the newly released version 5 of Ant Design.

JavaScript: Garbage Collection

JavaScript: Garbage Collection

What is Garbage Collection? Overview Garbage collection (GC) is a form of automatic memory management. The garbage collector attempts to reclaim memory which was allocated by the program, but is no longer referenced also called garbage. Garbage collection was invented by American computer scientists around 1959 to simplify manual memory

Using Command Bus in NodeJs

Using Command Bus in NodeJs

The Command Pattern was one of the behavioral patterns described by The Gang of Four as a way for two objects to communicate. Lets get familiar with terminology A command is an object that signals an intent, like RegisterUser. Commands are passed to the command bus. Command bus will pass

Custom Exception Handling
with NodeJS

Web Development

Custom Exception Handling with NodeJS

Errors are thrown by the engine, and exceptions are thrown by the developer.But what exactly does this mean? In JavaScript, all exceptions are simply objects while the majority of exceptions are implementations of the global Error class. There are two ways to throw an exception: 1. Directly via an

Webpack Optimizing Production Build

Web Development

Webpack Optimizing Production Build

Providing the mode configuration option tells webpack to use its built-in optimizations accordingly. You just set the mode object in webpack.config.js file mode:"development" If you want to change the behavior according to the mode variable inside the webpack.config.js, you have to export a function instead

Webpack with Code Splitting

Web Development

Webpack with Code Splitting

In this article, we'll discuss about code splitting. This feature can split code into various bundles after which can be loaded on demand or in parallel.

Webpack with Hot Module Replacement

Web Development

Webpack with Hot Module Replacement

This article will teach you to use webpack feature "Hot Module Replacement". Without reloading the browser HMR can change the old module with the newer ones

Get Up And Run With Webpack And React

Web Development

Get Up And Run With Webpack And React

In this article we will learn about Webpack, why we use it, its core concepts and how to setup react app with webpack.

Build and Deploy MERN Stack Applications with Kubernetes

Web Development Featured

Build and Deploy MERN Stack Applications with Kubernetes

In recent years, the MERN stack has gained a lot of popularity among developers due to its efficiency and scalability. MERN stands for MongoDB, Express, React, and Node.js, and is a full-stack web development technology. Combining the MERN stack with Kubernetes provides a flexible, secure, and scalable environment to

MERN Stack with Docker

Web Development Featured

MERN Stack with Docker

In this article, we will cover how you can use docker compose to setup MERN stack in development environment. Requirements on our end are pretty simple and straightforward. * Control our configuration * Setup the server * Setup the client Furthermore we will explore how we can manage our application on docker. * Inspect

MVP Development Process With Django

Web Development

MVP Development Process With Django

For those who don’t know what an MVP is, let me start from the bottom. MVP stands for “Minimum Viable Product” Let’s take a look at the Minimal Viable Product definition from wikipedia: “Minimum viable product (MVP) is a product with just enough features to satisfy early customers,

JavaScript Vs TypeScript: A Comprehensive Comparison

Web Development Featured

JavaScript Vs TypeScript: A Comprehensive Comparison

There were simpler times when all you needed to know was that JavaScript is a client-side programming language and it can change and update both HTML and CSS. In short, JavaScript had the ability to enhance your Web Pages.

Why Use Nginx for Load Balancing

Web Development Featured

Why Use Nginx for Load Balancing

When Nginx was first introduced, it was designed as a web server for maximum performance and stability. Now it has HTTP server capabilities, it can work as a proxy server for email and also as a reverse proxy and load balancer.

Vault Set-up And Installation Guide

Vault Set-up And Installation Guide

In this blog, I will tell you how to set up a Vault to keep your emails and passwords safe.

Benefits Of Using Python Flask Framework

Python Featured

Benefits Of Using Python Flask Framework

Flask is technically open source. I used the word "technically" since it is actually BCD Licensed. What BCD Licensed means is that a person can do anything or build anything with flask as long as the original copyrights in Flask stick around along whatever was built. When we talk about

NextJS + JWT Authentication

Web Development Featured

NextJS + JWT Authentication

In this article, we will discuss how we can integrate Redux store with our NextJS app by covering simple JWT auth and we will do all that without compromising on SSR. Disclaimer: This is strictly a hands-on guide targeted towards developers with an intermediate to advanced skill set in NextJS.

Top 6 Open Source React Native Apps In 2019

Web Development

Top 6 Open Source React Native Apps In 2019

React Native: React native can be define as the framework of JavaScript that is used to create mobile applications for Android and iOS. The components of native app are combined in react native framework from which a developer can make react native mobile apps. React native has a set of

List of the 5 Best Hybrid Mobile App Development Frameworks in 2019

List of the 5 Best Hybrid Mobile App Development Frameworks in 2019

The blend of native and web applications is known as hybrid app or hybrid application. In a computing device, native applications are installed for a certain program. But, to run web applications, multiple frameworks are available over the internet. Hybrid apps are often mentioned in the context of mobile computing.

Javascript’s Importance and Comparison with PHP

Javascript’s Importance and Comparison with PHP

Javascript is an important web development language that is used for various functions by companies around the globe. Contrary to server-based languages like PHP, Javascript is actually client-focused and browser-based and thus presents several core advantages that can be used by any company. The predominant reason why companies tend to

VueJS: Create Multi Root Components

Web Development

VueJS: Create Multi Root Components

Introduction Lets face it, during early days of adapting vue js every developer has probably faced this error. Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead. and from that point its had coded in our mind

VueJS: Passing Data to Parent Components

Web Development

VueJS: Passing Data to Parent Components

Building modern frontend applications is all about data manipulation, you will mostly be dealing with user interaction with data present in your app and based on domain logic modifying the state of data and finally syncing it your backend data store. We will be covering 3 very basic methods to

Creating Interactive Map with Svg.js and Vue

Web Development

Creating Interactive Map with Svg.js and Vue

Introduction This is a beginners guide to generate interactive maps using svg.js in vue framework. We will generate map of Austria and bind click event handler to display state properties. Project Setup We will use following things for our setup * Vue CLI * Svg.js * Vue Notifications Create Project vue

Bootstrap for Custom SCSS with Vue JS, in 5 mins

Web Development

Bootstrap for Custom SCSS with Vue JS, in 5 mins

My Reasons So you guys will be thinking really we have to put up with yet another idiot who thinks internet needs an another article on setting up bootstrap with Vue Js. Believe me this is not something I was looking forward to accomplish, This tutorial exist of one and