Flux Architecture
with JavaFX
Manuel Mauky
@manuel_mauky
Prepara tus exámenes
Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity
Consigue puntos base para descargar
Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium
Orientación Universidad
Prepara tus exámenes
Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity
Busca documentos
Prepara tus exámenes con los documentos que comparten otros estudiantes como tú en Docsity
Busca tu universidad
Encuentra los documentos específicos para los exámenes de tu universidad
Video Cursos
Estudia con lecciones y exámenes resueltos basados en los programas académicos de las mejores universidades
Quiz
Responde a preguntas de exámenes reales y pon a prueba tu preparación
Consigue puntos base para descargar
Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium
Comunidad
Pregúntale a la comunidad
Pide ayuda a la comunidad y resuelve tus dudas de estudio
Ebooks gratuitos
¡Nuestros e-books salva-estudiantes!
Descarga nuestras guías gratuitas sobre técnicas de estudio, métodos para controlar la ansiedad y consejos para la tesis preparadas por los tutores de Docsity
EjerciciosEjercicios de programacion en el lenguaje c
Tipo: Ejercicios
2019/2020
1 / 85
Esta página no es visible en la vista previa
¡No te pierdas las partes importantes!
Documentos relacionados
Vista previa parcial del texto
¡Descarga Naive Bayes ejercicios. y más Ejercicios en PDF de Programación C solo en Docsity!
Flux Architecture
with JavaFX
Manuel Mauky
@manuel_mauky
Manuel Mauky
Software Developer at Saxonia Systems AG Living in Görlitz, Germany JUG-Leader of JUG Görlitz
- Frontend Development (JSF, JavaFX, JavaScript)
- Functional Programming
What is Flux?
- Frontend architecture pattern
What is Flux?
- Frontend architecture pattern
- Core idea: unidirectional data flow
Store
- application state
- logic
- represents a business unit
Store
View
data flow
- View visualizes data from the Store
- When the data in the Store changes the View will update itself accordingly
Store
View
data flow
Action
- View generates “Actions” based on user interaction
- Action has a type and (optional) payload data
- similar to Command Pattern
Example: Actions
type: "CREATE_USER_ACTION", payload: { username: "Luise", email: "[email protected]" } }
Flux Architecture
- Store: no "setters" - can't be manipulated from the outside
- explicit modelling of business actions
- Dispatcher works synchronously: Actions are handled one at a time
- Optional: dependencies between Stores → order of action handling can be controlled
Store
View
Action
Dispatcher
ActionCreator
- ActionCreator: reusable function that creates actions
- used by View
Flux: Details
How to handle async interactions? Like REST requests?
Store
View
Action
Dispatcher
ActionCreator
How to handle async interactions? Like REST requests?
Store
View
Action
Dispatcher
ActionCreator Server
request
response
const fetchUsers = () => { dispatch({type: "FETCH_USERS_STARTED"});
fetch("http://my.api.example.com/users") .then(response => response.json) .then(json => dispatch({ type: "FETCH_USERS_SUCCESSFUL", payload: json }), error => dispatch({ type: "FETCH_USERS_FAILED" }) ); };
Store
View
Actions
Dispatcher
Store Store
View
View View
View
View
View
View