CHAPTER 6

image

Architecting React Applications with Flux

As you saw earlier, one core philosophy of React is that data flows in a single direction, from parent to child components as props. When a parent component needs its children to reach back, it can pass callback functions down as props as well.

This one-way data flow leads to clear, explicit, and easy-to-follow code. You can trace a React application from start to finish and see what code is executed on changes.

But while this architectural pattern has many advantages, it also brings some challenges. React applications usually grow to have many nesting levels where top components act as containers ...

Get Pro React now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.