Learn to build unique charts with React

#413 – July 03, 2023

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.

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 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 component that displays a list of Pokemons with a "Load more" button. You can use the free Poke API to retrieve the data.

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

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.

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 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.