Image for post
Image for post
This tutorial is suitable from age 3. Credit: Donnie Ray Jones

Building Your First React.js App

The easiest way to get started with the popular Javascript library

Per Harald Borgen
Jan 23, 2016 · 7 min read
Image for post
Image for post
In the screencasts we’ll be using ES6 as well!

If you’ve never tried React before, this tutorial is for you.

Looking at the final project

Image for post
Image for post

Step 1: Splitting the page into components

- App
- Profile
- Hobbies

Step 2: Hello World

Image for post
Image for post
Image for post
Image for post

Step 3: More components

Image for post
Image for post
Image for post
Image for post
Image for post
Image for post

Step 4: Get the data

var DATA = {    
name: 'John Smith',
imgURL: 'http://lorempixel.com/200/200/',
hobbyList: ['coding', 'writing', 'skiing']
}
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post

And be sure to follow me here on Medium if you liked this article!


Image for post
Image for post

Learning New Stuff

A publication about improving your technical skills.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store