React

Read Build a Hacker News Clone using React and HarperDB and learn JavaScript with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.

When's a good time to create reusable React components? Learn three key indicators for when they're needed, and three popular uses cases.

It's tricky to keep your codebase organized as your React project grows. Here are five best-practice tips for organizing your large React app.

You don't need fancy video-editing software to create videos containing text, animations, colors, and shapes. Learn how to do it in React with Remotion!

The best way to explore React is by example. Learn how easy it is to build a React Twitter clone with Prisma and the powerful Next.js framework.

Navigation is crucial to React Native app development. Learn why React Native Navigation might be the best option for your next React Native project.

Need to test your React components? Check out Jest, a testing framework by Facebook with some great features that make testing React components a breeze.

Learn how to generate a new React project with the command-line tool Create React App, using a pre-configured webpack build for development.

Wern Ancheta introduces React Native, covering what React Native is, how to get started, what Expo is, how to set up a dev environment, and how to create an app with React Native.

Jack Franklin lays out a set of tips and best practices for creating and organizing React applications in a scalable way.

Jack Franklin takes a look at higher-order components, a design pattern that helps keep your React applications tidy, well structured and easy to maintain.

Learn the basics of using forms in React: how to allow users to add or edit info, and how to work with input controls, validation, and 3rd-party libraries.

With dev tools and libraries in the React ecosystem forever growing, Camilo provides a list of essential React tools for you to focus on.

Nirmalya Ghosh shows you how to use Firebase's real-time database features, coupled with Create React App, to build a basic Reddit clone with live voting.

React Hooks is a revolutionary feature that will simplify your code, making it easy to read, maintain, test in isolation and re-use in your projects.

Michael Wanyoike introduces the fundamentals of React, showing how to get started with Create React App and how to create a simple React app.

Michael Wanyoike walks you through building a full-stack JavaScript CRUD contact list application, using Node, FeathersJS and MongoDB for the back-end API.

Gatsby is the Jamstack king, with power, plugins, and community. Our guide will help you get started with Gatsby's basic use case — a static site generator.

Learn how to create an iOS-inspired toggle switch using React components, building a simple demo React App for using this custom toggle switch component.

React offers in-built features that could help you replace Redux. With React Hooks and the Context API, developers have greater choice. Learn more.

Understand the best ways to style React components. We compare regular CSS with preprocessors like Sass and CSS-in-JS libraries like styled-components.

It can be tricky to work with React and TypeScript and find the right answers, so we've put together the best practices and examples to clear your doubts.

Should you pick Angular or React? Pavels Jelisjevs looks in detail at what both frameworks have to offer, and gives some practical advice on how to choose.

React is a great way to save time and make amazing, responsive user interfaces. If you haven't experimented with React, we think it's time you took a look.

Learn how to migrate a React app to TypeScript from JavaScript, and take advantage of type safety for more reliable code.

Learn how to use Detox to implement end-to-end testing in your React Native app, covering configuration, writing selectors, common challenges, and more.

Learn how to build the front end of a GraphQL app that uses the Apollo client with React hooks to fetch and manage application data.

Akshay Kadam shows how to build a complete Tic Tac Toe game using Svelte, a radical new compiler that can be used to create blazing-fast web apps.

Jamie Maison demostrates the power of GraphQL in a React Native setting by creating a simple coffee bean comparison app, including an Expo base template for the application.

Akshay Kadam introduces React Native Elements, a UI framework that makes styling React Native apps super easy.