Index

A

• action creator
  • creating / Creating an action creator
• actions
  • about / Understanding Flux
• Application component
  • refactoring / Refactoring the Application component
• architecture, web application
  • analyzing / Analyzing your web application's architecture
• arguments, componentDidUpdate method
  • defining / The componentDidUpdate method
• arguments, componentWillUpdate method
  • defining / The componentWillUpdate method

B

• Bootstrap framework
  • URL / Creating a container React component
• Browserify
  • about / Reusing Node.js modules
  • URL / Reusing Node.js modules, Installing React
• build process
  • about / Building with Gulp.js
• Button component
  • creating / Creating the Button component

C

• CamelCase naming convention
  • using / Creating your first stateful React component
• CamelCase style
  • about / Setting default React component properties
• CodePen
  • about / Planning your React application
  • URL / Planning your React application, Creating the CollectionExportForm component
• 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
• CollectionRenameForm component
  • creating / Creating the CollectionRenameForm component
  • refactoring / Refactoring the CollectionRenameForm component
• CollectionStore
  • creating / Creating CollectionStore
• CommonJS module pattern
  • about / Creating a container React component
• component's lifecycle
  • about / Understanding React component's lifecycle methods
• component's lifecycle methods
  • about / Understanding React component's lifecycle methods
• component lifecycle updating methods
  • defining / Understanding component lifecycle's updating methods
  • componentWillReceiveProps method / The componentWillReceiveProps method
  • shouldComponentUpdate method / The shouldComponentUpdate method
  • componentWillUpdate method / The componentWillUpdate method
  • componentDidUpdate method / The componentDidUpdate method
• container React component
  • creating / Creating a container React component
• Content Security Policies (CSP)
  • about / Setting default React component properties
  • URL / Setting default React component properties
• CSS rules
  • advantages / Setting default React component properties
  • disadvantages / Setting default React component properties

D

• data
  • obtaining, from Twitter Streaming API / Getting data from the Twitter Streaming API
  • filtering, with Snapkite Engine / Filtering data with Snapkite Engine
• default React component properties
  • setting / Setting default React component properties
• dispatcher
  • about / Understanding Flux
  • creating / Creating a dispatcher
• Don't Repeat Yourself (DRY)
  • about / Creating package.json
• Dynamic Children
  • URL / Creating the TweetList component

E

• Engine Optimization (SEO)
  • about / Rendering React Elements
• error messages, fixing
  • URL / Filtering data with Snapkite Engine
• events
  • user events / Understanding the virtual DOM
  • server events / Understanding the virtual DOM
• expectation
  • building / Creating test suits, specs, and expectations
• expectations
  • creating / Creating test suits, specs, and expectations

F

• <form> element
  • elements / Creating the CollectionRenameForm component
• failing spec
  • about / Creating test suits, specs, and expectations
• filter
  • URL / Filtering data with Snapkite Engine
• Flux
  • using / Creating a container React component
  • defining / Understanding Flux
  • logical entities / Understanding Flux
  • concerns, decoupling with / Decoupling concerns with Flux
  • URL / Build and go beyond
• Flux architecture
  • working / Creating a store

G

• Git
  • installing / Installing Git
  • URL / Installing Git
• Gulp.js
  • building with / Building with Gulp.js
  • URL / Building with Gulp.js
• gulpfile
  • about / Building with Gulp.js

H

• HTML tags and attributes, React
  • URL / The type parameter

I

• <input> element
  • properties / Creating the CollectionRenameForm component
• installation package, OS
  • references / Installing Node.js and npm

J

• Jasmine
  • about / Creating test suits, specs, and expectations
• JavaScript
  • React Elements, creating with / Creating React Elements with JavaScript
• Jest
  • about / Creating test suits, specs, and expectations
  • installing / Installing and running Jest
  • running / Installing and running Jest
• Jest command-line interface (Jest CLI)
  • about / Installing and running Jest
• jQuery
  • about / The componentDidMount method
• JSON format
  • about / Filtering data with Snapkite Engine
• JSX
  • React Elements, creating with / Creating React Elements with JSX
  • about / Creating React Elements with JSX
  • URL / Creating React Elements with JSX

L

• lifecycle methods, React component
  • defining / Understanding React component's lifecycle methods
  • mounting methods / Understanding React component's lifecycle methods, Mounting methods
  • updating phase / Understanding React component's lifecycle methods
  • unmounting methods / Understanding React component's lifecycle methods, Unmounting methods

M

• matcher function
  • about / Creating test suits, specs, and expectations
  • URL / Creating test suits, specs, and expectations
• methods, mounting phase
  • about / Understanding React component's lifecycle methods
• mock
  • about / Creating test suits, specs, and expectations
• mocking
  • about / Creating test suits, specs, and expectations
• mounting
  • about / Understanding React component's lifecycle methods
• mounting methods
  • about / Mounting methods
  • getInitialState method / The getInitialState method
  • componentWillMount method / The componentWillMount method
  • componentDidMount method / The componentDidMount method
• mounting phase
  • about / The componentDidMount method
• multiple expectations
  • creating / Creating multiple specs and expectations
• multiple specs
  • creating / Creating multiple specs and expectations

N

• node-gyp module
  • URL / Filtering data with Snapkite Engine
• Node.js
  • installing / Installing Node.js and npm
  • about / Installing Node.js and npm
• Node.js modules
  • reusing / Reusing Node.js modules
• npm
  • installing / Installing Node.js and npm
  • about / Installing Node.js and npm
  • URL / Installing Node.js and npm
• npm package
  • about / Creating package.json

P

• package
  • about / Creating package.json
• package.json
  • creating / Creating package.json
  • URL / Creating package.json
• parameter, React
  • type parameter / The type parameter
  • props parameter / The props parameter
  • children parameter / The children parameter
• passing spec
  • about / Creating test suits, specs, and expectations
• Pinterest
  • URL / Approaching our project
• predefined validators
  • using / Validating React component properties
• predictable order
  • about / Understanding React component's lifecycle methods
• project
  • working on / Approaching our project
• project structure
  • creating / Creating the project structure
• properties, Application component
  • about / Creating a container React component
• properties, snapterest global object
  • about / The componentWillMount method
• properties, to CollectionControls component
  • defining / Creating a Collection component
• properties, to TweetList component
  • defining / Creating a Collection component

R

• React
  • URL / Approaching our project, Creating React Elements with JavaScript
  • installing / Installing React
  • used, for solving problem / Solving a problem using React
  • working / Creating a container React component
  • methods, executing / The componentDidMount method
  • parameters / Validating React component properties
• React.js Essentials
  • URL / Creating the CollectionExportForm component
• React.PropTypes validators
  • URL / Validating React component properties
• React API
  • used, for render() function / Creating your first stateless React component
• React application
  • planning / Planning your React application
• React component
  • another library, using / Using another library in your React component
• React Component
  • about / Stateless versus stateful
• React component properties
  • validating / Validating React component properties
• React components
  • testing / Testing React components
• React Elements
  • creating, with JavaScript / Creating React Elements with JavaScript
  • rendering / Rendering React Elements
  • creating, with JSX / Creating React Elements with JSX
• React essentials
  • URL / Installing React, Creating React Elements with JSX
• React library
  • URL / Installing React
• ReactNode
  • about / Creating React Elements with JavaScript
  • ReactElement / Creating React Elements with JavaScript
  • ReactText / Creating React Elements with JavaScript

S

• Snapkite Engine
  • data, filtering with / Filtering data with Snapkite Engine
  • about / Filtering data with Snapkite Engine
  • installing / Filtering data with Snapkite Engine
• Snapkite Engine documentation
  • URL / Filtering data with Snapkite Engine
• Snapkite Engine library
  • about / Using another library in your React component
• Snapkite Filter
  • about / Filtering data with Snapkite Engine
  • URL / Filtering data with Snapkite Engine
  • Is Possibly Sensitive, URL / Filtering data with Snapkite Engine
  • Has Mobile Photo, URL / Filtering data with Snapkite Engine
  • Is Retweet, URL / Filtering data with Snapkite Engine
  • Has Text, URL / Filtering data with Snapkite Engine
• Snapterest
  • about / Approaching our project
  • building / Build and go beyond
• Snapterest application
  • URL / Build and go beyond
• specification object
  • about / Creating your first stateless React component
• specs
  • creating / Creating test suits, specs, and expectations
• stateful
  • versus stateless / Stateless versus stateful
• stateful React component
  • creating / Creating your first stateful React component
• stateless
  • versus stateful / Stateless versus stateful
• stateless React component
  • creating / Creating your first stateless React component
• store
  • creating / Creating a store
• Stream component
  • implementing / Using another library in your React component
  • refactoring / Refactoring the Stream component
• Streaming API
  • about / Getting data from the Twitter Streaming API
• StreamTweet component
  • refactoring / Refactoring the StreamTweet component
• supported events
  • URL / Creating your first stateful React component

T

• test suits
  • creating / Creating test suits, specs, and expectations
• this.props
  • and this.state, comparing / Creating your first stateful React component
  • about / Creating your first stateful React component
• this.state
  • about / Creating your first stateful React component
• TweetList component
  • creating / Creating the TweetList component
  • using / Creating the TweetList component
  • refactoring / Refactoring the TweetList component
• Twitter account
  • URL / Getting data from the Twitter Streaming API
• Twitter App
  • URL / Getting data from the Twitter Streaming API
• Twitter Streaming API
  • data, obtaining from / Getting data from the Twitter Streaming API
• Twitter Streaming API documentation
  • URL / Filtering data with Snapkite Engine

U

• unit tests
  • writing / Why write unit tests?
• unmockedModulePathPatterns
  • URL / Testing React components
• unmounting
  • about / Understanding React component's lifecycle methods
• unmounting methods
  • about / Unmounting methods
  • componentWillUnmount method / The componentWillUnmount method
• unmounting phase
  • about / The componentDidMount method
• user interface (UI)
  • about / Understanding the virtual DOM

V

• vinyl-source-stream dependency module
  • URL / Building with Gulp.js
• virtual DOM
  • defining / Understanding the virtual DOM
  • about / Understanding the virtual DOM
  • working / Understanding the virtual DOM
  • URL / Understanding the virtual DOM

W

• web page
  • creating / Creating a web page