Last updated 3/2018MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHzLanguage: English | Size: 497.02 MB | Duration: 4h 3m

Level up your web applications skills by harnessing the power of Flux architecture using the Redux framework

What you'll learn

Boost your productivity with the latest client technologies

Solve problems using nothing but reducers, actions, and components

Save and code by discovering the libraries that solve the most common problems

Connect the boundary of your client application with well-defined server communication

Find out how to test asynchronous action creators and reducers

Develop confidence in your code quality and your ability to refactor when all your code is thoroughly tested

Implement firing actions in Redux

Applying Redux Reducers to the application

Requirements

Working knowledge of React, javascript, Java or Python programming is needed

Basic knowledge of Flux will be useful

Basic javascript knowledge and some web development experience are assumed

Description

Are you interested to use Redux for building larger, efficient applications as well as simplify the development of your application? Then you should surely go for this Learning Path.

Packt’s Video Learning Paths are a series of individual video products put together in a logical and stepwise manner such that each video builds on the skills learned in the video before it.

Redux completes the missing piece of the React framework, and is used at the core of React for most complex React projects. Redux is also a predictable state container for javascript apps which helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. Redux provides you with a great developer experience, such as live code editing combined with a -traveling debugger. Redux can be used together with any view library, not just React! Redux provides a solution which will help your applications behave consistently. It is an evolution, helping you avoid the complexity found in Flux on how applications are built.

The highlights of this Learning Path are:

Build rich client applications with quality eeering principles to develop confidence in your code quality

Understand the basics of Redux and how it fits into the javascript framework

Build a complete real life application

Let’s take a quick look at your learning journey...

This Learning Path bs with the basics of React development, where you’ll get a better understanding of how React applications are organized compared to other javascript applications. Then you’ll learn the principles of the Flux architecture before diving into one of its most popular implementations: Redux. You’ll build a simple React application and rewrite it with Redux.

Moving on, you’ll turn your simple client into a single page application. You’ll focus on retrieving lists of records from the server and paginating them, starting by leveraging the Redux framework to implement our own pagination. Then we’ll replace most of the code we’ve written so far, with a third-party package that neatly solves the problem of form submission for us. After that, you’ll submit the form with axios, use react-router to redirect on success, and leverage toastr to display error notifications. You’ll encounter a practical introduction to Redux and how it fits into the javascript ecosystem.

You’ll understand how to use Redux with your application and work with ES6/7, Reducers, firing actions, Thunks and selectors. You will learn the rules of working with Redux and advanced concepts to configure your application. Finally, you’ll apply the Redux concepts we have learned to a real-world application - a messaging board similar to Reddit that is written in React. By taking this completed example application you witness how Redux can dramatically simplify the development of your application.

By the end of this Learning Path, you’ll be able to apply all the concepts learned to a real life application and know exactly why you should use Redux for building larger applications.

Meet Your Experts

We have the best work of the following esteemed authors to ensure that your learning journey is smooth

Sam Slotskyis 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.Colibri is a technology consultancy company founded in 2015 by James Cross and Ingrid Funie. The company works to help its clients navigate the rapidly chag and complex world of emeg technologies, with deep expertise in areas such as big data, Data Science, Machine Learning, and Cloud Computing. Over the past few years they have worked with some of the world's largest and most prestigious companies, including a tier-1 investment bank, a leading management consultancy group, and one of the world's most popular soft drinks companies, helping each of them to make sense of their data more effectively and process it in more intelligent ways. The company lives by its motto: Data -> Intelligence -> Action.Richard Gill is a Full Stack javascript developer. He runs ZDEV, a software consultancy that specializes in building websites and apps for small- and medium-sized clients. Richard has a Computer Science degree from Imperial College and started his career building technology at investment banks and hedge funds; he then moved on to consulting before founding his own development shop. Richard has spent three years working with React, React Native, and Redux to build websites and apps for real-world clients. He considers himself a generalist programmer who initially was expert in Java, C#, and Ruby on Rails before spending the last few years in a javascript/Node based environment. His company follows an apprenticeship model and all his staff were trained by him from scratch.

Overview

Section 1: Learning Redux

Lecture 1 The Course Overview

Lecture 2 The Anatomy of a Client Application

Lecture 3 Understanding FLUX

Lecture 4 Introducing Redux

Lecture 5 Integrating Redux

Lecture 6 Watching the Dispatch Log

Lecture 7 Divorcing the Switch Statement

Lecture 8 Toggling Views the Hard Way

Lecture 9 Organizing the Application State

Lecture 10 Switching Pages with ReactRouter

Lecture 11 Fetching Data with Axios

Lecture 12 Displaying Datatables in React

Lecture 13 Implementing Basic Pagination Controls

Lecture 14 Introducing Violet-Paginator

Lecture 15 Managing Form State in Redux

Lecture 16 Form Submission, Redirection, and Error Handling

Lecture 17 Introducing ReduxForm

Lecture 18 Client-Side Validations in ReduxForm

Lecture 19 Testing Components with Enzyme

Lecture 20 Testing Asynchronous Action Creators

Lecture 21 Testing Reducers

Section 2: Perfog Complex State Management with Redux

Lecture 22 The Course Overview

Lecture 23 What Is Redux and Why Do We Care about It?

Lecture 24 Big Picture Diagram

Lecture 25 The Store

Lecture 26 Connecting Your Components to the Store

Lecture 27 Firing Actions

Lecture 28 ES6/7 Spreading

Lecture 29 Applying Redux Reducers to the Application

Lecture 30 Using Advanced Reducers

Lecture 31 Configuring Redux with Your Application

Lecture 32 The Rules of Redux

Lecture 33 Using Thunk to Dispatch Asynchronous Action

Lecture 34 Knowing Your Selectors

Lecture 35 Walkthrough of the Existing App

Lecture 36 Loading the Reddit Posts Using Redux

Lecture 37 Creating a New Post Using Redux

Lecture 38 Cross Referencing Users with Selectors

This Learning Path is apt for developers who are looking for a concise dive into the fundamentals, those seeking to get to the meat of building real-world, rich client applications with Redux,If you know React and are looking to structure large applications to lower bug counts and write a functional state machine to store the state of their UI using Redux, this Learning Path is for you

HomePage: