React + Redux Arquitecture

Kaluã Bentes

Transcript

1. React + Redux Arquitecture
2. Core Technologies
3. React Redux React Router ImmutableJS
4. Separation of Concerns (SoC)
5. Design Principle SoC is a design principle for separating a computer program into distinct sections, such that each section addresses a separate concern.
6. Components
7. Components are reusable building blocks that need a context that makes them meaningful, are stateless components, but can sometimes contain internal state for the purposes of state transitions and user input. Ex.: creator-select Your image here Components
8. Views
9. Views are component containers that give meaning to stateless components, the state is passed from the store via props to the view and it is passed to the stateless component, which is called the unidirectional flow of data, stateless components interact with the state through the inverse flow of data. Ex.: add-modal Views
10. Modules
11. Modules Modules are the building blocks of business logic, in them are contained algorithms that solve the application problem, are responsible for providing the data structure of the store and the interaction with the state of the application
12. Services
13. Services are the layer of communication with the server, have the methods necessary to manage the server resources Services Your image here
14. Icones Is it, Thanks!