As we kick off 2024, it’s time to look ahead. And while yes, it brings the Paris Olympics, the release of highly anticipated VR devices, and a potential new Nintendo console – that’s not all. It also marks React’s second decade and another year of innovation for the popular framework! But what does 2024 hold for React? And what are developers excited about? We spoke to our network and scoured communities to find out – here’s what they said.
In a previous article, I took you through how to add a chat room to a simple game of tic-tac-toe. This post is the second in the series, in which we will look at how to build out the functionality of that chat room with additional features. Across the series, we’ll look at how to manage presence and how to enable emoji reactions – in this post, the focus is on typing indicators. Follow on to find out how to display an indicator when the other person is typing.
We recently added a "Getting started" page to the AppSignal, which shows new users a page filled with recommended steps to help them get the most out of their AppSignal experience. Some users enjoy having a helping hand when getting started with AppSignal, others prefer exploring our product solo or already have experience with AppSignal. To give all of our users the option of a guided or solo experience, we needed to a toggle that hides or shows the Getting started page.
One of the most common UI elements in software is the tried and true data grid. The idea of organizing data into rows and columns dates back thousands of years. Though human creativity has given us many more ways of displaying data, the humble grid remains a powerful tool in the software developers toolbelt. Today, however, working with any data, including data in grids, often benefits from collaboration capabilities that allow multiple users to work together on the same data.
In this post, we'll explain what server-side rendering (SSR) is and how it's different from the usual way websites work. We will run you through how to use SSR with Next.js, React, and TypeScript step-by-step. By the end, you'll know how SSR can make websites faster and better.
Imagine having to restart WhatsApp whenever you anticipate a new message, or needing to reload the page every time you expect an update on the big game. That would be a terrible user experience! Today, users expect the UI to automatically update the moment information becomes available from the backend, so, of course, we must enable them in our applications. There are a handful of technologies, techniques, and services you can use to implement live updates in React.
We are excited to announce that the Ably Spaces SDK now includes support for React Hooks. This means that developers can integrate collaborative features into their React-based applications in an efficient and idiomatic way. To help you quickly get started we have created a set of React-based starter kits for the four key collaborative features supported within the Spaces SDK - jump to these now!
Component libraries are essential tools for efficient React development. They provide a collection of pre-built UI components that can be reused across projects, saving developers time and effort. In this article, we'll explore some of the best React component libraries that can boost your productivity and enhance your user interface. Whether you need a simple button, a complex dashboard, or anything in between, you will find a suitable component library for your React project.
On this page you’ll learn more than you ever thought you needed to know about WebSockets with React, including how to build a smooth realtime cursor experience from scratch. We’ll jump into the tutorial, which uses React on the front and Node on the back soon but, first, let’s start with some general guidance when it comes to WebSockets with React.
