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
F
- fat arrow syntax
- 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
- 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
- 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
- Open Library API endpoint
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
- 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
- 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