Index

A

• action / Flux architecture and unidirectional flow
• add-ons
  • about / Getting started with Addons
  • immutability helpers / Immutability helpers
  • commands, available / Available commands
• animate
  • about / Animate
• app
  • building / Back to work
• application
  • setting up / Setting up the application

B

• Babel
  • URL / Getting React to render on server, Using Babel for ES6 and JSX
  • used, for ES6 / Using Babel for ES6 and JSX
  • used, for JSX / Using Babel for ES6 and JSX
• Backbone models
  • creating / Creating Backbone models
  • defined Backbone models, incorporating / Incorporating defined Backbone models
  • and data models / Data models and Backbone
• Bootstrap modal
  • adding / Adding a modal
• build tools
  • about / Build tools

C

• cloneWithProps
  • about / Cloning components
• cloneWithProps add-on / Cloning components
• component life cycle
  • about / Component life cycle overview
  • methods / Component life cycle methods
• components
  • building / Building our first component
  • data, passing / Passing data to components
  • multiple components / Multiple components
  • namespaced components / Namespaced components
  • controlled / Controlled components
  • uncontrolled / Uncontrolled components
• components, cloning
  • about / Cloning components
  • apps testing, helpers used / Helpers for testing React apps
  • Jest, setting up / Setting up Jest
  • React components, testing structure / Testing structure of React components
  • React components, testing behavior / Testing behavior of React components

D

• data
  • passing, to components / Passing data to components
  • passing, from react-router links / Fun stuff at Adequate LLC!
• data models
  • and Backbone models / Data models and Backbone
• delivery details
  • about / Delivery details step
• development tools
  • about / Development tools
• dispatcher / Flux architecture and unidirectional flow
• DOM component / Refs
• DOM operations
  • performing / DOM operations performed by React
  • time taken to render, determining / Time taken to render all the components
  • wasted time, determining / Time wasted by React
  • shouldComponentUpdate hook, using / The shouldComponentUpdate hook

E

• ES6
  • Babel, using for / Using Babel for ES6 and JSX
• ES2015 / Spread attributes
• ESLint
  • about / ESLint
  • URL / ESLint

F

• fat arrow syntax
  • about / Getting started with form wizard
  • URL / Getting started with form wizard
• fetch / Getting React to render on server
• Flux
  • architecture / Flux architecture and unidirectional flow
  • unidirectional flow / Flux architecture and unidirectional flow
  • actions / Flux actions
  • stores / Flux stores
• forms
  • about / Forms in React, Getting started with forms
  • wizard / Getting started with form wizard
  • events / Form events
  • validating / Form validation

H

• Hot Module Replacement (HMR)
  • about / Hot module replacement
• HTML
  • converting to JSX, URL / Transforming JSX into JavaScript
• HTML tags
  • versus React components / HTML tags vs React components

I

• immutability helpers
  • about / Immutability helpers
• immutable data
  • about / Immutable data
  • reference link / Immutable data
• immutable data structures
  • URL / Available commands
• import
  • URL / Getting started with forms
• initial state
  • setting / Setting initial state

J

• JavaScript
  • JSX, transforming into / Transforming JSX into JavaScript
  • expressions / JavaScript expressions
• Jest
  • setting up / Setting up Jest
  • URL / Setting up Jest
  • automatic mocking feature, URL / Setting up Jest
• JSX
  • about / Why JSX?
  • transforming, into JavaScript / Transforming JSX into JavaScript
  • styles / Styles in JSX
  • gotchas / JSX Gotchas
  • conditionals / Conditionals in JSX
  • Babel, using for / Using Babel for ES6 and JSX

L

• loaders
  • about / Loaders
  • URL / Loaders
• lorempixel service
  • URL / Creating Backbone models

M

• mixins
  • about / Back at the office
• model
  • updates / Model updates
• Model-View-Controller (MVC) / Flux architecture and unidirectional flow

N

• non-DOM attributes
  • about / Non-DOM attributes

O

• Object.assign method
  • URL / Immutability helpers
• objects / Spread attributes
• Open Library
  • URL / When Shawn meets Mike and ReactJS
• Open Library API endpoint
  • URL / Getting React to render on server

P

• parent-child relationship
  • about / Parent Child relationship
  • abiout / Parent Child relationship
• PERF add-on
  • installing / The PERF addon
• props
  • validation / Props validation
  • default props, specifying / Specifying default props
  • this.props.children, modifying / Modifying this.props.children
  • versus states / State versus props
  • interactive / Interactive props
• PureRenderMixin
  • about / PureRenderMixin
  • installing / PureRenderMixin
  • anti-pattern / The PureRenderMixin anti pattern
  • reference link / The PureRenderMixin anti pattern

R

• React
  • about / What is React?
  • URL / Requiring React library
  • data flow / Data flow in React
  • forms / Forms in React
  • getting, to render on server / Getting React to render on server
  • add-ons / Getting started with Addons
  • DOM operations, performing / DOM operations performed by React
• react-router
  • Pinterest example, URL / A new adventure
• React apps
  • performance, optimizing / Performance of React apps
• React components
  • versus HTML tags / HTML tags vs React components
  • testing, structure / Testing structure of React components
  • testing, behavior / Testing behavior of React components
• React Developer Tools
  • about / React Dev Tools
  • URL / React Dev Tools
• ReactJS
  • about / When Shawn meets Mike and ReactJS
• React library
  • about / Requiring React library
• reddits
  • URL / Flux actions
• Redux
  • about / Redux
  • URL / Redux
  • setting up / Setting up Redux
• refs
  • about / Refs

S

• self-closing tag
  • about / Self closing tag
• server
  • component, pre-rendering / On the server
• server-side rendering / On the server
• shallowCompare
  • about / The PureRenderMixin anti pattern
• shallow rendering
  • about / Shallow rendering
• shipping details
  • about / Shipping details step
• shouldComponentUpdate hook
  • using / The shouldComponentUpdate hook
• spread attributes
  • about / Spread attributes
• spread operator
  • URL / Spread attributes
• starter project
  • URL / Getting React to render on server
• state
  • about / State
  • initial state, setting / Setting initial state
  • setting / Setting state
  • avoiding / Avoiding state
  • versus props / State versus props
• static data
  • displaying / Displaying static data
• store / Flux architecture and unidirectional flow

T

• this.props.children
  • modifying / Modifying this.props.children

V

• view / Flux architecture and unidirectional flow
• virtual DOM
  • about / Virtual DOM

W

• Webpack
  • about / What is Webpack?
  • configuring / Webpack configuration
  • loaders / Loaders
  • Hot module replacement (HMR) / Hot module replacement