Index

Search in book...
Toggle Font Controls
Create new playlist

Name your new playlist

Playlist description (optional)
Sign In

Email address

Password

Forgot Password?

or

Continue with Facebook

Continue with Google
Sign Up

Full Name

Email address

Confirm Email Address

Password

or

Continue with Facebook

Continue with Google

Previous Chapter

Chapter 9: Testing React Components

Index

A, B

AirCheap application

actions/AirportActionCreators.js file

AirCheap tickets app

api/AirCheapAPI.js

api/AirCheapAPI.js file

auto suggestions

getSuggestions function

working airport suggestions field

AppDispatcher.js form

app folder structure

constants.js file

loading tickets

components/TicketItem.js component

flights.json file

updated AirCheapAPI.js file

updated app component

public/airports.json file

C

Collecting function

Complex user interface

component composition strategy

ContacsApp Code

Contact App Code

Contact app’s filter

contact app with search

ContactList Component

onChange event, callback

SearchBar component

stateful and pure components

component lifecycle

component change

unmounting cycle

helper. Update function

plain JavaScript

checklist component

complete KanbanBoardContainer code

fetching data code

KanbanBoardContainer

KanbanBoardContainer component

KanbanBoardContainer.js

taskCallbacks Prop

task manipulation

checklist component

task manipulation

Prop validation

checklist component

combined primitives

default prop value

JavaScript primitives

KanbanBoard Component

special propTypes

ContactsAppContainer

D, E

deleteTask method

Drag and Drop (DnD)

cardCallbacks Props

KanbanAppContainer component

KanbanBoardContainer

persistCardDrag method

prepareMove and persistMove

throttle callbacks

card toggle animation

implementation overview

“React way”

sample implementation

Container component

higher-order components

Main App Component

ShoppingCart component. ShoppingCart component

Snack component. Snack component

F

AirCheap application. AirCheap application

async data fetching

AirportActionCreators.js

AppDispatcher’s dispatchAsync

updated AirCheapApi.js file

BankRewards Store

updated fake bank account

bank account application

action creators

AppDispatcher.js

constants.js file

first transaction

Flux Utils package

BankBalanceStore Extending ReduceStore

BankBalanceStore Version

container component

Kanban App. Kanban App

G

GroceryItem component

H

HTTP GET method

I

Isomorphic JavaScript applications

Node.js and Express

babelrc Configuration File

HTTP GET method

json project file

project structure

updated package.json

Isomorphic React Basics

project structure

ContactList component

contacts.json file

SearchBar component

browser.js file

client-side setup

component’s initialData

rendering components

babelrc Configuration File

code implementation

server-side React

J

JavaScript language extension (JSX)

conditional clauses

single root node

ternary expressions

project structure

sum-test.js file

K, L

additional CSS styles

CardForm component

NewCard end EditCard components

rendering NewCard and EditCard

updateCard method

Click Event Handler

Checklist component

KanbanBoardContainer

NewCard and EditCard

updated KanbanBoard Component

conditional class

CardActionCreators.js

data manipulation methods

fetchCards API method

FetchCards constants and action creator

functionality migration

KanbanBoardContainer

TaskActionCreators.js

updated Card Store

Updated KanbanApi

markdown formatting

removing component state

CardActionCreators.js

constants.js file

show/hide card details

updated Card Component

updated CardStore

updated EditCard component

updated NewCard component

render method, Card Components

Togglable Cards

Kanban Board App

KanbanBoard Component (KanbanBoard.js)

M

Max-height property

N, O

Node Package Manager (NPM)

P, Q

Performance tuning

ReactPerf. ReactPerf

reconciliation process

sub-tree rendering

shouldComponentUpdate

clock application

digit component

shallowCompare Add-on

R

App Module (App.js)

component-oriented development

document model, abstraction

single page applications

Card Component (Card.js)

Checklist Component (CheckList.js)

component hierarchy

DOM Event Listeners

Focus and Form Events

Keyboard Events

Touch and Mouse Events

controlled component

tasks checkboxes

uncontrolled components

Inline styling. Inline styling

JSX. JavaScript language extension (JSX)

Kanban Board App

List Component (List.js)

plain JavaScript

child arguments

custom factories

element factories

react development workflow

Hello World component

index.html file

package.json file

project structure

React.Component

webpack.config.js File

Digit.js source code

performance test application

updated app running

updated clock component

React Perf methods

React test utilities method

CheckboxWithLabel.js file

CheckboxWithLabel_test.js file

Package.json file

project structure

shallow rendering

simulating events

transversing and finding children

requestInitialData method

child components

dynamic data fetching

internal routes

adding link components

changing routes

cloning and injecting props

importing components

Kanban app. Kanban app

named components

RepoDetails component

route configuration

setting active links

updated app component class

updated RepoDetails.js file

rendering routes

browser.js file

S

setState method

Adding the ReactCSSTransitionGroup Element

AnimatedShoppingList component

animate initial mounting

final source code

transitionAppear property

transition control

ShoppingCart component

collect function

complete source code

inline CSS style

isOver and canDrop props

isOver and canDrop props

updated render method

Spec Object Implementation

Snack component

basic structure

complete source code

spec object implementation

spec collecting function

spec object implementation

Sophisticated interactions

CSS transitions and animations

control, transition property

“hamburger” menu

hover animation

keyframe property

keyframe property

sample code, trigger

sidebar-transition-active class

sidebar-transition-active class

ReactCSSTransitionGroup

shopping list. Shopping list

React DnD. Drag and Drop (DnD)

T

Throttling function

U, V, W, X, Y, Z

Universal JavaScript applications. Isomorphic JavaScript applications

Update function

arrival information

available commands

JavaScript objects and arrays

originalTicket and newTicket

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.

3.133.127.37