LEARNING PATH: Redux: Real-World Applications with Redux

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 time-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 engineering 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 begins 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 engineer 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 pastime 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 changing and complex world of emerging 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.