React

FullStack React Distilled 2

Yet another React tutorial

Guowei Lv

2 minute read

Component properties Component takes properties, and spits out views on screen. Let’s create the Product component to show how to use properties. import React from "react"; class Product extends React.Component { render() { return ( <div className="item"> <div className="image"> <img src={this.props.productImageUrl} alt="" /> </div> <div className="middle aligned content"> <div className="header"> <a> <i className="large caret up icon" /> </a> {this.props.votes} </div> <div className="description"> <a href={this.props.url}>{this.props.title}</a> <p>{this.props.description}</p> </div> <div className="extra"> <span>Submitted by:</span> <img className="ui avatar image" src={this.

FullStack React Distilled 1

Yet another React tutorial

Guowei Lv

2 minute read

I decided to learn the React ecosystem by reading the book FullStack React. It claims itself the single resource you need to learn ReactJS and the surronding ecosystem. Since the book is quite thick, I think it is better to distill it into several blog posts. The first example project is a voting app. Step 0 - Basic Setup First of all, I will be using VS Code, it is simpley awesome.