Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/yanmagale/awesome-flux

A curated list about Flux arquitechture and your implementations.
https://github.com/yanmagale/awesome-flux

List: awesome-flux

flux flux-architecture javascript mvc unidirectional-data-flow

Last synced: 16 days ago
JSON representation

A curated list about Flux arquitechture and your implementations.

Awesome Lists containing this project

README 

        


    




# Awesome Flux



> :clipboard: A curated list about Flux's architecture and its implementations.



[![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)



# Motivation



Motivation was born while I was writing my bachelor's thesis and couldn't find one place with all contents about Flux, its principles, the differences between MVC, implementations and others. So I decided to create this list to share my studies and resources that I found while working on my thesis (the document are avaiable in PT-BR [here](https://github.com/yanmagale/awesome-flux/blob/master/tcc.pdf) only PT-BR).



## Table of contents



- [Official Resources](#official-resources)

- [Flux Architecture](#flux-architecture)

- [MV* Architectures](#mv*-architectures)

- [Flux Implementations](#mv*-implementations)

- [Redux](#redux)

- [MobX](#mobx)

- [Talks](#talks)

- [Contribute](#contribute)






## Official Resources



- [Flux Documentation](https://facebook.github.io/flux/docs/overview.html)

- [Hacker Way: Rethinking Web App Development at Facebook](https://www.youtube.com/watch?list=PLb0IAmt7-GS188xDYE-u1ShQmFFGbrk0v&v=nYkdrAPrdcw)



## Flux Architecture

- [A cartoon guide to Flux, by Lin Clark](https://code-cartoons.com/a-cartoon-guide-to-flux-6157355ab207)

- [React and Flux: Building Applications with a Unidirectional Data Flow](https://www.youtube.com/watch?v=i__969noyAM)

- [The Case for Flux](https://medium.com/swlh/the-case-for-flux-379b7d1982c6#.rboxfy6j0)

- [Evolving Yahoo Mail](https://yahooeng.tumblr.com/post/101682875656/evolving-yahoo-mail)

- [Unidirectional Data Flow? Yes. Flux? I Am Not So Sure](https://medium.com/@AdamRNeary/unidirectional-data-flow-yes-flux-i-am-not-so-sure-b4acf988196c#.twylm4iep)

- [Hot reloading and time travel debugging: what are they?, by Lin Clark](https://code-cartoons.com/hot-reloading-and-time-travel-debugging-what-are-they-3c8ed2812f35)

- [Flux: the React.js Application Architecture — A Comprehensive Study](https://medium.com/@cabot_solutions/flux-the-react-js-application-architecture-a-comprehensive-study-fd2585d06483)



### PT-BR

- [Flux: Entenda como funciona a arquitetura Flux com React](https://tableless.com.br/flux-entenda-como-funciona-arquitetura-flux-com-react/)

- [Os Estados do Flux: Uma nova arquitetura](http://yanmagalhaes.com.br/por-que-flux/)



## MV* Architectures



- [MVVM / MVC is dead? Is Unidirectional a MVVM / MVC Killer?](http://www.michaelridland.com/xamarin/mvvm-mvc-is-dead-is-unidirectional-a-mvvm-mvc-killer/)

- [Model-View-Presenter](https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93presenter)

- [Model-View-ViewModel](https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93viewmodel)

- [O que é MVP e MVVM?](https://pt.stackoverflow.com/questions/21539/o-que-%C3%A9-mvp-e-mvvm/21541)

- [Model-View-Controller, by Rodrigo Rebouças de Almeida](http://www.dsc.ufcg.edu.br/~jacques/cursos/map/html/arqu/mvc/mvc.htm)

- [What is MVC, really?](https://softwareengineering.stackexchange.com/questions/127624/what-is-mvc-really)

- [What is the difference between MVC and the usual 3-tier architecture and why do developers say the MVC architecture is better?](https://www.quora.com/What-is-the-difference-between-MVC-and-the-usual-3-tier-architecture-and-why-do-developers-say-the-MVC-architecture-is-better)

- [Understanding Model-View-Controller, by Stefano Borini](https://www.gitbook.com/book/stefanoborini/modelviewcontroller/details)

- [MODEL-VIEW-CONTROLLER ARCHITECTURAL PATTERN AND ITS EVOLUTION IN GRAPHICAL USER INTERFACE FRAMEWORKS, by Matti Bragge](http://www.doria.fi/xmlui/bitstream/handle/10024/92156/Model-View-Controller%20architectural%20pattern%20and%20its%20evolution%20in%20graphical%20user%20interface%20frameworks.pdf?sequence=2)

- [Ember.js - Client Side MVC Is Not Server Side MVC, Erase Your Brain](http://www.thesoftwaresimpleton.com/blog/2013/03/23/client-side-mvc/)

- [History of MVC, by Trygver (The MVC Creator)](http://heim.ifi.uio.no/~trygver/themes/mvc/mvc-index.html)



## Flux Implementations

- [Flux Comparison](https://github.com/voronianski/flux-comparison)

- [Flux solutions compared by example](http://pixelhunter.me/post/110248593059/flux-solutions-compared-by-example)



## Redux

- [Awesome Redux, by @xgrommx](https://github.com/xgrommx/awesome-redux)

- [Awesome Redux, by @brillout](https://github.com/brillout/awesome-redux)

- [Why use Redux over Facebook Flux?](http://stackoverflow.com/questions/32461229/why-use-redux-over-facebook-flux)

- [Redux Explained in 30s](https://dev.to/ross/reduxjs-in-30-seconds-5hj)

- [The difference between Flux and Redux](https://edgecoders.com/the-difference-between-flux-and-redux-71d31b118c1)



## MobX

- [Ten minute introduction to MobX and React](https://mobx.js.org/getting-started.html)

- [Becoming fully reactive: an in-depth explanation of MobX](https://medium.com/@mweststrate/becoming-fully-reactive-an-in-depth-explanation-of-mobservable-55995262a254#.dh6w3ape9)

- [Awesome MobX](https://github.com/mobxjs/awesome-mobx)



# Talks



- [Flux and React - Building Applications with a Unidirectional Data Flow, by Bill Fisher](https://speakerdeck.com/fisherwebdev/fluxchat)

- [Os Estados do Flux (PT-BR), by Yan Magalhães](http://slides.com/yanmagale/os-estados-do-flux#/) [Video](https://www.youtube.com/watch?v=efLKjOIxVwM)

- [Flux, Redux ... O que houve com o MVC? (PT-BR), by Yan Magalhães](http://bit.ly/2yhLKtc) [Video](https://www.youtube.com/watch?v=4gsaOZtadFE)



# Contribute



Everyone can help. Send your links and suggestions through an issue, or by a PR.