Top Banner
react js: a hands-on introduction get the wifis ¯\_(ϑ)_/¯
28

React JS: A Hands-On Introduction

Jan 26, 2017

Download

Technology

Justin Smith
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: React JS: A Hands-On Introduction

react js: a hands-on introduction

get the wifis ¯\_( )_/¯

Page 2: React JS: A Hands-On Introduction

get the repo

react js: a hands-on introduction

https://github.com/thefivetoes/react-intro

do the install npm run deps to install a few global dependencies. npm install to install the project dependencies npm start to launch the webpack server Navigate to http://localhost:3000

get the wifis ¯\_( )_/¯

Page 3: React JS: A Hands-On Introduction

study hall

https://github.com/thefivetoes/react-intro

Page 4: React JS: A Hands-On Introduction
Page 5: React JS: A Hands-On Introduction

how this gon' go down

i be talkin’ y’all be workin’

Page 6: React JS: A Hands-On Introduction

frameworks

Page 7: React JS: A Hands-On Introduction

frameworks

stfu about how ______________ is the best js framework

Page 8: React JS: A Hands-On Introduction

react

Page 9: React JS: A Hands-On Introduction

react

jsxcomponentsstate

Page 10: React JS: A Hands-On Introduction

jsx

Page 11: React JS: A Hands-On Introduction

jsx

Page 12: React JS: A Hands-On Introduction

jsx

Page 13: React JS: A Hands-On Introduction

components

Page 14: React JS: A Hands-On Introduction

components

Page 15: React JS: A Hands-On Introduction

components

Page 16: React JS: A Hands-On Introduction

components

Page 17: React JS: A Hands-On Introduction

components

Page 18: React JS: A Hands-On Introduction

components

Page 19: React JS: A Hands-On Introduction

components

Page 20: React JS: A Hands-On Introduction

state

Page 21: React JS: A Hands-On Introduction

source: http://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-to-get-by/

Page 22: React JS: A Hands-On Introduction

source: http://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-to-get-by/

Page 23: React JS: A Hands-On Introduction

state

Page 24: React JS: A Hands-On Introduction

state

Page 25: React JS: A Hands-On Introduction

state

Page 26: React JS: A Hands-On Introduction

state

Page 27: React JS: A Hands-On Introduction

state

a quick thing about managing state irl: react-redux

Page 28: React JS: A Hands-On Introduction

routing

also: react-router