React
![Exploring the Top Lightweight Alternatives to React in 2023](jpg/1668653182python-regex.jpg)
In this article, we'll delve into some of the best lightweight alternatives to React, including a relative newcomer to the scene – htmx.
![How to Send Emails with React Using Resend](jpg/1690433922react-send-email.jpg)
Learn how to quickly and easily create and send emails with React Email and Resend, and build a contact form for sending emails with Next.js.
![Top React Testing Libraries in 2023: A Comprehensive Review](jpg/1690542836react-testing-libraries.jpg)
In this article, we will explore some of the top React testing libraries. We'll examine their features, and look at the pros and cons.
![React FAQ: Setting Up, Installing, User Events & Best Practices](jpg/1680078104react-faqs.jpg)
Get answers to nine common questions you're likely to find yourself asking when getting started with React.
![What is Passwordless Authentication and How to Implement it](png/1658197314passwordless.png)
Passwordless Authentication methods boast better security and user experience but is it right for your application, and how do you get started?
![The Most Popular React UI Component Libraries](jpg/1651462170react-ui-components.jpg)
A UI library can help kickstart your React app or web dev project. Learn about 9 popular React UI component libraries and when to use them.
![A Beginner’s Guide to Routing in Next.js, with Examples](jpg/1636511340routing-in-nextjs.jpg)
Next.js offers many benefits, one being file routing. Learn how to set up a Next.js project and how file routing in Next.js works.
![Build a Hacker News Clone using React and HarperDB](jpg/1634252431react-hacker.jpg)
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.
![A Practical Guide to Creating Reusable React Components](jpg/1630652265reusable-react-components.jpg)
When's a good time to create reusable React components? Learn three key indicators for when they're needed, and three popular uses cases.
![5 React Architecture Best Practices for 2023](png/1619743379react-architecture.png)
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](png/1617583244remotion-video-animation-react.png)
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](jpg/1614128347nextjs-prisma.jpg)
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](png/1612241964react-native-navigation.png)
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](png/1475698586jest2-01.png)
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](jpg/1605190430cra.jpg)
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](png/1604887102react-native.png)
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](png/1493235373large_react_apps_a-01.png)
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](png/1603932598higher-order-components.png)
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](png/1603853307forms-in-react.png)
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](png/1584060844react-tools.png)
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](png/1500496188eddit_clone_using_create_react_app_and_firebasea.jpg-01.png)
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](jpg/1602258557fish-light-1200.jpg)
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](jpg/1602173112react-dev.jpg)
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](png/1493756964crudappb-01.png)
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](jpg/1601469285gatsby-construction.jpg)
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](png/1573448148toggle-button.png)
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](jpg/1600687790fishing.jpg)
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](jpg/1600308487d_171-01.jpg)
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](jpg/1579136986react-typescript.jpg)
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](png/1492644427rvsa_b-01.png)
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.