Tutorial series

How To Code in React.js

How To Code in React.js

Introduction

React is a popular JavaScript framework for creating front-end applications, such as user interfaces that allow users to interact with programs. Originally created by Facebook, it has gained popularity by allowing developers to create fast applications using an intuitive programming paradigm that ties JavaScript with an HTML-like syntax known as JSX.

In this series, you will build out examples of React projects to gain an understanding of this framework, giving you the knowledge you need to pursue front-end web development or start out on your way to full stack development.

Tutorials in series

Tutorial

How To Set Up a React Project with Create React App

Tutorial

How To Create React Elements with JSX

Tutorial

How To Create Custom Components in React

Tutorial

How To Customize React Components with Props

Tutorial

How To Create Wrapper Components in React with Props

Tutorial

How To Style React Components

Tutorial

How To Manage State on React Class Components

Tutorial

How To Manage State with Hooks on React Components

Tutorial

How To Share State Across React Components with Context

Become a contributor for community

Get paid to write technical tutorials and select a tech-focused charity to receive a matching donation.

DigitalOcean Documentation

Full documentation for every DigitalOcean product.

Resources for startups and SMBs

The Wave has everything you need to know about building a business, from raising funding to marketing your product.

Get our newsletter

Stay up to date by signing up for DigitalOcean’s Infrastructure as a Newsletter.

New accounts only. By submitting your email you agree to our Privacy Policy

The developer cloud

Scale up as you grow — whether you're running one virtual machine or ten thousand.

Get started for free

Sign up and get $200 in credit for your first 60 days with DigitalOcean.*

*This promotional offer applies to new accounts only.