Enviar búsqueda
Cargar
Intro to Flux - ReactJS Warsaw #1
•
Descargar como PPTX, PDF
•
3 recomendaciones
•
3,210 vistas
Damian Legawiec
Seguir
Intro and overview of the Flux architecture pattern with ReactJS
Leer menos
Leer más
Tecnología
Denunciar
Compartir
Denunciar
Compartir
1 de 35
Descargar ahora
Recomendados
Introduce Flux & react in practices (KKBOX)
Introduce Flux & react in practices (KKBOX)
Hsuan Fu Lien
React & Flux Workshop
React & Flux Workshop
Christian Lilley
Introduce flux & react in practice
Introduce flux & react in practice
Hsuan Fu Lien
React introduction
React introduction
Kashyap Parmar
Building Reactive webapp with React/Flux
Building Reactive webapp with React/Flux
Keuller Magalhães
React, Flux and a little bit of Redux
React, Flux and a little bit of Redux
Ny Fanilo Andrianjafy, B.Eng.
Introduction to React and Flux (CodeLabs)
Introduction to React and Flux (CodeLabs)
Eueung Mulyana
How to Redux
How to Redux
Ted Pennings
Recomendados
Introduce Flux & react in practices (KKBOX)
Introduce Flux & react in practices (KKBOX)
Hsuan Fu Lien
React & Flux Workshop
React & Flux Workshop
Christian Lilley
Introduce flux & react in practice
Introduce flux & react in practice
Hsuan Fu Lien
React introduction
React introduction
Kashyap Parmar
Building Reactive webapp with React/Flux
Building Reactive webapp with React/Flux
Keuller Magalhães
React, Flux and a little bit of Redux
React, Flux and a little bit of Redux
Ny Fanilo Andrianjafy, B.Eng.
Introduction to React and Flux (CodeLabs)
Introduction to React and Flux (CodeLabs)
Eueung Mulyana
How to Redux
How to Redux
Ted Pennings
An Overview of the React Ecosystem
An Overview of the React Ecosystem
FITC
Introduction to react
Introduction to react
kiranabburi
Thinking in React
Thinking in React
Xcat Liu
React. Flux. Redux
React. Flux. Redux
Andrey Kolodnitsky
Flux architecture
Flux architecture
Boyan Mihaylov
Workshop React.js
Workshop React.js
Commit University
React and Flux life cycle with JSX, React Router and Jest Unit Testing
React and Flux life cycle with JSX, React Router and Jest Unit Testing
Eswara Kumar Palakollu
React js
React js
Jai Santhosh
Best Practice-React
Best Practice-React
Yang Yang
Redux js
Redux js
Nils Petersohn
React.js - The Dawn of Virtual DOM
React.js - The Dawn of Virtual DOM
Jimit Shah
React + Redux for Web Developers
React + Redux for Web Developers
Jamal Sinclair O'Garro
React in Native Apps - Meetup React - 20150409
React in Native Apps - Meetup React - 20150409
Minko3D
ReactJS.NET - Fast and Scalable Single Page Applications
ReactJS.NET - Fast and Scalable Single Page Applications
Rick Beerendonk
Understanding Facebook's React.js
Understanding Facebook's React.js
Federico Torre
Using redux
Using redux
Jonas Ohlsson Aden
The Road To Redux
The Road To Redux
Jeffrey Sanchez
Flux architecture
Flux architecture
Badr Zaman [Front End , J2EE ]
Flux
Flux
Łukasz Kużyński
Rethinking Best Practices
Rethinking Best Practices
floydophone
An Introduction to Redux
An Introduction to Redux
NexThoughts Technologies
React gsg presentation with ryan jung & elias malik
React gsg presentation with ryan jung & elias malik
Lama K Banna
Más contenido relacionado
La actualidad más candente
An Overview of the React Ecosystem
An Overview of the React Ecosystem
FITC
Introduction to react
Introduction to react
kiranabburi
Thinking in React
Thinking in React
Xcat Liu
React. Flux. Redux
React. Flux. Redux
Andrey Kolodnitsky
Flux architecture
Flux architecture
Boyan Mihaylov
Workshop React.js
Workshop React.js
Commit University
React and Flux life cycle with JSX, React Router and Jest Unit Testing
React and Flux life cycle with JSX, React Router and Jest Unit Testing
Eswara Kumar Palakollu
React js
React js
Jai Santhosh
Best Practice-React
Best Practice-React
Yang Yang
Redux js
Redux js
Nils Petersohn
React.js - The Dawn of Virtual DOM
React.js - The Dawn of Virtual DOM
Jimit Shah
React + Redux for Web Developers
React + Redux for Web Developers
Jamal Sinclair O'Garro
React in Native Apps - Meetup React - 20150409
React in Native Apps - Meetup React - 20150409
Minko3D
ReactJS.NET - Fast and Scalable Single Page Applications
ReactJS.NET - Fast and Scalable Single Page Applications
Rick Beerendonk
Understanding Facebook's React.js
Understanding Facebook's React.js
Federico Torre
Using redux
Using redux
Jonas Ohlsson Aden
The Road To Redux
The Road To Redux
Jeffrey Sanchez
Flux architecture
Flux architecture
Badr Zaman [Front End , J2EE ]
Flux
Flux
Łukasz Kużyński
Rethinking Best Practices
Rethinking Best Practices
floydophone
La actualidad más candente
(20)
An Overview of the React Ecosystem
An Overview of the React Ecosystem
Introduction to react
Introduction to react
Thinking in React
Thinking in React
React. Flux. Redux
React. Flux. Redux
Flux architecture
Flux architecture
Workshop React.js
Workshop React.js
React and Flux life cycle with JSX, React Router and Jest Unit Testing
React and Flux life cycle with JSX, React Router and Jest Unit Testing
React js
React js
Best Practice-React
Best Practice-React
Redux js
Redux js
React.js - The Dawn of Virtual DOM
React.js - The Dawn of Virtual DOM
React + Redux for Web Developers
React + Redux for Web Developers
React in Native Apps - Meetup React - 20150409
React in Native Apps - Meetup React - 20150409
ReactJS.NET - Fast and Scalable Single Page Applications
ReactJS.NET - Fast and Scalable Single Page Applications
Understanding Facebook's React.js
Understanding Facebook's React.js
Using redux
Using redux
The Road To Redux
The Road To Redux
Flux architecture
Flux architecture
Flux
Flux
Rethinking Best Practices
Rethinking Best Practices
Similar a Intro to Flux - ReactJS Warsaw #1
An Introduction to Redux
An Introduction to Redux
NexThoughts Technologies
React gsg presentation with ryan jung & elias malik
React gsg presentation with ryan jung & elias malik
Lama K Banna
Java Hurdling: Obstacles and Techniques in Java Client Penetration-Testing
Java Hurdling: Obstacles and Techniques in Java Client Penetration-Testing
Tal Melamed
Intro to Muon - How to build Polyglot Message and Event Microservices
Intro to Muon - How to build Polyglot Message and Event Microservices
David Dawson
Introduction to Spring sec1.pptx
Introduction to Spring sec1.pptx
NourhanTarek23
Redux data flow with angular
Redux data flow with angular
Gil Fink
Advanced web application architecture Way2Web
Advanced web application architecture Way2Web
Matthias Noback
Redux data flow with angular 2
Redux data flow with angular 2
Gil Fink
Capsulization of Oracle Inventory
Capsulization of Oracle Inventory
iWare Logic Technologies Pvt. Ltd.
Spring 1 day program
Spring 1 day program
Mohit Kanwar
Building React Applications with Redux
Building React Applications with Redux
FITC
Academy PRO: React JS. Redux & Tooling
Academy PRO: React JS. Redux & Tooling
Binary Studio
Spring mvc
Spring mvc
Hamid Ghorbani
Redux data flow with angular
Redux data flow with angular
Gil Fink
Scaling React and Redux at IOOF
Scaling React and Redux at IOOF
Vivian Farrell
Swiz DAO
Swiz DAO
devaraj ns
downloads_introduction to redux.pptx
downloads_introduction to redux.pptx
NavneetKumar111924
Introduction to React, Flux, and Isomorphic Apps
Introduction to React, Flux, and Isomorphic Apps
Federico Torre
Optimizing Spark Deployments for Containers: Isolation, Safety, and Performan...
Optimizing Spark Deployments for Containers: Isolation, Safety, and Performan...
Spark Summit
Architectural Patterns and Software Architectures: Client-Server, Multi-Tier,...
Architectural Patterns and Software Architectures: Client-Server, Multi-Tier,...
Svetlin Nakov
Similar a Intro to Flux - ReactJS Warsaw #1
(20)
An Introduction to Redux
An Introduction to Redux
React gsg presentation with ryan jung & elias malik
React gsg presentation with ryan jung & elias malik
Java Hurdling: Obstacles and Techniques in Java Client Penetration-Testing
Java Hurdling: Obstacles and Techniques in Java Client Penetration-Testing
Intro to Muon - How to build Polyglot Message and Event Microservices
Intro to Muon - How to build Polyglot Message and Event Microservices
Introduction to Spring sec1.pptx
Introduction to Spring sec1.pptx
Redux data flow with angular
Redux data flow with angular
Advanced web application architecture Way2Web
Advanced web application architecture Way2Web
Redux data flow with angular 2
Redux data flow with angular 2
Capsulization of Oracle Inventory
Capsulization of Oracle Inventory
Spring 1 day program
Spring 1 day program
Building React Applications with Redux
Building React Applications with Redux
Academy PRO: React JS. Redux & Tooling
Academy PRO: React JS. Redux & Tooling
Spring mvc
Spring mvc
Redux data flow with angular
Redux data flow with angular
Scaling React and Redux at IOOF
Scaling React and Redux at IOOF
Swiz DAO
Swiz DAO
downloads_introduction to redux.pptx
downloads_introduction to redux.pptx
Introduction to React, Flux, and Isomorphic Apps
Introduction to React, Flux, and Isomorphic Apps
Optimizing Spark Deployments for Containers: Isolation, Safety, and Performan...
Optimizing Spark Deployments for Containers: Isolation, Safety, and Performan...
Architectural Patterns and Software Architectures: Client-Server, Multi-Tier,...
Architectural Patterns and Software Architectures: Client-Server, Multi-Tier,...
Último
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
rafiqahmad00786416
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
Christopher Logan Kennedy
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Juan lago vázquez
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
sammart93
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
The Digital Insurer
Architecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
Sandro Moreira
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
Dropbox
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
apidays
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Product Anonymous
Elevate Developer Efficiency & build GenAI Application with Amazon Q
Elevate Developer Efficiency & build GenAI Application with Amazon Q
Bhuvaneswari Subramani
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Zilliz
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Angeliki Cooney
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
apidays
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
MIND CTI
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Deepika Singh
Último
(20)
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
Architecting Cloud Native Applications
Architecting Cloud Native Applications
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Elevate Developer Efficiency & build GenAI Application with Amazon Q
Elevate Developer Efficiency & build GenAI Application with Amazon Q
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Intro to Flux - ReactJS Warsaw #1
1.
Intro to Flux Damian
Legawiec CEO of Spark Solutions @damianlegawiec
2.
What is Flux? Framework?
3.
What is Flux? Framework? Library?
4.
What is Flux? Framework? Library?
Kinda :)
5.
What is Flux? Architecture
Pattern
6.
What is Flux? Architecture
Pattern One Way Data Binding
7.
What is Flux? Architecture
Pattern One Way Data Binding Framework Agnostic
8.
What is Flux? Architecture
Pattern One Way Data Binding Framework Agnostic Not MVC :)
9.
What is Flux?
10.
Store Model?
11.
Store Model?
12.
Store Model? Collection?
13.
Store Model? Collection?
14.
Store Application State Container
15.
Store Application State Container Can
be used with ORM
16.
Store Application State Container Can
be used with ORM Simple JavaScript object enhanced by EventEmitter or MicroEvent
17.
Actions Used to invoke
Change of state
18.
Actions Used to invoke
Change of state Invoked from Views (Components in React) Actions
19.
Actions Used to invoke
Change of state Invoked from Views (Components in React) They pass arguments (payload) to Dispatcher Actions
20.
Dispatcher There can be
only one! Actions
21.
Dispatcher There can be
only one! Dispatches Actions to the Store DispatcherActions
22.
Smart Components Aware of
Store
23.
Smart Components Aware of
Store Listen for Store change
24.
Smart Components Aware of
Store Listen for Store change Data is in State
25.
Smart Components Aware of
Store Listen for Store change Data is in State Pass data via props to Dumb Components
26.
Dumb Components Only display
data passed in props
27.
Single Page App
Example https://greetabl.com/builder
28.
Web App Example https://milanstyle.com
29.
When to use
Flux? Single Page App Complex UI Real World apps :)
30.
When not to
use Flux? Learning React :) Simple components enhancing static site
31.
What is Flux
implementation use? Short Answer REDUX
32.
What is Flux
implementation use? Long Answer
33.
What is Flux
implementation use? 1. Start with official Facebook one 2. Choose between more conventional ones (Reflux, Alt) or bleeding edge Redux
34.
Future reading List 1.
https://facebook.github.io/flux/docs/o verview.html#content 2. http://blog.andrewray.me/flux-for- stupid-people/
35.
Thanks for your
attention!
Descargar ahora