Before React 16, errors emitted from a component’s rendering proved hard to handle. This caused cryptic errors in the console as well as unexpected behaviors in the user’s experience. These kinds of render-based errors cannot be caught since React components are declarative. Hence, you can’t just throw in a try…catch block inside a component. Error […]
This post is a practical approach to the concept of code splitting in frontend apps with React. We will learn why the code splitting concept exists, its advantages and how you can employ the concept in your React apps. We will also compare scenarios where splitting was employed and where it wasn’t so as to […]
Developers transitioning from React to Vue don’t have the best experience with tooling or are rather overwhelmed by the scaffold process. React has create-react-app which could setup a full-blown project for you while concealing the internal tooling logics (webpack, Babel, etc). Vue has a Command Line Interface (CLI) tool too but it’s not as intuitive […]
Server rendering is a term that describes the process of rendering all or some of your client content on your server as well. It has some advantages which we will discuss. Server rendering is one of the trickiest assignments we get as developers working with UI libraries and frameworks. React being a UI library is […]
With constantly emerging technologies and tools, developers often times wonder “why do we need this? What’s the advantage of this new tool? Does it solve a bigger problem” etc. Just like in this StackOverFlow question below: This developer is mostly concerned about why he needs async/await when he could achieve the same fit with Promises, […]
You must have been hearing about the new React 16.3 buzz all around social media and developer newsletters. There are a few interesting new features that explains the reason for the excitement. One of them is the new Context API. This post explains the React Context API by showing off the old and new version, […]
Social networks require live updates to your status stack. Take for instance, Facebook. If you are on your main profile page and you post a new status, it is reflected immediately on the page without need to refresh it. It is engaging and saves users the extra muscle of having to click the refresh button. […]
In this article, we are going to be looking at how to accept payments from a user using Stripe and displaying sales on an admin dashboard in realtime using using Pusher How it works Stripe is used to handle user payments and Pusher adds realtime functionality to our application. Dependencies Before you begin, you need […]
Interrupt a user’s experience with your app and watch them leave. One reason for this can be narrowed down to awkward navigation in your app. When moving from one section to another leaves users figuring out if the app is broken or a page is taking too long to load, improvements need to be made. […]
In this article, I will show you how to simply add realtime functionality to a Nest.js application by leveraging the powerful features offered by Pusher. Nest.js is a sever-side Node framework which leverages the power of TypeScript. It’s progressive and scales with whatever size of project you throw at it. Typescript is the modern style […]
If you are building an app that handles extensive amounts of data, you might want to implement realtime tables at some point. Let’s take a content management system for instance. Large amounts of data are added and removed often, and we would like the changes to be available to consumers in realtime. In this tutorial, […]
Every chat application requires real time functionality. This amongst other benefits allows interaction between users in different location(s). A chat application like this can be built to function on diverse platforms, be it mobile or web applications. In this tutorial, I will be showing you how to build a chat application using React and Pusher. […]