image for reason vs javascript tutorial

The need to write statically typed code with less bugs and easier refactoring birthed the language we all know today as Reason. Although Reason was created to improve how frontend developers write code by avoiding lots of bugs caused by JavaScript for not having a static type system, it’s still necessary to evaluate both languages […]

image forbuilding progressive web apps tutorial

Introduction This tutorial primarily focuses on React and ReasonReact and their benefits and disadvantages. If you don’t already know what ReasonReact is, it can be thought of as a version of React that is built on the statically-typed functional programming language, Reason. In the next sections, we will briefly introduce React and ReasonReact before exploring […]

image for getting started with reason react and bucklescript tutorial

This tutorial will introduce OCaml, Reason React, and BuckleScript, and explain their relevance. To wrap things up, we will take a look at a demo project built with ReasonReact. ReasonReact is a simpler and much safer way to build React components in Reason, and with the help of BuckleScript, we can have access to a […]

image for getting started with framework 7 tutorial

Framework 7 is a free and open source mobile HTML framework to develop hybrid mobile apps or web apps with iOS and Android native look and feel. It is also an indispensable prototyping application tool to show a working app prototype as soon as possible in case you need to. In this tutorial, we’ll demonstrate […]

react 17 time slice suspense api

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

image for seo react tutorial

Search engine optimization (SEO) 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. This way Google’s (the most popular search engine right […]

In this tutorial, we will handle Component Error in React using Error Boundaries. 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. […]

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

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

image for How to build a realtime collaborative text editor in iOS tutorial

In this tutorial, we will cover why we need async/await when we could achieve the same fit with JavaScript Promises, to this effect we’ll demonstrate why you should rather use async/await whilst also exclusively drawing comparisons to their use cases. With constantly emerging technologies and tools, developers often times wonder “why do we need this? […]

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