9 March 2023

React Table Part 2: Sorting and Filtering

React Table is a popular library that simplifies the process of creating complex tables in React applications. In a previous blog post, we covered the basics of React Table and created a simple table. In the previous post (Part 1), we defined "column.js", "MOCK_DATA.json", "table.css" and the BasicTable. Therefore, we will not repeat the same but instead will continue form there. if it gets confusing, kindly let us know it the comment below so that we may help. In this post, we will explore some more advanced features of React Table, such as sorting and filtering.

Read more »
2 March 2023

Creating a React-table (Part 1: basic table)

React-table is a popular library that allows you to easily create dynamic and responsive tables in your React applications. With its flexible API and numerous customization options, it's an excellent choice for displaying large amounts of data in an organized and user-friendly way. In this blog post, we'll explore some of the key features of React-table and show you how to get started with creating your own tables. In this post, we'll only walk through the process of creating a basic react-table.

Read more »
27 February 2023

Proxy Server in a React App with Create-react-app and Vite

When building a modern web application, it's common to have different services running on different servers. For example, you might have a backend API running on a separate server from your frontend client. In such cases, you might encounter Cross-Origin Resource Sharing (CORS) errors, which prevent your frontend client from accessing the backend API.

Read more »
26 February 2023

Page unresponsive

One of the most common issues that developers encounter when working with React components is infinite loops. This can happen when a component recursively calls itself, causing an infinite number of components to be rendered. This can lead to the browser freezing or crashing, and can be a frustrating and time-consuming problem to debug.

Read more »
18 February 2023

How to Use Socket.IO Notifications in a ReactJS Application

Notifications are an essential part of any modern web application. They help keep users informed about important events and updates in real time. One of the most popular libraries for real-time communication between the client and the server is Socket.IO. In this blog post, we will explore how to use Socket.IO notifications in a ReactJS application.

Read more »
14 February 2023

Use Vite instead of Create React App

Before ES modules were available in browsers, developers had no native mechanism for authoring JavaScript in a modularized fashion. This is why we are all familiar with the concept of "bundling": using tools that crawl, process and concatenate our source modules into files that can run in the browser.

Read more »