Book Image

Learning React with Redux and Flux [Video]

By : Sam Slotsky
Book Image

Learning React with Redux and Flux [Video]

By: Sam Slotsky

Overview of this book

<p>Redux is a web application development architecture often used with React. In Redux, the entire state of your application is kept in a single store that can only be changed by special action objects that are specified by reducers. This course is a complete introduction to Redux and Flux, covering and comparing the new paradigms and teaching you how to create React web applications with Redux and Flux from the ground up.</p> <p>You’ll begin by exploring the basics of React to get a sense of how rendering, state management, and data flow work. You will then pull state management out of components as you create your own version of FLUX. Once finished, you’ll scrap the implementation in favor of Redux, and start adding functionality to browse data from an API. Finally, we’ll come back to our roots and explore some React-only solutions for state management, learning how to do things that we might normally tend to rely on FLUX and Redux to accomplish.</p> <h1>Style and Approach</h1> <p><span id="trade_selling_points_c" class="sugar_field">This is an in-depth course where we’ll be focusing on leveraging the Redux framework to impose better engineering on React applications.</span></p>
Table of Contents (5 chapters)
Chapter 2
One Way Data Flow
Content Locked
Section 2
Managing State
Since props cannot be mutated, React components can also declare and manage state variables and pass them as props to child components. - Declare component state composed of variables that you’ll want to update - Pass state to child components as props - Expose functions to update the value of state variables