Getting Started with React

Getting Started with React

React is a JavaScript library for building user interfaces. It makes the creation of interactive and awesome UIs easy and painless.

Trying Out React

The Facebook team for start designed React for gradual adoption, and you can use as little or as much React as you need. Whether you want to get a taste of React, add some interactivity to a simple HTML page, or start a complex React-powered app, the links in this tutorial will help you get started.

React Playgrounds

While on the track to becoming a professional React JS developer, there exist numerous playgrounds at which you can run your React code on. There exist a couple of Online and Offline playground as illustrated below.

  • Online Playgrounds

If you’re interested in playing around with React, you can use an online code playground. Try a Hello World template on CodePenCodeSandbox, or Glitch.

  • React Offline Playgrounds

If you prefer to use your own text editor, you can also download this HTML file, edit it, and open it from the local filesystem in your browser. It does a slow runtime code transformation, so I would only recommend using this for simple demos.

How to Get Started

React is mainly used in two major ways

  • Add React to a Website from CDN
  • Create React App

Add React to a Website from CDN

You can add React to an HTML page in one minute. You can then either gradually expand its presence, or keep it contained to a few dynamic widgets. This will be explored in the upcoming tutorials.

Create React App

When starting a React project, a simple HTML page with script tags might still be the best option. It only takes a minute to set up!

As your application grows, you might want to consider a more integrated setup. There are several JavaScript toolchains recommend for larger applications. Each of them can work with little to no configuration and lets you take full advantage of the rich React ecosystem.

In the next tutorial, we will explore the different ways at which React can be used, and quickly start our first react application.

Join the discussion

1 comment

Vivvaas’ Corner

Learn skills that matters from a community of talented developers and writers whose joy is to write in a way that you will understand.