React powers so many awesome web and mobile apps such as Whatsapp, Instagram, Dropbox and Twitter. Along the road, React had to make some tough changes, an example being the migration from the difficult BSD + Patents license to the very non-restrictive MIT license following the decision by the Apache Foundation to ban the use […]

Search engine ranking is an important factor to consider when building an application. Obviously you want your page to be the leader of the pack when users come searching. The general belief among SEO experts is that you should implement server side rendering on your page so that Google’s (the most popular search engine right […]

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 […]