Using Redux with React LiveLessons Video Training

Using Redux with React LiveLessons Video Training

by Dave Lunny
Released April 2019
Publisher(s): Pearson
ISBN: 0135660106

Read it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Video description

5+ Hours of Video Instruction


Web applications of today are becoming increasingly more complex. Our apps commonly need to request data from various sources and handle rich user interactions, which can become difficult to keep track of as our apps scale. Luckily, if you are using the React framework, there are many ways to solve these problems.


React has emerged as the industry standard for JavaScript frameworks. With more than 3 million weekly downloads from the NPM package manager—and heavy usage by leading companies such as Google, Microsoft, Netflix, Twitter and so many more—React is a leading framework. Learn how to unlock the power of React with the Redux library to provide creative solutions and highly flexible web components.


In larger applications, many developers and teams lean on Flux-style architectures, such as those implemented by the Redux library, which have proven to be highly scalable and easily testable. Instructor Dave Lunny covers how you can develop successful web applications with these powerful technologies.


Description


In this 5 hour LiveLesson, Dave Lunny provides a deep dive into the concepts behind Flux-based architectures like Redux, showing how to use unidirectional data patterns to help simplify your web applications. Lunny uses a mix of screen casting, slides, and personal narrative to cover modern development patterns, demonstrating how to solve state management issues that can arise—such as higher-order components, render props, and context.


Skill Level

  • Beginning-Intermediate

What You Will Learn

  • How to simplify the way data flows through applications

  • A full understanding of the concepts behind Flux-style architecture and how to think in Redux

  • Exciting concepts to help make components more flexible

  • A keen understanding of the overarching concept behind Redux and how the library fits into a modern front-end JavaScript stack

  • How to use Redux with React

  • Advanced React patterns, such as higher-order components, render props, and the Context API

Who Should Take This Course

  • Web Developers
  • Javascript developers


Course Requirements


Pre-requisites:

  • A working knowledge of modern JavaScript (ES6+), as well as some basic CSS/HTML knowledge.
  • Understanding of common web development best practices, specifically the benefits of building reusable UI components.
  • Intermediate knowledge of the React JavaScript framework.

About Pearson Video Training


Pearson publishes expert-led video tutorials covering a wide selection of technology topics designed to teach you the skills you need to succeed. These professional and personal technology videos feature world-leading author instructors published by your trusted technology brands: Addison-Wesley, Cisco Press, Pearson IT Certification, Prentice Hall, Sams, and Que. Topics include: IT Certification, Network Security, Cisco Technology, Programming, Web Development, Mobile Development, and more. Learn more about Pearson Video training at  http://www.informit.com/video.

Code available for download here: Using React with Redux Codes Examples

Table of contents

  1. Introduction
    1. Using Redux with React LiveLessons Video Training: Introduction
  2. Lesson 1: Introduction to Managing Application State in JavaScript
    1. Learning objectives
    2. 1.1 Understand the need for state management in JavaScript
    3. 1.2 Think about web apps as simplified state trees
    4. 1.3 Conceptualize unidirectional data flow
  3. Lesson 2: Describing State Changes with Redux Actions
    1. Learning objectives
    2. 2.1 Write a Redux action
    3. 2.2 Build an action creator
    4. 2.3 Increase reusability by storing action types
    5. 2.4 Dispatch an action
  4. Lesson 3: Updating the State Using Redux Reducers
    1. Learning objectives
    2. 3.1 Understand pure functions
    3. 3.2 Initialize your state
    4. 3.3 Respond to actions
    5. 3.4 Simplify by using the actionsMap pattern
    6. 3.5 Break up reducers with combineReducers
    7. 3.6 Testing your reducers
  5. Lesson 4: Understanding and Using Redux Store
    1. Learning objectives
    2. 4.1 Understand the difference between state and store
    3. 4.2 Initialize a store
    4. 4.3 Reading state and dispatching actions
    5. 4.4 Subscribe to state changes
  6. Lesson 5: Redux plus React
    1. Learning objectives
    2. 5.1 Separate presentational and container components
    3. 5.2 Use Provider to provide store to your component tree
    4. 5.3 Connected components: Using mapStateToProps to access state
    5. 5.4 Connected components: Using mapDispatchToProps to dispatch actions from components
    6. 5.5 Reduce boilerplate with state selectors
    7. 5.6 Improving performance by using ownProps
  7. Lesson 6: Advanced Redux Concepts
    1. Learning objectives
    2. 6.1 Explore common middlewares
    3. 6.2 Write custom middleware
    4. 6.3 Handle asynchronous actions using thunk middleware
    5. 6.4 Debug your app with Redux DevTools
  8. Lesson 7: React Compound Components
    1. Learning objectives
    2. 7.1 Build a simple tabs component: Introduction
    3. 7.2 Make static namespaced components
    4. 7.3 Use React.Children to share state
  9. Lesson 8: React Higher-order Components
    1. Learning objectives
    2. 8.1 Understand higher-order functions in JavaScript
    3. 8.2 Rebuild our simple tabs component using higher-order components
    4. 8.3 Wrap the component displayName
    5. 8.4 Handle data fetching using a higher-order component
    6. 8.5 Forward DOM refs
  10. Lesson 9: Render Props
    1. Learning objectives
    2. 9.1 Provide rendering control to the consumer
    3. 9.2 Rebuild our simple tabs component using render props
    4. 9.3 Learn the children-as-a-function pattern
    5. 9.4 Use prop-getters to assist in sharing props
    6. 9.5 Conceptualize shadow components
    7. 9.6 Implement state reducers to provide more power to component consumers
  11. Lesson 10: Context API
    1. Learning objectives
    2. 10.1 Familiarize ourselves with the Context API
    3. 10.2 Update context and subscribing to changes
    4. 10.3 Apply themes to our application using context
    5. 10.4 Differentiate when to use context and when to use Redux
    6. 10.5 Replace existing Redux code with context
  12. Lesson 11: Hooks API
    1. Learning objectives
    2. 11.1 Use the state hook
    3. 11.2 11.2 Use the effects hook
    4. 11.3 Understand when not to use hooks
    5. 11.4 Write custom hooks
    6. 11.5 Rebuild our tabs component using hooks
    7. 11.6 Explore some third-party hooks
  13. Summary
    1. Summary

Product information

  • Title: Using Redux with React LiveLessons Video Training
  • Author(s): Dave Lunny
  • Release date: April 2019
  • Publisher(s): Pearson
  • ISBN: 0135660106