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

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

React Server Side Rendering

React Server side Rendering, SSR, in short, is the place a frontend structure can render while running on a backend framework. Applications that can render both on the server and the client side are called Universal Apps. Why React Server-Side Rendering? In contrast to client-side rendering, engineers pick SSR for two primary reasons: Better execution […]

Tags: , ,
Comments

React, Angular or Vue: What to Choose for Your Next Project?

It’s 2019, and the StackOverflow Developer survey results for this year are out. Guess what? For the seventh year in a row, JavaScript has been voted as the most popular programming language. In this post, we are going to compare the three most popular JS frameworks. If you would rather watch a video to learn […]

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

Redux Vs. Mobx – What Should I Pick For My Web App?

Redux vs. Mobx State management is a hard problem to solve in large applications. Redux and Mobx are both external libraries that are popularly used to solve state management problems. This article assumes that you have a basic idea on how state management works within your web app. Keep in mind that these libraries are […]

Tags: , ,
Connect with Me
  • Categories
  • Popular Posts