Issues » #413

#413 – July 03, 2023

Learn to build unique charts with React

Based on hundreds (not yet) of graph examples, this gallery guides you through the basic concepts of data visualization with React and D3.js. It also provides ready-to-use templates to get started quicker.

Free Manning Early Access:  Road to Kubernetes eBook (sponsor)

Start by building sample applications in Python and Node.js and then explore methods for deploying them with virtual machines, containers, and, finally, Kubernetes! Each chapter builds on what has gone before as you learn to utilize tools like GitHub Actions and CI/CD practices to make portable apps that can quickly move between deployment setups. As you journey through the different deployment methods, you’ll discover best practices that you can apply with any language or stack.

Live Regions in React

Live regions announce content as it is added to the page after load. You don't want the screen reader user to be inundated in announcements. You do want to update them when new content is added to the page like in chat logs, news feeds, and other things that update periodically.

Build a paginated Pokemons list with a "Load more" button

Build a component that displays a list of Pokemons with a "Load more" button. You can use the free Poke API to retrieve the data.

Test your React hooks with Vitest efficiently

Tips for planning and testing custom React hooks with Vitest and React Testing Library.

Things you might not know about Next Image

If you've worked with Next.js, it's likely that you've come across Next Image component. This hassle-free image optimization solution not only provides support for modern formats such as webp and avif but also generates multiple versions tailored to different screen sizes.

Creating a seamless multi-language user interface in React

Learn how to create apps that can display information in different languages based on user preferences. In this article, we'll walk through the process of building a weather application with multi-language support using react-i18next.

The Concise TypeScript Book

The Concise TypeScript Book provides a comprehensive and succinct overview of TypeScript's capabilities. It offers clear explanations covering all aspects found in the latest version of the language, from its powerful type system to advanced features.


Join over 21,100 readers for a free weekly email with fresh news, articles and tutorials.