If you are getting an error of you should not use or withrouter() outside Router. This article will explain to you how to fix the issue. This <Route /> or withRouter() belongs to react-router-dom and you are only allowed to call this inside BrowseRouter/HashRouter. So to fix this, we have to make sure that all of […]
If you are getting ReactDom is not defined in React, this article will help you fix the issue. This issue could pop out because: you don’t have module react-dom properly installed inside your project and you tried to call it, or simply you didn’t call this module correctly. To fix that, you will need to […]
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 […]
