Recent in
In the we built a Node.js/Express server that exposes an `/ask` endpoint. When this endpoint is triggered and we include a text `prompt', the endpoint interacts with OpenAI's `/completions` API to generate and return a continuation of that text. We'll be building the UI of our app with the React JavaScript library.
GatsbyJS is a static site generator (SSG) built on top of React. It can help you build fast, scalable, and performant websites. In this article, we'll dive deeper into Gatsby's key features and benefits.
When you're testing different components in React, you’ll need to simulate user interactions with various parts of each component. In this tutorial, I am going to show you some methods to simulate user interactions with different interactive elements.
The Remix Framework is a new full-stack web framework that lets you code the front and back together in an innovative way. It combines React syntax with TypeScript (or JavaScript, if you're a heathen) for building components – and defining route handlers for the back end.
GraphQL is a modern and flexible data query language that was developed by Facebook. It provides an efficient and powerful alternative to traditional REST APIs. The Remix Framework is a new and innovative approach to building React applications that offers a number of unique features and benefits.
Choosing a UI library for your frontend project can be a challenging task. There are many options available, each with its own strengths and weaknesses.
React's useEffect hook is one of the trickiest and most powerful hooks in functional components. It allows you to perform side effects in react. A ‘side effect’ is any operation that affects something outside of the component such as making a REST API call, updating the DOM, etc.
Snapshot testing is a powerful technique for ensuring that your React components behave as expected over time. With React Testing Library, you can easily implement snapshot testing to verify that your components are rendering correctly.
CRA is the official tool for configuring React applications when you start a new project. It is maintained by the core React team responsible for the main React library. CRA uses Webpack under the hood to set everything up.
Social login allows users to log in to applications or websites using their accounts such as Facebook, Google, Twitter, etc. This saves users time by not having to create an additional account and password and taking advantage of the social network’s security measures.
In this article, I'm going to show you how to build a real-time chat app using React.js and Firebase. In the app, we will allow the user to log in with their Google account using Firebase's Google sign-in Authentication.
React v16.8 introduced a new hook called `useEffect, which allows you to run side effects in your functional components. UseEffect is a great way to handle expensive operations like API calls, but it can take some work. In this post, I'll show you how to use use useEffect` to debounce expensive procedures in Next.js. Debouncing is a technique for controlling the rate at which a function is called.
Benefit from a weekly updates, coding challenges and helpful resources around software development.
Your privacy is important to us. We promise not to send you spam!