React


I Built a Serverless Live Chat App with Next.js, Fauna, and WunderGraph for GraphQL Live Queries

A step-by-step guide to creating a scalable, real-time chat app using Serverless technologies, with a little help from NextAuth.js for GitHub sign-ins. Who needs WebSockets when you've got Live Queries?"

nextjswundergraphfauna

How to Create Guarded Routes using React Router v6

If you have worked on a React App with React Router Dom, you would have felt the need to restrict user access to some specific part of your app. It can be authentication-based, permission-based, etc…

programmingreactfront-end-development

How to Open a Link in a New Tab in React

react

Data Fetching with Next.js 13's Bleeding-Edge Features — A Primer

The app directory, Streaming, Suspense, and hybrid Server and Client Components demystified — with a little help from GraphQL + WunderGraph.

nextjsreactgraphql

How to Use ChatGPT as an Educational Chatbot in a Next.js Frontend

Can you use OpenAI's GPT-3.5 on your website as a chat assistant? You bet. Here's how to get it done with an Express server, WunderGraph as a BFF, and GraphQL.

chatgptnextjsreact

2023 Svelte vs React: Which Framework is Better to Learn?

Discover the differences between Svelte and React, and learn why one of them may be the better choice for your project.

sveltereact

Building a Python API and Fetching it in React: A Step-by-Step Guide

How to create an API in Python using the Flask library and fetch it from a React application using Axios.

pythonpython-programmingapi-development

How to Serve a React App with NGINX in a Non-Root Docker Container

reactnginxdocker

Step By Step Guide To Dockerize React App Created Using Vite

React | Docker | Vite

reactdockervite

Const vs. Function For React Functional Components

For some time now I have been wondering if there is a benefit to using function over const when declaring functional components, and vice versa. So, I decided to do a little research, and I will sum…

reactjavascriptweb-development