Comments

What’s new in React 16.9?

React has released their latest version 16.9, and there are some new features that come with it. We know that React 17.0 is going to be their next big release and we are all waiting for it. This release is a precursor to that. So let’s start with the new features that are introduced with […]

Tags: , ,
Comments

React Fiber

Before we understand how & what fiber is, let us understand what exactly happens when you want to render something on the Browser using react It includes 2 main components Reconciler Renderer Reconciler All the changes that needs to be applied to the current tree of React Elements to reflect the updated state on the […]

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

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

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: ,
Connect with Me
  • Categories
  • Popular Posts