Amazon is a vast Internet-based enterprise that sells books, music, movies, housewares, electronics, toys, and many other goods. In this article, we will explore the react hooks and context API as we build the amazon clone using the react context API for state management within our app. If you want to learn about React Native […]
In this article, we will build our TikTok clone with React and firebase, and also we will explore the cool feature of React hooks. TikTok video-sharing app has become very popular among entertainment applications these days. This application has millions of users who span across the world. Learn about React Animation in easy guide Pre-requisite […]
In this tutorial, I will show you how to build a gender/age prediction Application using react and Clarifai demographics model API. Overview of the Face Detection Application The face detection application will receive an image link then send the link to the Clarifai face detection endpoint. When a face is detected, the users rank increments. […]
In this tutorial, we will create an offline To-Do App with React. We will use browser local storage to save the tasks, which will keep the tasks even after we close the browser. In the end, we will host this application on Github pages. Pre-requisites Nodejs Code editor (I am using VS Code) Github Account […]
Firebase has two types of database: Realtime Database and Cloud Firestore. Both databases are NoSQL-like databases so the database is structured as key-value pairs. In this tutorial, we’ll focus on the Realtime database and explore how the security rules secure the integrity of the data in our database. We will build a note-taking called Easi […]
One of the basic things for every developer is how to go about managing Create Read Update and Delete (CRUD) operations in an application. The app we’re going to be building is an Expense Management App with Laravel for the Backend API and React on the frontend. Read this article if you want to learn […]
Sometimes you want to build a quick prototype without worrying about backend logic and infrastructure. This is where Firebase really shines and combined with React, you can get authentication set up really quickly. This article covers how to authenticate your web app with React and Firebase. You need to be familiar with: Higher-Order Components React […]
As you may already know, a Single Page Application is a type of application that has only one page and hydrates that page with new content upon user interaction. Libraries or Frameworks like React allow you to build Single Page Applications and they do so with the help of a router. A popular router for […]
GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. It provides a simple interface for asking for data from your server and getting exactly what was requested and nothing more. In contrast, if you are using a REST API for your server you have no control […]
In this article, we are going to learn how to use Axios with React to make API requests and also how to handle the response. We’d learn this by building a simple blog using a fake API server. What is Axios? Axios is a javascript library built for making HTTP requests from NodeJS or the […]
React Context was designed to provide a way in which data could be stored and accessed by various components. Why would you need this? This feature becomes important when props would have to be passed to deeply nested or numerous components within an application. In react applications, data is usually passed from parent to child […]
In this article, we would be Using ReactJS and ExpressJS to show how to manage React authentication in SPAs. Authentication on SPAs can be tricky considering the various methods of authentication at our disposal such as Auth0 (which is an Auth-as-a-service platform), njwt, Okta. amongst others. For the purpose of this article, I have chosen JsonWebToken(JWT). We would be creating a developer tips application […]
It is essential to validate props in React components so as to avoid unexpected syntax or logical errors.
React offers an approach to render components to strings specifically for the case of server-side rendering. That is accomplished by the react-dom package, that manages the React to Dom conversion.However, we don’t need to simply render a view, however the correct view. That’s where isomorphic or Universal routing comes into the picture. Server-side rendering in […]
Introduction One of the simple definition of routing is navigation between pages. Routing is provided by many JavaScript frameworks especially React. React is a Javascript library for building user interfaces. Introducing Routing in React React provides several libraries for routing. React community provides several routing solutions available here. Let’s take a look at the React routing […]
