Index
A
- action creator
- creating / Creating an action creator
- Application component
- refactoring / Refactoring the Application component
- asynchronous rendering
- about / Async and the road ahead
B
- Babel
- Bootstrap
- building
- about / Reusing Node.js modules
- build process / Building with Webpack
- Button component
- creating / Creating the Button component
C
- camelCase naming convention / Creating your first stateful React component
- children parameter / The children parameter
- CodePen
- CollectionActionCreators
- creating / Creating CollectionActionCreators
- Collection component
- creating / Creating a Collection component
- refactoring / Refactoring the Collection component
- CollectionControls component
- creating / Creating the CollectionControls component
- refactoring / Refactoring the CollectionControls component
- CollectionExportForm component
- creating / Creating the CollectionExportForm component
- collection reducers
- about / Collection reducers
- tweets, adding / Adding tweets to collections
- tweets, removing / Removing tweets from collections
- name, setting / Setting the collection name
- names, editing / Editing collection names
- CollectionRenameForm component
- creating / Creating the CollectionRenameForm component
- refactoring / Refactoring the CollectionRenameForm component
- CollectionStore
- creating / Creating CollectionStore
- component
- error handling / Better component error handling
- component's lifecycle / Understanding React component's lifecycle methods
- component's lifecycle methods / Understanding React component's lifecycle methods
- component lifecycle
- updating methods / Understanding component lifecycle updating methods
- componentWillReceiveProps method / The componentWillReceiveProps method
- shouldComponentUpdate method / The shouldComponentUpdate method
- componentWillUpdate method / The componentWillUpdate method
- componentDidUpdate method / The componentDidUpdate method
- components
- connecting, to application state / Connecting components to an application state
- state, mapping to props / Mapping state and action creators to props
- action creators, mapping to props / Mapping state and action creators to props
- stream component, connecting / Connecting the stream component
- StreamTweet component, connecting / Connecting the StreamTweet component
- collection component, connecting / Connecting the collection component
- collection controls, connecting / Connecting collection controls
- TweetList component, connecting / Connecting the TweetList component
- stores, creating / Creating stores and wiring your app
- app, wiring / Creating stores and wiring your app
- container React component
- creating / Creating a container React component
- Content Security Policies (CSP)
D
- dispatcher
- creating / Creating a dispatcher
- Don't Repeat Yourself (DRY) / Creating package.json
E
- elements
- rendering / Rendering multiple elements and strings
- Enzyme / Testing React components
- error boundary
- about / Better component error handling
- expectations
F
- failing test / Creating test suites, specs, and expectations
- fiber
- about / What are fibers?
- Flux / Understanding Flux
- concerns, decoupling / Decoupling concerns with Flux
- exploring / Building and going beyond
- URL / Building and going beyond
G
- getters methods / Refactoring the Stream component
- Git
- installing / Installing Git
- URL / Installing Git
J
- Jasmine / Creating test suites, specs, and expectations
- JavaScript
- used, for creating React elements / Creating React elements with JavaScript
- JavaScript run-to-completion thread
- about / Running to completion
- Jest / Creating test suites, specs, and expectations
- URL / Creating test suites, specs, and expectations
- installing / Installing and running Jest
- executing / Installing and running Jest
- Jest command-line interface (Jest CLI) / Installing and running Jest
- JSX
- used, for creating elements / Creating React elements with JSX
K
- Key-Value Observation (KVO) / Understanding the virtual DOM
M
- matcher function / Creating test suites, specs, and expectations
- mock / Creating test suites, specs, and expectations
- mocking / Creating test suites, specs, and expectations
- modular
- about / Creating package.json
- modules
- about / Creating package.json
- mounting methods
- about / Mounting methods
- componentWillMount method / The componentWillMount method
- componentDidMount method / The componentDidMount method
- multiple tests
- creating / Creating multiple tests and expectations
N
- Node.js
- installing / Installing Node.js and npm
- about / Installing Node.js and npm
- references / Installing Node.js and npm
- Node.js modules
- reusing / Reusing Node.js modules
- npm
- installing / Installing Node.js and npm
- reference / Installing Node.js and npm
- about / Creating package.json
P
- package
- about / Creating package.json
- package.json
- creating / Creating package.json
- URL / Creating package.json
- packaging / Reusing Node.js modules
- Pinterest
- URL / Approaching our project
- portals
- rendering / Rendering to portals
- project
- approaching / Approaching our project
- project structure
- creating / Creating the project structure
- props parameter / The props parameter
R
- React
- installing / Installing React
- elements, creating with JavaScript / Creating React elements with JavaScript
- URL / Creating React elements with JavaScript, Creating React elements with JSX
- type parameter / The type parameter
- props parameter / The props parameter
- children parameter / The children parameter
- elements, rendering / Rendering React elements
- elements, creating with JSX / Creating React elements with JSX
- used, for problem solving / Solving a problem using React
- React application
- planning / Planning your React application
- React component / Stateless versus stateful
- library, using / Using another library in your React component
- React component's lifecycle methods
- React component properties
- setting / Setting default React component properties
- validating / Validating React component properties
- React components
- testing / Testing React components
- reducers
- used, for controlling state / Controlling state with reducers
- about / What are reducers?
- collection reducers / Collection reducers
- tweet reducers / Tweet reducers
- Redux
- using / Why Redux?
- one store / One store to rule them all
- parts, moving / Fewer moving parts
- Flux, using / Uses the best parts of Flux
- state, controlling with reducers / Controlling state with reducers
S
- Search Engine Optimization (SEO) / Rendering React elements
- setter methods / Refactoring the Stream component
- single direction / Understanding Flux
- Snapkite Engine
- used, for data filtering / Filtering data with Snapkite Engine
- about / Filtering data with Snapkite Engine
- URL / Filtering data with Snapkite Engine
- Snapkite Filter
- references / Filtering data with Snapkite Engine
- snapshot testing / Testing React components
- Snapterest / Approaching our project
- source-to-source compilation / Building with Webpack
- specs
- state
- controlling, with reducers / Controlling state with reducers
- stateful React component
- creating / Creating your first stateful React component
- stateless React component
- versus stateful React component / Stateless versus stateful
- creating / Creating your first stateless React component
- store
- creating / Creating a store
- Stream component
- refactoring / Refactoring the Stream component
- StreamTweet component
- refactoring / Refactoring the StreamTweet component
- strings
- rendering / Rendering multiple elements and strings
T
- test() function
- test name / Creating test suites, specs, and expectations
- test implementation / Creating test suites, specs, and expectations
- test suits
- this.props / Creating your first stateful React component
- this.state / Creating your first stateful React component
- transpilation / Building with Webpack
- TweetList component
- tweets property / Creating a Collection component
- onRemoveTweetFromCollection property / Creating a Collection component
- creating / Creating the TweetList component
- refactoring / Refactoring the TweetList component
- tweet reducers
- about / Tweet reducers
- tweets, receiving / Receiving tweets
- simplified action creators / Simplified action creators
- Twitter
- references / Getting data from the Twitter Streaming API
- Twitter Streaming API
- data, obtaining / Getting data from the Twitter Streaming API
- references / Filtering data with Snapkite Engine
- type parameter / The type parameter
U
- unit tests
- writing / Why write unit tests?
- unmounting methods
- about / Unmounting methods
- componentWillUnmount method / The componentWillUnmount method
- user interface (UI) / Understanding the virtual DOM
V
- virtual DOM
- about / Understanding the virtual DOM
W
- web application
- architecture, analyzing / Analyzing your web application's architecture
- Webpack
- URL / Reusing Node.js modules, Building with Webpack
- used, for building projects / Building with Webpack
- web page
- creating / Creating a web page