Comments

SOLID – 5 Principles Of Object Oriented Design Every Developer Must Learn

You may have come across the term SOLID principles in your programming career. SOLID principles are a set of five principles that ensure good Object Oriented Design. SOLID principles were introduced by Robert C.Martin, otherwise called “Uncle Bob”. In this post, we will go over all the five SOLID principles and how they can be […]

Tags: ,
Comments

Create React loading spinner

Spinner improves user experience. Loading symbol gives users a feeling of “Content will appear soon”. This is definitely better than keeping users wondering about the current status. Lets create a react loading spinner! For this react loading spinner tutorial, I’ll use a custom function that resolves after given seconds. I’ll also use the GitHub API […]

Tags: ,
Comments

New ES2019 JavaScript Features You Need To Learn

It’s 2019, and there are some brand new features in the latest JavaScript standards. JavaScript has come a long way over the years, becoming the most popular language in the world. In this post, I am going to give you a briefing on some of the cool new features that have been added to the […]

Tags: , ,
Comments

Getting Started With Jest – Testing is Fun

Why should I write tests? As software developers, it is our prime responsibility to ensure that we ship apps that are of high quality. Now, how do you know if your app passes the quality test? Well, writing tests to validate the app if one of the fundamental tasks that we need to do as […]

Tags: , , ,
Comments

How to use React Portals

In React, the default behavior is to have your entire app rendered under a single DOM node (the app root). Most of the times, this is not a problem. However, sometimes, it would be useful if you could append content under DOM nodes outside your app root. And React has a great way to do […]

Tags: ,
Comments

How to use Async/Await in JavaScript

Asynchronous code is always hard to wrap our minds around. The new addition to ES8 which has been around for a while now are the async/await functions. Before the introduction of async/await we used callbacks and promises. If you are a new to JavaScript, you can learn what promises are, and jump right into async/await. […]

Tags: ,
Comments

Handling a Form in React

Web applications often need to send data from browser to the backend server. Certainly, the most used way of doing so is through a HTML form, by using text inputs, radio buttons, checkboxes, selects and so on. This remains true in React. Are you looking how to handle forms in React? If so, this article […]

Tags: ,
Comments

What JavaScript Framework You Should Learn to Get a Job in 2019?

Are you wondering what JavaScript framework or library you should use to land a job in 2019? In this post, I am going to go over a comparison of the most popular JavaScript frameworks that are available today. By the end of this post, you will be ready to pick the right framework to help […]

Tags: , , , ,
Comments

Building an accessible React Modal component

Modal is an overlay on the web-page, but has some standards to follow. WAI-ARIA Authoring Practices are the standards set by W3C. This lets bots and screen-readers know that it is a modal. It is not within the regular flow of the page. We’ll create an awesome react modal using React components. On top of […]

Tags: ,
Comments

Stateful and Stateless Components in React

Stateful and Stateless Components Today, we’re going to review what stateful and stateless components are in React, how you can tell the difference, and the complex process of deciding whether to make components stateful or not. State Review First, let’s review what state is. In a component, state is data we import — typically to […]

Tags: ,
Connect with Me
  • Categories
  • Popular Posts