12: Flux Application Architecture & React
“Flux is the application architecture that Facebook uses for building client-side web applications. It complements React's composable view components by utilizing a unidirectional data flow. It's more of a pattern rather than a formal framework, and you can start using Flux immediately without a lot of new code.” - Facebook’s Flux Architecture Home Page - Bill Fisher (@fisherwebdev), Facebook Software Engineer & Lead Developer of the Flux Documentation, joins The Web Platform Podcast for ‘Episode 12: Flux Application Architecture & ReactJS.’ Bill talks with hosts Nick Niemeir (@nickniemeir) & Erik Isaksen (@eisaksen) about Flux, an application architecture similar in ideas to CQRS & Data Flow Programming. It was created to alleviate the performance & scalability problems that Facebook encountered in building Facebook Messenger (Watch ‘Hacker Way: Rethinking Web App Development at Facebook’ - a presentation by Jing Chen, Software Engineer at Facebook, for further information). Flux promotes a unidirectional data flow model through an application. In contrast to MVC, Flux mainly consists of Stores, a central Dispatcher, and Controller-Views. Facebook has React.js as its view layer and and Flux is quickly becoming the architectural design of choice for many of its other web applications. The support, power, and marketing behind the Angular.js and Ember.js frameworks is undeniable and when Facebook released React.js many developers misunderstood its Virtual DOM approach because it was not like the frameworks developers are used too. Despite that, Facebook has proved itself a ‘contender’ in the eyes of many in the development community and many developers and engineering teams are switching their ‘framework of choice’ to React.js. Flux combined with React.js offers many appealing possibilities but it is not limited to use with just React.js. Flux is an application architecture and it can be used as a pattern in almost any technology stack for web application development. Flux & React Resources Introduction - http://facebook.github.io/react/docs/flux-overview.html Github Source Code - https://github.com/facebook/flux Chat Example Tutorial -http://facebook.github.io/flux/docs/chat.html#content ReactiveElement Article - http://addyosmani.github.io/react-interop/demo.html Flux Home Page - http://facebook.github.io/flux/ PropTypes - https://github.com/facebook/react/blob/master/src/core/ReactPropTypes.js Testing Article - http://facebook.github.io/react/blog/2014/09/24/testing-flux-applications.html Facebook’s Jest - http://facebook.github.io/jest/ OM ClojureScript Interface to React - https://github.com/swannodette/om React.js - http://facebook.github.io/react/ Roundup - http://facebook.github.io/react/blog/2014/09/12/community-round-up-22.html Hacker Way: Rethinking Web App Development at Facebook - https://www.youtube.com/watch?v=nYkdrAPrdcw&list=PLb0IAmt7-GS188xDYE-u1ShQmFFGbrk0v Flux Projects In Progress Adobe Brackets - http://brackets.io/ Yahoo Mail - http://mail.yahoo.com Flux Implementations Reactive Elements - http://pixelscommander.com/polygon/reactive-elements/example/#.VCVD7yldXkR ReFlux - https://github.com/spoike/refluxjs Fluxxor - http://fluxxor.com/ Fluxie - https://github.com/jmreidy/fluxy DeLorean - http://deloreanjs.com/ React Channels Facebook Support - http://facebook.github.io/flux/support.html Stackoverflow - http://stackoverflow.com/search?q=flux+react IRC - irc://chat.freenode.net/reactjs Google Group - https://groups.google.com/forum/#!forum/reactjs
26 Sep 2014
13: MeshBlu, NPM, and The Internet of Everywhere
10 Oct 2014
22: LIVE - An Open Source Discussion Panel
18 Dec 2014
4: Static Application Hosting & All Things Firebase
“The Rise of BAAS : Static Application Hosting & All Things Firebase”, episode 4, is the second of our exploration into Backend As A Service (BAAS) and how it’s changing how we build applications today. Static Application development is on the rise & the tools that help us quickly host and iterate on these applications are emerging rapidly. With the exit of GoInstant as a BAAS, can we safely rely on these services as dedicated backends or do we solely use BAAS for real time interaction, prototyping, or something else? Ossama Alami, VP of Developer Happiness, at Firebase talks with us about the recent Firebase Hosting service, deploy tools, open data sets, static hosting & BAAS applications and everything Firebase. Firebase, a young but influential player in BAAS was founded in 2012. At it’s core, it is a backend that lets developers store and sync data in real time. Ossama has dedicated himself to empowering developers and ensuring Firebase remains a force for good in the developer community.
5 Aug 2014
Most Popular Podcasts
188: You Don't Know JS?
18 Apr 2019
36: Understanding PhoneGap
24 Mar 2015
193: Modern Web Toolchains
What is a web developer toolchain? It seems that, like most web development questions, it depends on many factors. There are build tools, testing, CI, and much more. Danny and Erik go through some of their current tools they use for development and explain how these have evolved over time. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/193-modern-web-toolchains Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
2 Oct 2019
165: JS Unit Testing Tools & Best Practices
5 Jul 2018
179: Developing For Voice
Voice interfaces are more common than ever and devices like the Google Home and Amazon's Echo are becoming deeply ingrained in our day-to-day lives. This week we talk about developing for voice both for the web and beyond. We discuss how developing voice-based applications differs from traditional UI based applications and the challenges involved. Dustin Coates shares plenty of tips and resources to help you get stuck into developing for voice. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/179-developing-for-voice Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
13 Dec 2018
183: Web Standards, DevTools, and Browser Preview for Visual Studio Code
Since Visual Studio Code burst onto the code editor scene, the steady improvements have made a number of web-related development tasks easier to handle. In this episode, we speak with web standards contributor and PM on the Visual Studio Code Kenneth Auchenberg (@auchenberg) on a wide range of topics. From VS Code's beginnings and current open source model, to Kenneth's recent experiments with Chrome headless in VS Code via browser-preview extension, this is an episode not to miss. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/183-visual-studio-code Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
7 Feb 2019
191: The State of Webcomponents
Web component have been a favorite topic here on the Web Platform Podcast for a while now. After years of waiting Web components finally seem like they are ready for prime time. Browser support is great and only getting better and more and more frameworks have an excellent inter-op story. Join us this week as we chat with Ben Farrell all about how web components may have finally arrived. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/191-the-state-of-webcomponents Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
4 Sep 2019
101: Browser Wars & Standards Battles
Brian Kardell (@briankardell) chats with us on Web Development and how it has evolved over the years. We discuss the beginnings of HTML, Web standards bodies, the inception of The Extensible Web Manifesto, Chapters.io, and more. Resources Brians recent presentation on Chapters.io & Web Standards - https://www.youtube.com/watch?v=rwWEQPc5GRE Web Incubator Group - https://www.w3.org/community/wicg/ Chapters.io - http://chapters.io/ SGML > HTML > XML https://www.youtube.com/playlist?list=PLzH6n4zXuckqTQBIEuBTyjsO-Ef7562_Z Brians Blog - https://briankardell.wordpress.com/
12 Aug 2016
103: Articulating Design Decisions
This week on the Web Platform Podcast Danny Blue and Amal Hussein chat with Tom Greever (@tomgreever), Author of ”Articulating Design Decisions”. Tom helps our hosts learn how to help communicate more effectively and we learn that maybe Danny is a jerk. Learn how design and dev can work together, how to avoid the “CEO button” and more! Resources Articulating Design Decisions: https://www.amazon.com/gp/product/1491921560/ref=as_li_ss_tl?ie=UTF8&linkCode=sl1&tag=tgcom-20&linkId=84214e9d9eb43548e949ad37c2e43f6c Articulating Design Decisions video series, training: https://player.oreilly.com/videos/9781491921579 Tom speaking at Mad+UX last year https://www.youtube.com/watch?v=x-FYe53LRA4 Style Guide Driven Development: http://blog.bitovi.com/style-guide-driven-development/ && https://www.smashingmagazine.com/2016/06/designing-modular-ui-systems-via-style-guide-driven-development/ Tom on Twitter: https://twitter.com/atomgroom
26 Aug 2016
169: Extending the DOM with Web Components
This week we talk about Customized Built-in Elements, part of the Custom Elements specification which hasn't had as much attention as other parts of the Web Component specs. Customized Built-in Elements allow developers to extend native DOM elements and add additional functionality. In this episode learn all about how they work, what benefits they provide and some practical use-cases along with a discussion on browser support for this exciting feature of the platform. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/169-extending-the-dom-with-web-components Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
23 Aug 2018
34: Tenon.io & Web Accessibility
10 Mar 2015
172: Behind the scenes of Babel 7
12 Sep 2018
167: PWAs with Alex Russell
31 Jul 2018
6 Jun 2018
15 Aug 2018
186: How we got into web development
We all got here somehow. This week Danny Blue and Leon Revill share how they got into web development. The web is a big place so how did those who do this as a career end up here? Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/186-how-did-you-get-into-web-development? Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
21 Mar 2019