5 React Architecture Best Practices for 2021
JavaScriptSebastian Deutsch,
React — SitePoint
Featured
Advertise with usRecent
5 React Architecture Best Practices for 2021
JavaScript
By Sebastian Deutsch,
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.
Learn Remotion: Create Animated Video with HTML, CSS & React
JavaScript
By Chris Laughlin,
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!
Build a Twitter Clone Using TypeScript, Prisma and Next.js
JavaScript
By Nirmalya Ghosh,
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.
Getting Started with the React Native Navigation Library
JavaScript
By Wern Ancheta,
Navigation is crucial to React Native app development. Learn why React Native Navigation might be the best option for your next React Native project.
How to Test React Components Using Jest
JavaScript
By Jack Franklin,
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.
Create React App: Get React Projects Ready Fast
JavaScript
By Pavels Jelisejevs,
Learn how to generate a new React project with the command-line tool Create React App, using a pre-configured webpack build for development.
Getting Started with React Native
JavaScript
By Wern Ancheta,
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.
How to Organize a Large React Application and Make It Scale
JavaScript
By Jack Franklin,
Jack Franklin lays out a set of tips and best practices for creating and organizing React applications in a scalable way.
Higher-order Components: A React Application Design Pattern
JavaScript
By Jack Franklin,
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.
Working with Forms in React
JavaScript
By Nilson Jacques,
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.
20 Essential React Tools
JavaScript
By Camilo Reyes,
With dev tools and libraries in the React ecosystem forever growing, Camilo provides a list of essential React tools for you to focus on.
How to Create a Reddit Clone Using React and Firebase
JavaScript
By Nirmalya Ghosh,
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: How to Get Started & Build Your Own
JavaScript
By Michael Wanyoike,
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.
Getting Started with React: A Beginner’s Guide
JavaScript
By Michael Wanyoike,
Michael Wanyoike introduces the fundamentals of React, showing how to get started with Create React App and how to create a simple React app.
Build a Node.js CRUD App Using React and FeathersJS
JavaScript
By Michael Wanyoike,
Michael Wanyoike walks you through building a full-stack JavaScript CRUD contact list application, using Node, FeathersJS and MongoDB for the back-end API.
Getting Started with Gatsby: Build Your First Static Site
JavaScript
By Maria Antonietta Perna,
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.
Create a Toggle Switch in React as a Reusable Component
JavaScript
By Praveen Kumar, Michael Wanyoike,
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.
How to Replace Redux with React Hooks and the Context API
JavaScript
By Michael Wanyoike,
React offers in-built features that could help you replace Redux. With React Hooks and the Context API, developers have greater choice. Learn more.
Style React Components: 7 Ways Compared
JavaScript
By Praveen Kumar,
Understand the best ways to style React components. We compare regular CSS with preprocessors like Sass and CSS-in-JS libraries like styled-components.
React with TypeScript: Best Practices
JavaScript
By Joe Previte,
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.
React vs Angular: An In-depth Comparison
JavaScript
By Pavels Jelisejevs,
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.
Interested in Learning React? These Will Help
JavaScript
By SitePoint Team,
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.
How to Migrate a React App to TypeScript
JavaScript
By Joe Previte,
Learn how to migrate a React app to TypeScript from JavaScript, and take advantage of type safety for more reliable code.
React Native End-to-end Testing and Automation with Detox
JavaScript
By Ahmed Mahmoud,
Learn how to use Detox to implement end-to-end testing in your React Native app, covering configuration, writing selectors, common challenges, and more.
How to Build a Web App with GraphQL and React
JavaScript
By Ahmed Bouchefra,
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.
Build a Svelte Game: A Fun Tic Tac Toe Project
JavaScript
By Akshay Kadam,
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.
Getting Started with GraphQL and React Native
JavaScript
By Jamie Maison,
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.
Cloning Tinder Using React Native Elements and Expo
JavaScript
By Akshay Kadam,
Akshay Kadam introduces React Native Elements, a UI framework that makes styling React Native apps super easy.
Svelte App Project: Build the Daily Planet’s News App UI
JavaScript
By Ahmed Bouchefra,
Ahmed Bouchefra shows how to build a simple news app using Svelte, explaining what Svelte is and how to create a Svelte project using the degit tool from npm.
Real-time Location Tracking with React Native and PubNub
JavaScript
By Vikrant Negi,
Vikrant Negi shows how to build a real-time location tracking app with React Native and PubNub.