Mastering React State Management With Redux

Last updated 4/2019MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHzLanguage: English | Size: 2.31 GB | Duration: 6h 19m

Master Redux state management and make your Redux applications dynamic and highly scalable

What you'll learn

Learn to create a React app with webpack and securing API authentication.

Learn how to maintain a session on the client.

Learn how to avoid scaling problem by using a higher-level too.

Enhance your application store with Redux's advanced API.

Avoid the scaling problem by using a higher-level tool.

Learn to tackle and avoid common performance pitfalls.

Requirements

Working knowledge of javascript is a must.

Familiarity with data binding on the front end and object-relational management on the back end are strongly recommended.

Description

Redux completes the missing piece of the React framework and is used at the core of React for most complex React projects. It brings a clean and testable design to the table using a purely functional approach and provides a solid, stable, and mature solution to managing state in your React application.With this master class course, you will start with building a minimal web pack application & quickly transfog it into an isomorphic application with full API integration, including secure authentication & maintaining a session on the client. Then you'll dive into common performance pitfalls and how to avoid them using various tools that interact with Redux. Moving further you will also be learning how to combine React Router with Redux and make your apps more data-driven and real-.By the end of this course, you will be master making better architectural decisions and learn to tackle any performance pitfalls. Also, gain in-depth knowledge to test every aspect of your client’s application & built real- & data-driven applications.Contents and OverviewThis training program includes 2 complete courses, carefully chosen to give you the most comprehensive training possible.The first course, Redux – End to End you'll start with building an app piece by piece, starting with a minimal web pack application and quickly transfog it into an isomorphic Redux application with full API integration, including secure authentication.The second course, Mastering Redux empowers Redux users by helping them make better architectural decisions. After going through the architectural standpoint of building a large-scale Redux application, you'll dive into common performance pitfalls and how to avoid them. Next, you'll make tools that interact with Redux. Moreover, you'll go through the different approaches to asynchronous effects and how to maintain an organization at scale. You'll be introduced to the server-rendering concept and learn to deal with it in React applications. Also, you'll understand what's needed to load your Redux store from the server. Finally, we mention use cases where Redux might not be that useful and talk about helpful tools in the react-Redux ecosystem.About the Authors:Sam Slotsky is a software eeer and saxophonist originating from Sioux City, IA. He attended the University of Iowa for Computer Science and Music and is currently employed by Ackmann & Dickenson, Inc. of Minneapolis, specializing in back-end web applications, databases, and javascript. Additionally, Sam has authored and contributed to open source packages for use with the React, Redux, Knockout, and Meteor framework. Cooking and playing chess are his favorite pas activities. Husband and father of three, he writes software programs during the day, cooks in the evening, listens to jazz obsessively, and has a bit of a thing for cycling.Tiago Garcia calls his relationship with computers and computer science “love at first sight”, which happened when he was only 9. He pursued this passion ever since and finished his Master’s degree in Computer Science in Faculdade de Ciencias e Tecnologia - UNL in Lisbon in late 2010. A few months after, he joined Vizzuality as a PHP backend developer. His other passions are gaming and music. Some believe he was born already wearing earphones.

Overview

Section 1: Redux – End to End

Lecture 1 The Course Overview

Lecture 2 Building and Compiling a React Application

Lecture 3 One Way Data Flow in React

Lecture 4 Serving React Apps from Express

Lecture 5 Loading SASS Modules

Lecture 6 Isomorphic Rendering

Lecture 7 Integrating Redux

Lecture 8 Isomorphic Redux

Lecture 9 Database Access with Knex

Lecture 10 Object Relational Mapping with Bookshelf

Lecture 11 Token Based Authentication

Lecture 12 Cookies and CSRF Tokens

Lecture 13 Building a Login Form

Lecture 14 Staying Authenticated

Lecture 15 Client Side Routing with React-Router

Lecture 16 Isomorphic Routing with React-router

Lecture 17 Logging Out

Lecture 18 Create New Records with Express and Bookshelf

Lecture 19 Building a New Customer Form with Validation

Lecture 20 Incorporating Backend Validations

Lecture 21 Redux Data Tables

Lecture 22 Redux Pagination

Lecture 23 Reusing Actions and Reducers

Lecture 24 Preloading Data with Server Side Rendering

Lecture 25 Testing Redux Code

Lecture 26 Type Checking javascript

Section 2: Mastering Redux

Lecture 27 The Course Overview

Lecture 28 Global State and Where to Consume It

Lecture 29 Information Architecture – Models versus Features

Lecture 30 Choosing the Correct Project Structure

Lecture 31 Scaling Your Application Using Ducks

Lecture 32 Managing User Events

Lecture 33 Managing API Data

Lecture 34 Solving Real Life Problems Using Flux

Lecture 35 Actions and Action Creators AntiPatterns

Lecture 36 Composing Reducers for Improved Reusability

Lecture 37 Adding Tests to Your Redux Application

Lecture 38 Solving the Same Problem with Redux and Other Libraries

Lecture 39 Using Immer to Reduce Boilerplate

Lecture 40 Taking Advantage of Redux-Actions

Lecture 41 Redux-First-Router

Lecture 42 Low Hag Fruit

Lecture 43 Using Selectors

Lecture 44 Using Virtualised Lists

Lecture 45 Code-Splitting

Lecture 46 Middleware

Lecture 47 Destructuring Redux-Thunk

Lecture 48 Enhancers

Lecture 49 Enhance Your Store

Lecture 50 Handle Async Actions

Lecture 51 Redux-Thunk at Scale

Lecture 52 Using Redux-Pack

Lecture 53 Redux-Saga

Lecture 54 Server Rendering Your React App

Lecture 55 Rehydrating Your Code on the Client

Lecture 56 Prefetching Data on the Server

Lecture 57 Rendering from a Cache

Lecture 58 Sharing Data Cache between Server and Client

Lecture 59 Persisting the Data Cache

The course is for Application developers, javascript developers who want to create high perfog web applications by utilizing the power of applications with Redux.

HomePage:

https://www.udemy.com/course/mastering-react-state-management-with-redux/