Index
C
- call stack limitations, Recursion
- capitalization conventions, Classes
- child elements, Children-Children, Refs-Refs in Stateless Functional Components
- class constructors, Mounting Lifecycle
- class static properties, ES6 Classes and Stateless Functional Components
- classes
- className, Children, JSX Tips
- clock app
- code coverage, Using Code Coverage-Using Code Coverage
- color organizer app
- action creators, Action Creators-Action Creators
- action payload data, Action Payload Data
- actions, Actions-Action Payload Data
- actions with redux-thunk, Actions with Redux Thunks-Actions with Redux Thunks
- Color container creation, React Redux connect-React Redux connect
- color details page, Adding Color Details Page-Adding Color Details Page
- communicating with server, Communicating with the Server-Actions with Redux Thunks
- completing actions on the server, Completing Actions on the Server-Completing Actions on the Server
- data flow through component tree, React Redux-React Redux
- data transformation, Data Transformations
- explicitly passing the store, Explicitly Passing the Store-Explicitly Passing the Store
- immutability and, Immutability-Immutability
- initializing state from properties, Initializing State from Properties
- inverse data flow, Inverse Data Flow-Inverse Data Flow
- moving color sort state to router, Moving Color Sort State to Router-Moving Color Sort State to Router
- optional function properties, Inverse Data Flow
- overview, Color Organizer App Overview-Passing Data Back Up the Component Tree
- passing data up the component tree, Passing Data Back Up the Component Tree-Passing Data Back Up the Component Tree
- passing properties down the component tree, Passing Properties Down the Component Tree-Passing Properties Down the Component Tree
- passing the store via context, Passing the Store via Context-Passing the Store via Context
- presentational vs. container components, Presentational Versus Container Components-Presentational Versus Container Components
- reducers, Reducers-The Sort Reducer
- refs for, Refs-Refs in Stateless Functional Components
- refs in stateless functional components, Refs in Stateless Functional Components
- saving state changes to localStorage, Saving to localStorage
- server for, Universal Color Organizer-Incorporating server-rendered styles
- snapshot testing, Snapshot Testing-Snapshot Testing
- StarRating component, Introducing Component State-Introducing Component State
- state management, Color Organizer App Overview-Passing Data Back Up the Component Tree
- store, The Store-Saving to localStorage
- store setup with provider, The React Redux Provider
- testing code coverage, Using Code Coverage-Using Code Coverage
- testing components with Jest mocks, Jest mocks-Jest mocks
- testing HOCs with mocks, Testing HOCs-Testing HOCs
- testing React components, Testing React Components-Manual mocks
- testing reducers, Testing Reducers-Testing Reducers
- testing Star Component with Enzyme, Enzyme-Enzyme
- testing the store, Testing the Store-Testing the Store
- testing with manual mocks, Manual mocks-Manual mocks
- universal routing, Universal Routing-Incorporating server-rendered styles
- updating lifecycle functions for, Updating Lifecycle-Updating Lifecycle
- color reducer, The Color Reducer-The Color Reducer
- colors reducer, The Colors Reducer-The Colors Reducer
- CommonJS, CommonJS, Intro to Webpack
- component classes, as types, createClass
- component lifecycles, Component Lifecycles-React.Children
- component properties, updating, Initializing State from Properties
- component state management, Introducing Component State-Introducing Component State
- component tree
- componentDidUpdate(), Updating Lifecycle-Updating Lifecycle
- components, React Components-DOM Rendering
- D3 and, Incorporating a D3 Timeline-Incorporating a D3 Timeline
- enhancing, Enhancing Components-Flux Implementations
- Enzyme testing utility, Enzyme-Mocking Components
- Flux and, Flux-Flux Implementations
- HOCs, Higher-Order Components-Higher-Order Components
- ignoring SCSS imports when testing, Ignoring SCSS imports
- JavaScript library integration, JavaScript Library Integration-Incorporating a D3 Timeline
- Jest environment setup, Setting Up the Jest Environment-Ignoring SCSS imports
- lifecycles (see component lifecycles)
- mocking, Mocking Components-Manual mocks
- nested, JSX Tips
- presentational vs. container, Presentational Versus Container Components-Presentational Versus Container Components
- React.Component, ES6 Classes
- React.createClass(), createClass-createClass
- refs and, Refs-Refs in Stateless Functional Components
- state management outside of React, Managing State Outside of React-Rendering a Clock
- stateless (see stateless functional components)
- testing, Testing React Components-Manual mocks
- using factories with, Factories
- componentWillMount(), Mounting Lifecycle, Updating Lifecycle
- componentWillReceiveProps(), Updating Lifecycle-Updating Lifecycle
- componentWillUpdate(), Updating Lifecycle
- compose(), Action Creators
- conferences, Keeping Up with the Changes
- connect(), React Redux connect-React Redux connect
- const (constant), const, Stateless Functional Components
- container components
- context, passing store via, Passing the Store via Context-Passing the Store via Context
- countdown clock app (see clock app)
- create-react-app, create-react-app
- createClass, validating props with, Validating Props with createClass-Validating Props with createClass
- CSS
- css-loader, Webpack Loaders
- currying, Higher-Order Functions
- custom property validation, Custom Property Validation
D
- Data Driven Documents (D3)
- data flow, inverse, Inverse Data Flow-Inverse Data Flow
- data transformation
- data-reactroot, React Elements
- declarative programming, Imperative Versus Declarative-Imperative Versus Declarative
- (see also functional programming)
- default parameters, ES6, Default Parameters
- default properties, Default Props
- destructuring assignment, Destructuring Assignment
- developer tools, React Developer Tools
- dispatcher, Dispatcher
- DOM (Document Object Model)
E
- elements
- Enzyme, Enzyme-Mocking Components
- ES6, Emerging JavaScript-CommonJS
- arrow functions, Arrow Functions-Arrow Functions
- classes, Classes-Classes
- CommonJS, CommonJS
- declaring variables in, Declaring Variables in ES6-Default Parameters
- default parameters, Default Parameters
- destructuring assignment, Destructuring Assignment
- ESLint, ESLint-ESLint
- import statements, Webpack configuration
- modules, ES6 Modules
- objects and arrays, ES6 Objects and Arrays-The Spread Operator
- objects literal enhancement, Object Literal Enhancement
- promises, Promises-Promises
- property validation, ES6 Classes and Stateless Functional Components
- spread operator, The Spread Operator
- template strings, Template Strings-Template Strings
- transpiling, Transpiling ES6-Transpiling ES6
- ESLint, ESLint-ESLint
- Express server, Universal Color Organizer-Incorporating server-rendered styles
J
- JavaScript
- Jest
- join(), Data Transformations
- jQuery, JavaScript Library Integration
- JSBin, File Repository
- JSX, React with JSX-create-react-app
- Babel and, Babel
- Babel presets, Recipes as JSX
- className, JSX Tips
- evaluation, JSX Tips
- JavaScript expressions, JSX Tips
- mapping arrays to, JSX Tips
- nested components, JSX Tips
- React elements as, React Elements as JSX-JSX Tips
- recipes and, Recipes as JSX-Recipes as JSX
- tips for working with, JSX Tips
- webpack and, Intro to Webpack-create-react-app
L
- lambda calculus (λ-calculus), Classes
- latency, Making Requests with Fetch
- let (ES6 keyword), let-let
- lexical variable scoping, let
- lifecycles (see component lifecycles)
- linting, ESLint
- Lisp, Functional Programming with JavaScript
- loaders, webpack, Webpack Loaders
- localStorage, Saving to localStorage
- loops, recursion vs., Recursion
M
- manual mocks, Manual mocks-Manual mocks
- map(), Data Transformations
- mapping arrays, JSX Tips
- middleware
- minifying code, Optimizing the bundle
- mixins, Higher-Order Components
- mocking, Mocking Components-Manual mocks
- modularity, webpack and, Intro to Webpack
- module bundler, Intro to Webpack
- modules, ES6, ES6 Modules
- mounting lifecycle, Mounting Lifecycle-Mounting Lifecycle
P
- page setup, Page Setup
- page templates, Using a Page Template-Using a Page Template
- payload of action, Action Payload Data
- placeholders, Subsections and Submenus
- presentational components, Passing Properties Down the Component Tree
- presets, Babel, Recipes as JSX
- promises, Promises-Promises
- properties
- property validation, Props, State, and the Component Tree-ES6 Classes and Stateless Functional Components
- props.children, Children-Children
- prototypical inheritance, Classes
- pure functions, Pure Functions-Pure Functions
- pure React, Pure React-Factories
R
- React (general)
- React component tree, Constructing Elements with Data
- React Developer Tools (plugin), React Developer Tools
- React elements
- React Redux
- React Router, React Router-React Router
- color details page, Adding Color Details Page-Adding Color Details Page
- HashRouter, Incorporating the Router
- incorporating, Incorporating the Router-Router Properties
- installation, Incorporating the Router
- nesting routes, Nesting Routes-Using redirects
- page templates, Using a Page Template-Using a Page Template
- placeholder components, Subsections and Submenus
- property passing, Router Properties-Router Properties
- routing parameters, Router Parameters-Moving Color Sort State to Router
- subsections and submenus, Subsections and Submenus-Using redirects
- universal routing, Universal Routing-Incorporating server-rendered styles
- react-detector, React Developer Tools
- react-scripts, create-react-app
- React.Children, React.Children
- React.Component, ES6 Classes
- React.createClass(), createClass-createClass
- ReactDOM, Page Setup, ReactDOM
- ReactDOM.render, ReactDOM, Stateless Functional Components-Stateless Functional Components
- Recipes app
- breaking components into modules, Breaking components into modules-Breaking components into modules
- constructing elements from data, Constructing Elements with Data
- create-react-app, create-react-app
- creating Summary component for, Property Validation-Validating Props with createClass
- default props for Summary component, Default Props
- ES6 classes and stateless functional components, ES6 Classes and Stateless Functional Components-ES6 Classes and Stateless Functional Components
- factories, Factories
- installing webpack dependencies, Installing webpack dependencies
- JSX, Recipes as JSX-Recipes as JSX
- JSX elements, React Elements as JSX-JSX Tips
- loading bundle, Loading the bundle
- optimizing the bundle, Optimizing the bundle-Optimizing the bundle
- React components, React Components-Stateless Functional Components
- React elements, React Elements-React Elements
- ReactDOM and, ReactDOM
- rendering child elements, Children-Children
- source mapping, Source mapping
- virtual DOM and, The Virtual DOM
- webpack build, Recipes App with a Webpack Build-create-react-app
- webpack configuration, Webpack configuration-Webpack configuration
- recursion
- reduce(), Data Transformations
- reduceRight(), Data Transformations
- reducers, Reducers-The Sort Reducer
- Redux, Redux-Applying Middleware to the Store
- action creators, Action Creators-Action Creators
- actions, Actions-Action Payload Data
- color reducer, The Color Reducer-The Color Reducer
- colors reducer, The Colors Reducer-The Colors Reducer
- compose function, Action Creators
- incorporating into React, React Redux-React Redux connect
- middleware, Middleware-Applying Middleware to the Store
- presentational vs. container components, Presentational Versus Container Components-Presentational Versus Container Components
- reducer testing, Testing Reducers-Testing Reducers
- reducers, Reducers-The Sort Reducer
- sort reducer, The Sort Reducer
- state storage, State-State
- store, The Store-Saving to localStorage
- store testing, Testing the Store-Testing the Store
- TDD and, Test-Driven Development
- testing, Testing Redux-Testing the Store
- redux-thunk, Actions with Redux Thunks-Actions with Redux Thunks
- references (refs), Refs-Refs in Stateless Functional Components
- reusable components, state in, Passing Properties Down the Component Tree
- routing
- routing parameters, Router Parameters-Moving Color Sort State to Router
S
- SCSS, Ignoring SCSS imports
- semicolons, Arrow Functions
- server
- actions with redux-thunk, Actions with Redux Thunks-Actions with Redux Thunks
- and universal Redux, Universal Redux-Universal Redux
- and universal routing, Universal Routing-Incorporating server-rendered styles
- communicating with, Communicating with the Server-Actions with Redux Thunks
- completing actions on the server, Completing Actions on the Server-Completing Actions on the Server
- for color organizer app, Universal Color Organizer-Incorporating server-rendered styles
- incorporating server-rendered styles, Incorporating server-rendered styles
- isomorphism vs. universalism, Isomorphism versus Universalism-Isomorphism versus Universalism
- React and, React and the Server-Actions with Redux Thunks
- rendering React, Server Rendering React-Server Rendering React
- setState, Mounting Lifecycle
- shouldComponentUpdate(), Updating Lifecycle
- show-me-the-react, React Developer Tools
- single source of truth, State Within the Component Tree, State, Adding Color Details Page, Universal Redux
- snapshot testing, Snapshot Testing-Snapshot Testing
- sort reducer, The Sort Reducer
- source mapping, Source mapping
- source of truth (see single source of truth)
- SPA (Single Page Application)
- spread operator, The Spread Operator, Breaking components into modules
- stage presets, Recipes as JSX
- state
- state management
- state tree, State, Reducers-The Sort Reducer
- stateless functional components, Stateless Functional Components
- store, The Store-Saving to localStorage
- applying middleware to, Applying Middleware to the Store-Applying Middleware to the Store
- Flux, Stores
- incorporating into React, React Redux-React Redux connect
- passing explicitly, Explicitly Passing the Store-Explicitly Passing the Store
- passing via context, Passing the Store via Context-Passing the Store via Context
- Redux, State, The Store-Saving to localStorage
- saving to localStorage, Saving to localStorage
- subscribing to, Subscribing to Stores
- testing, Testing the Store-Testing the Store
- storeFactory, Applying Middleware to the Store-Applying Middleware to the Store
- styling, loaders for, Webpack Loaders
- submenus, Subsections and Submenus-Using redirects
- subsections, Subsections and Submenus-Using redirects
- SUT (System Under Test)
- switch statements, The Color Reducer
T
- template strings, Template Strings-Template Strings
- Test-driven development (TDD), Test-Driven Development
- testing, Testing-Using Code Coverage
- code coverage, Using Code Coverage-Using Code Coverage
- Enzyme and, Enzyme-Mocking Components
- ESLint, ESLint-ESLint
- HOCs, Testing HOCs-Testing HOCs
- ignoring SCSS imports, Ignoring SCSS imports
- Jest environment setup, Setting Up the Jest Environment-Ignoring SCSS imports
- Jest mocks, Jest mocks-Jest mocks
- manual mocks, Manual mocks-Manual mocks
- mocking components, Mocking Components-Manual mocks
- React components, Testing React Components-Manual mocks
- reducers, Testing Reducers-Testing Reducers
- Redux, Testing Redux-Testing the Store
- snapshot, Snapshot Testing-Snapshot Testing
- store, Testing the Store-Testing the Store
- TDD and, Test-Driven Development
- thunks (see redux-thunk)
- timeline, D3 framework for, Incorporating a D3 Timeline-Incorporating a D3 Timeline
- transpiling, Transpiling ES6-Transpiling ES6
- two-way data binding, Inverse Data Flow
- (see also inverse data flow)
- types
W
- webpack, Intro to Webpack-create-react-app
- breaking components into modules, Breaking components into modules-Breaking components into modules
- configuration, Webpack configuration-Webpack configuration
- create-react-app, create-react-app
- CSS bundling, Optimizing the bundle
- ES6 import statements, Webpack configuration
- extracting CSS for server-rendered styles, Incorporating server-rendered styles
- installing dependencies, Installing webpack dependencies
- loaders, Webpack Loaders
- loading bundle, Loading the bundle
- optimizing the bundle, Optimizing the bundle-Optimizing the bundle
- Recipes app with webpack build, Recipes App with a Webpack Build-create-react-app
- source mapping, Source mapping
- websockets, thunks with, Actions with Redux Thunks
- whitespace, template strings and, Template Strings
Learning React
Published by
O'Reilly Media, Inc., 2017