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
- Introduction
- Lesson 1: Introduction to Managing Application State in JavaScript
- Lesson 2: Describing State Changes with Redux Actions
- Lesson 3: Updating the State Using Redux Reducers
- Lesson 4: Understanding and Using Redux Store
-
Lesson 5: Redux plus React
- Learning objectives
- 5.1 Separate presentational and container components
- 5.2 Use Provider to provide store to your component tree
- 5.3 Connected components: Using mapStateToProps to access state
- 5.4 Connected components: Using mapDispatchToProps to dispatch actions from components
- 5.5 Reduce boilerplate with state selectors
- 5.6 Improving performance by using ownProps
- Lesson 6: Advanced Redux Concepts
- Lesson 7: React Compound Components
- Lesson 8: React Higher-order Components
-
Lesson 9: Render Props
- Learning objectives
- 9.1 Provide rendering control to the consumer
- 9.2 Rebuild our simple tabs component using render props
- 9.3 Learn the children-as-a-function pattern
- 9.4 Use prop-getters to assist in sharing props
- 9.5 Conceptualize shadow components
- 9.6 Implement state reducers to provide more power to component consumers
- Lesson 10: Context API
- Lesson 11: Hooks API
- Summary
Product information
- Title: Using Redux with React LiveLessons Video Training
- Author(s):
- Release date: April 2019
- Publisher(s): Pearson
- ISBN: 0135660106
You might also like
video
The Complete React Developer Course (with Hooks and Redux)
The Complete React Developer Course (with Hooks and Redux) starts with the fundamentals and covers everything …
video
MERN Stack Front To Back: Full Stack React, Redux and Node.js
In this course you will build an in depth full stack social network application using Node.js, …
video
Advanced React.js LiveLessons
More Than Four Hours of Video Training Description Advanced React.js LiveLessons looks at the libraries that …
video
Full-Stack React with Spring Boot
11 Hours of Video Instruction Build full-stack applications using React and Spring Boot. Overview: In recent …