How to Add Syntax Highlighting to a Code Block in React
Spruce up your code snippets with some color and help readers understand the syntax with this highlighting component.
How to Store and Access API Keys in a React Application
You can do a lot with APIs, but make sure you keep your keys and passwords safe and secure.
How to Use TypeScript in React Applications
TypeScript helps you write more robust code than plain JavaScript, so make sure to use it with your React apps.
Testing React Components Using Jest and the React Testing Library
Testing is a vital but often overlooked aspect of web development. Jest can help you test your React components and produce more reliable apps.
How to Memoize Functions and Values in JavaScript and React
Using this handy technique, you can speed up functions you frequently call and gain a large performance boost.
How to Create a Collapsible Navigation Menu Using React
Follow along with this tutorial to build a side menu you can toggle in and out of view.
How to Generate a Table From JSON Data in React
Learn how a React component can generate markup and access data in the JSON format.
What’s New in React v18?
The latest version of React has many additions, and these four could make a major difference to your everyday programming.
How to Create Dark Mode in React Without Using React Context
A dark mode setting is global to your entire app, and many components may need to access it. Is there a cleaner way to manage that data than context?
How to Style React Components Using CSS Modules
Split your monolithic CSS code into small, reusable pieces with the help of CSS modules.
How to Set Up Storybook in React
Storybook helps you focus on building your React components to be as reusable, configurable, and error-free as possible. Set it up with this tutorial.
How to Build a Custom React Hook for API Calls
Custom hooks let you create reusable functionality you can share with any React component.
How to Implement the Open Graph Protocol in Next.js
Open Graph is an easy SEO win and, fortunately, you can add it to your Next.js site with either of these two simple methods.
How to Add a Dark Mode Theme to Your React App
Dark mode can be a lot easier on the eyes. Here's how to add a dark mode theme to your next React app.
How to Use SSL in a Create-React-App Application
HTTPS is a must for modern applications, especially those that deal with user data. Set up HTTPS for React in just a couple of steps.
Learn How to Use React 18 Hooks
With React 18’s performance-related hooks, you can speed up state updates and improve concurrency in your applications.
What's New in React 18: Key Features to Try
Thinking about trying coding with React? Here are tkey key new features to try in React 18.
How to Upload Files to Firebase Storage Using React.js
Firebase storage lets you upload any type of user-generated data. Learn how to use it with React.js.
Angular JS vs. React JS
If you're unsure how to choose between Angular and React, check out a simple example app to explore the differences.
How to Deploy a React App for Free With GitHub Pages
Learn how to deploy a routed React app to GitHub Pages in a few simple steps.