Using Redux with React LiveLessons

Using Redux with React LiveLessons
Using Redux with React LiveLessons
English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 4h 18m | 2.49 GB

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.

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.

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
Table of Contents

01 Using Redux with React LiveLessons Video Training – Introduction
02 Learning objectives
03 1.1 Understand the need for state management in JavaScript
04 1.2 Think about web apps as simplified state trees
05 1.3 Conceptualize unidirectional data flow
06 Learning objectives
07 2.1 Write a Redux action
08 2.2 Build an action creator
09 2.3 Increase reusability by storing action types
10 2.4 Dispatch an action
11 Learning objectives
12 3.1 Understand pure functions
13 3.2 Initialize your state
14 3.3 Respond to actions
15 3.4 Simplify by using the actionsMap pattern
16 3.5 Break up reducers with combineReducers
17 3.6 Testing your reducers
18 Learning objectives
19 4.1 Understand the difference between state and store
20 4.2 Initialize a store
21 4.3 Reading state and dispatching actions
22 4.4 Subscribe to state changes
23 Learning objectives
24 5.1 Separate presentational and container components
25 5.2 Use Provider to provide store to your component tree
26 5.3 Connected components – Using mapStateToProps to access state
27 5.4 Connected components – Using mapDispatchToProps to dispatch actions from components
28 5.5 Reduce boilerplate with state selectors
29 5.6 Improving performance by using ownProps
30 Learning objectives
31 6.1 Explore common middlewares
32 6.2 Write custom middleware
33 6.3 Handle asynchronous actions using thunk middleware
34 6.4 Debug your app with Redux DevTools
35 Learning objectives
36 7.1 Build a simple tabs component – Introduction
37 7.2 Make static namespaced components
38 7.3 Use React.Children to share state
39 Learning objectives
40 8.1 Understand higher-order functions in JavaScript
41 8.2 Rebuild our simple tabs component using higher-order components
42 8.3 Wrap the component displayName
43 8.4 Handle data fetching using a higher-order component
44 8.5 Forward DOM refs
45 Learning objectives
46 9.1 Provide rendering control to the consumer
47 9.2 Rebuild our simple tabs component using render props
48 9.3 Learn the children-as-a-function pattern
49 9.4 Use prop-getters to assist in sharing props
50 9.5 Conceptualize shadow components
51 9.6 Implement state reducers to provide more power to component consumers
52 Learning objectives
53 10.1 Familiarize ourselves with the Context API
54 10.2 Update context and subscribing to changes
55 10.3 Apply themes to our application using context
56 10.4 Differentiate when to use context and when to use Redux
57 10.5 Replace existing Redux code with context
58 Learning objectives
59 11.1 Use the state hook
60 11.2 11.2 Use the effects hook
61 11.3 Understand when not to use hooks
62 11.4 Write custom hooks
63 11.5 Rebuild our tabs component using hooks
64 11.6 Explore some third-party hooks
65 Summary