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

Appendix. Installation

List of Figures

Index

[A][B][C][D][E][F][G][H][I][J][L][M][N][O][P][R][S][T][U][V][W][Y]

A

action creators fetchProjects side effects testing asynchronous action creators synchronous action creators using actions batching dispatching edit error filter dispatching handling in reducer handling in reducers in long-running processes overview of in Flux in workflow long-running processes sagas actions directory AJAX calls, API middleware Alt alternatives to Redux Flux implementations Alt Flux honorable mentions Reflux GraphQL Clients MobX analytics middleware adding case study meta property when to use analytics property Angular API (application programming interface) asynchronous actions error handling exercise loading states loading indicator, adding request lifecycle middleware AJAX call, making desired API outlining updating reducer wrapping up redux-thunk, invoking actions with API clients fetching tasks from server view and server actions server, saving tasks to solution api.createTask function api.editTask method App component, 2^nd application state applyMiddleware function, 2^nd, 3^rd, 4^th, 5^th architecture, Redux async action creator async/await functions asynchronous action creators, testing asynchronous actions general discussion redux-thunk, invoking with API clients fetching tasks from server view and server actions asynchronous functions, async/await Atom AVA axios installing overview of, 2^nd

B

batchActions method batching actions BATCHING_REDUCER.BATCH action BDD (behavior-driven development) bindActionCreators function

C

caching call method CALL_API action, 2^nd Chai channels Chart Monitor CLI (command line interface) tool clients, API combineReducers function, 2^nd, 3^rd command line interface (CLI) tool. See CLI. componentDidMount method, 2^nd, 3^rd componentDidUpdate method components hot-loading testing container components presentational snapshot testing with enzyme componentWillReceiveProps method componentWillUpdate method composeWithDevTools function composition, reselect and configureMockStore method connect additional components, connecting Header and TasksPage, adding to mapStateToProps and memoized selectors right components, connecting rules of thumb for advanced usage of top-down approach connect function, 2^nd container components overview of, 2^nd testing containers directory controlled components controller directory coupled systems create method Create React app installing overview of, 2^nd create-react-app command createReactClass createSagaMiddleware function createSelector function createStore function, 2^nd, 3^rd, 4^th, 5^th CREATE_TASK action, 2^nd, 3^rd createTask action, 2^nd CREATE_TASK_SUCCEEDED action createTaskSucceeded action, 2^nd CREATE_TASK_SUCCESS action CRUD operations currentProjectId, 2^nd, 3^rd

D

debugger statement debugging applications DevTools implementing monitors, using with time-travel debugging exercise hot module replacement hot-loading components hot-loading reducers limitations of preserving local state with React Hot Loader solution Webpack, role of decoupling default reducer state delay method denormalized tasks derived data describe function desktop Redux. See Electron. deterministic code devDependencies developer experience developer tools, React development frameworks Electron general discussion introducing Redux to native desktop applications, writing exercise and solutions React Native network connectivity performance side-effects, handling Redux bindings Angular Ember Redux without framework. See also React. DevTools, Redux configuring general discussion implementing monitors, visualizing changes with time-travel debugging devToolsEnhancer function, 2^nd Diff filter dispatch method, 2^nd, 3^rd, 4^th dispatcher, in Flux Dock Monitor domain-style pattern cons pros double function drop-down menu nested data, adding with status ducks pattern cons pros

E

edit action, dispatching editing tasks, nested data EDIT_TASK action, 2^nd editTask action, 2^nd, 3^rd, 4^th EDIT_TASK_STARTED action editTaskSucceeded EDIT_TASK_SUCCEEDED action, 2^nd EDIT_TASK_SUCCESS action effects, saga ejecting Electron general discussion introducing Redux to native desktop applications, writing electron-redux-store Ember enableBatching function endpoint property entry point Enzyme installing overview of epics error actions, dispatching error handling error property expectedAction variable

F

fetching projects, nested data fetching tasks from server fetchProjects action creator FETCH_PROJECTS_STARTED action FETCH_PROJECTS_SUCCEEDED action fetchTasks action, 2^nd, 3^rd, 4^th FETCH_TASKS_FAILED action FETCH_TASKS_STARTED action, 2^nd, 3^rd, 4^th fetchTasksStarted action FETCH_TASKS_SUCCEEDED action, 2^nd, 3^rd, 4^th fetchTasksSucceeded action filter actions dispatching handling in reducer filteredTasks key FILTER_TASKS action find method FlashMessage component, 2^nd Flummox Flux, 2^nd actions dispatcher implementations stores views Flux Standard Actions (FSA). See FSA. Fluxible Fluxxor fork method FSA (Flux Standard Actions), 2^nd

G

generators iterators looping with reasons to use syntax getFilteredTasks function, 2^nd, 3^rd, 4^th getGroupedAndFilteredTaskIds selector getGroupedAndFilteredTasks selector, 2^nd, 3^rd, 4^th getInitialStateRenderer function getSearchTerm function getState method, 2^nd getTasks function getTasksByProjectId GraphQL Clients guard clause

H

Hammond, Barton handleProgressTimer function, 2^nd, 3^rd Header component adding connect to overview of hot loading hot module replacement hot-loading components hot-loading reducers limitations of

I

immutability ImmutableJS Inferno initialState value input selectors Inspector Monitor installation installation script of axios of Create React app of Enzyme of lodash of Redux Thunk Redux DevTools, configuring server, setting up installation script isLoading property, 2^nd, 3^rd it function iterators

J

Jasmine JavaScript Fatigue Jest alternatives to overview of jest key jest.fn( ) method json-server installing and configuring overview of

L

lastUpdated field learning curve of Redux lifecycle hooks Lin, C. T. loading indicator, adding loading states adding loading indicator request lifecycle local state preserving versus Redux state lodash, installing Log Monitor logging middleware creating registering LOGIN_SUCCEEDED action LOGIN_SUCCESS action long-running processes, handling actions, dispatching channels, using long-running saga, writing preparing data reducers, handling action in sagas user interface, updating looping with generators

M

makeCall command management of side effects async/await redux-loop redux-observable redux-promise. See also sagas. mapDispatchToProps function mapStateToProps nested data, updating with overview of Mcnmee, Matt memoization, reselect and memoized selectors meta property, analytics middleware middleware analytics adding meta property API desired API making AJAX call outlining updating reducer wrapping up case study composing creating exercise general discussion logging creating registering overview of, 2^nd saga, connecting to store solution testing when to use mobile Redux. See React Native. MobX Mocha framework mockImplementation function mockTasks array model directory Model-View-Controller (MVC). See MVC. module.hot object modules monitors, visualizing DevTools changes with mount function MVC (Model-View-Controller)

N

native desktop applications, writing navigate action nested data editing tasks fetching and rendering projects fetchProjects, adding and dispatching mapStateToProps and selectors, updating projects drop-down menu, adding reducers, updating server, updating with projects unnecessary rendering network connectivity, React Native New Task form next function, 2^nd, 3^rd NgRedux non-blocking forks normalization normalize function normalized data creating tasks general discussion reducers, updating for entities schema selectors, updating npm run eject command npm test command NuclearJS

O

Observables onChange callback onCreateTask function onCurrentProjectChange onSearch callback onStatusChange component OPEN_MODAL action optimizations React pagination and other strategies PureComponent shouldComponentUpdate Redux additional components, connecting batching actions connecting right components Header and TasksPage, adding connect to mapStateToProps and memoized selectors rules of thumb for advanced connect usage top-down approach ownProps argument

P

pagination Parsnip application action creators side effects using basic React components Create React app dispatching actions exercise general discussion react-redux package container and presentational components passing data into React components Provider component, adding reducers, handling actions with Redux architecture Redux store, configuring API creating store default reducer state tasks reducer solution state shape, designing passing data into React components payload property, 2^nd performance assessment tools performance timeline React developer tools react-addons-perf package why-did-you-update package caching exercise React Native React optimizations pagination and other strategies PureComponent shouldComponentUpdate Redux optimizations adding connect to Header and TasksPage batching actions connecting additional components connecting right components mapStateToProps and memoized selectors rules of thumb for advanced connect usage top-down approach solution timelines Perf.start( ) method Perf.stop( ) method Preact predictability of Redux preparing data, long-running processes presentational components overview of testing principles of Redux changes are made with pure functions single source of truth state is read-only printWasted method project reducer projectId promises, redux-promise props.onStatusChange callback Provider component adding overview of pure functions changes made with overview of PureComponent

R

Rails-style pattern cons pros React basic components Create React app decoupling Redux from components developer tools optimizations pagination and other strategies PureComponent shouldComponentUpdate react-redux package Redux and testing React Hot Loader, preserving local state with React Native network connectivity performance side effects, handling react-addons-perf package react-paginate package react-redux package container and presentational components overview of passing data into React components Provider component, adding react-scripts package ReactTestUtils react-virtualized package read-only state RECEIVE_ENTITIES action, 2^nd receiveEntities action recomputations method reducers actions, handling with API middleware, updating for default state filter actions, handling in for tasks handling action in long-running processes overview of hot-loading in workflow nested data, updating with normalized data, updating with overview of testing Redux alternatives to Flux implementations GraphQL Clients MobX architecture benefits of developer experience learning curve predictability size testability bindings Angular Ember description of Flux actions dispatcher stores views optimizations adding connect to Header and TasksPage batching actions connecting additional components connecting right components mapStateToProps and memoized selectors rules of thumb for advanced connect usage top-down approach principles of changes are made with pure functions single source of truth state is read-only React and react-redux package state, defining store configuration when to introduce without framework workflow actions reducers store Redux DevTools. See DevTools, Redux. Redux state versus local state Redux Thunk, installing redux-devtools-extension package redux-loop redux-mock-store package redux-observable redux-promise redux-saga package redux-thunk package API clients fetching tasks from server overview of view and server actions Reflux registering middleware render method rendering with nested data, 2^nd request lifecycle reselect composition and implementing memoization and resetRecomputations method root reducer root saga rootReducer function run function

S

sagaMiddleware function sagas implementing actions, responding to and dispatching connecting saga middleware to store effects root saga strengths structuring code testing weaknesses writing long-running saving tasks to server scaffolding out UI schemas script, installation Seamless-Immutable search filter actions, dispatching filter actions, handling in reducer local state versus Redux state scaffolding out UI writing selectors searchTerm key select decorator selectors decoupling exercise general discussion memoized nested data, updating with normalized data, updating with reselect composition and implementing memoization and search filter action, dispatching filter actions, handling in reducer local state versus Redux state scaffolding out UI writing selectors solution structuring code testing server fetching tasks from json-server, installing and configuring nested data, updating with saving tasks to setting up server actions Session reducers sessionStorage function SET_CURRENT_PROJECT_ID action, 2^nd setCurrentProjectId action shouldComponentUpdate method, 2^nd, 3^rd side effects action creators exercise general discussion generators iterators looping with reasons to use syntax in React Native, handling long-running processes, handling actions dispatching channels, using long-running saga, writing preparing data reducers, handling action in user interface, updating management strategies async/await redux-loop redux-observable redux-promise sagas actions, responding to and dispatching connecting saga middleware to store effects implementing root saga strengths weaknesses solution thunks strengths weaknesses single source of truth size of Redux Slider Monitor snapshot testing Snowflake application src directory, 2^nd state defining local versus Redux organizing other types of preserving local read-only state shape, designing stateless functional components status drop-down store API store argument store.configureStore store.getActions( ) function stores configuring creating store default reducer state store API tasks reducer in Flux in workflow saga middleware, connecting to. See also structuring stores. structuring code domain-style pattern cons pros ducks pattern cons pros exercise and solutions Rails-style pattern cons pros sagas selectors styles tests structuring stores exercise nested data editing tasks fetching and rendering projects fetchProjects, adding and dispatching mapStateToProps and selectors, updating projects drop-down menu, adding reducers, updating server, updating with projects unnecessary rendering normalized data creating tasks general discussion reducers, updating for entities schema selectors, updating organizing other types of state solution storing data in stores styles, structuring code subscribe method switch statement synchronous action creators, 2^nd synchronous actions syntax, generators

T

takeLatest method, 2^nd takeLatestById function Tape Task component TaskList component task-management application. See Parsnip application. tasks denormalized editing, updating with nested data fetching from server normalized data, creating with saving to server tasks reducer TasksPage component adding connect to overview of, 2^nd, 3^rd tasksSearchTerm TASK_STATUSES action, 2^nd testability of Redux test-driven development (TTD). See TTD. testing action creators asynchronous synchronous components containers presentational snapshot testing exercise middleware reducers Redux versus React sagas, 2^nd selectors solution structuring code thunks tools for alternatives to Jest enzyme Jasmine Jest thunks strengths weaknesses tightly coupled systems timer key TIMER_INCREMENT action, 2^nd TIMER_STARTED action, 2^nd, 3^rd TIMER_STOPPED action time-travel debugging toHaveBeenCalled method toMatchSnapshot method tools, testing alternatives to Jest component testing with enzyme Jasmine Jest top-down approach to connecting transform truth, single source of TTD (test-driven development) type property, 2^nd, 3^rd, 4^th TypeScript

U

UI reducers, 2^nd UI, scaffolding out uniqueId function, 2^nd Updeep UPPER_SNAKE_CASE action user interface, updating

V

verbosity, of thunks view actions views, in Flux

W

watchFetchTasks Webpack hot module replacement role of why-did-you-update package window.fetch API workflow actions reducers store writing selectors

Y

yield keyword

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

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

3.142.222.27