Learning Path

React Architecture Fundamentals

Start
Time to complete: 1h 48m
Topics

Published byO'Reilly Media, Inc.

CreatedJune 2018

The React JavaScript library has gained tremendous popularity over the past few years because React gives you the tools to quickly and easily create interactive user interfaces. But after you’ve learned the basics of React and are ready to scale your components to build more complex web applications, you’ll soon discover that the tight coupling between user interactions and state changes can cause some headache, and you’ll need a solution for managing and designing your app's data. The good news, however, is that there are design patterns and architectural solutions for managing complexity in your app with Flux and Redux.

In this learning path, designed for intermediate-level web developers, you’ll gain an understanding of the landscape of data handling in React with a cartoon-illustrated guide by Lin Clark. Next, you’ll look at the tools that you can use for handling data and managing state by diving deeper into Redux in an excerpt from Learning React. You’ll then spend some time learning about state management itself and then, finally, you’ll put all the pieces together by working with Redux to build out your own React notepad project.

What you’ll learn—and how you can apply it

  • Learn the basic concepts behind Flux and Redux
  • How to apply Flux and Redux to a React project
  • Better predict and control state in your React applications

This learning path is for you because…

  • You're a JavaScript developer and you want to better understand React architecture and how different data types work together
  • You're already working with React but want to become more familiar with Flux and Redux for state management

Prerequisites:

  • You should have a fair knowledge of modern HTML, CSS, and JavaScript (through ES6)
  • You should be familiar with React fundamentals
  • Although not required, viewing the learning path Building a React App from Scratch would be beneficial

Materials or downloads needed in advance: