
This video provides an overview of the entire course.
What is Redux and when should I use it?
We will take a look at the bigger picture of what Redux is.
We’ll discuss what the store is and how you can see what’s in it.
We will look at how you can let your components see the store state.
We will discuss what an action is and how to fire one.
We will look at the concept of spreading which is useful in Redux.
We will look at how to write a reducer and how they work.
We will look at some advanced concepts with reducers.
We will run through how the project is setup for Redux.
We will discuss the Do’s and Don’ts of Redux.
We will look at how we can use the Thunk middleware to dispatch asynchronous actions.
We will look at selectors and why you might want to use them.
We will look at the existing Reddit post app.
We will see how to load the Reddit posts into Redux state.
We will look at how to create a new post using Redux.
We will look at a more advanced selector use-case of cross-referencing users with posts.
Redux is 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. It also 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! Managing state in an application is critical to developers and is often done unsystematically. 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 with the Elm language.
This course starts off with a practical introduction to Redux and how it fits into the JavaScript ecosystem. Moving ahead you will 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. We will spend the last half of the course applying 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 tutorial, you will be able to apply all the concepts used here to a real project and you will know exactly why you should use Redux for building larger applications.
About the Author
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.