Getting

Started with React




Jhankar Mahbub / @jsdude005

www.thatjsdude.com

Who is

JS Dude?

  • @jsdude005
  • Organize Chicago JavaScript meetup
  • Sr. Web Developer, Nielsen
  • Enjoy Learning, talking about JavaScript

Jump from 14,000ft

Chicago Marathon 2016

10,000 volts

What is React?

Angular Vs React

Your Goal

Four core concepts

  • Component
  • JSX
  • Props
  • State

Component

What is a component

  • Unit
  • Repeating
  • Grouping
  • Breaking Down

Four commands


npm install -g create-react-app

create-react-app ema-john

cd techmaster

npm start

Event bind

component Life Cycle

Prop Vs State

Five core Activities

  • Manage Events
  • Component Life cycle
  • Load Data From server
  • Use External Library

Routing

ema-john

Architecture Review

To solve this problem, we need a super hero

Redux

When to use Redux?

  • Large application with 5+ level deeper
  • 5+ routes
  • Complex state
  • Larger team
  • The demo app will not be a good practical redux

Thank you

Email: khan4019@gmail.com

@jsdude005

www.thatJSDude.com