Intro to React

@NodeGirlsSydney

@ButenkoMe

What is React?

@NodeGirlsSydney

@ButenkoMe

A JavaScript library for building user interfaces

@NodeGirlsSydney

@ButenkoMe

• Simple and lightweight library
• Component-based structure (each component manage their own state, reusable)
• Fast render with virtual DOM
• Great developer tools (React and Redux dev tools)
• Clean abstractions 
• Free architecture design
• Flux and Redux
• React Native (same architecture for mobile)

Who use React?

@NodeGirlsSydney

@ButenkoMe

Workshop Objectives:

@NodeGirlsSydney

@ButenkoMe

• Build a Tic Tac Toe game

reactjs.org/tutorial/tutorial.html

@NodeGirlsSydney

@ButenkoMe

@NodeGirlsSydney

@ButenkoMe

codesandbox.io/s/2xlxjnkxn

Coding Time!

@NodeGirlsSydney

@ButenkoMe