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: ,
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: , ,
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: ,
Comments

How to build a React Autocomplete component

You can get the autocomplete search function, like the one you see in a Google search, in a React app. I’ll call this application React Autocomplete. The search recommendation in Google comes from their servers. This React component will take an array of recommendations as props. For the demo, I’ll just pass an array to […]

Tags: ,
Connect with Me
  • Categories
  • Popular Posts