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

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.