Logo
    Search

    12: Flux Application Architecture & React

    enSeptember 26, 2014

    About this Episode

    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

     

    Flux Projects In Progress

     

    Flux Implementations

     

    React Channels

     

    Recent Episodes from The Web Platform Podcast

    203: Learning Losses For the Web Platform

    203: Learning Losses For the Web Platform

    Do developers still learn the foundational aspects of the Web Platform? Justin and Erik dates themselves and argue about what them there whippersnappers are learning about building on the web platform today.

    Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/203-learning-losses-for-the-web-platform

     

    Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

    The Web Platform Podcast
    enOctober 03, 2022

    201: Evolution of Modern JavaScript live @ OpenJS World 2020

    201: Evolution of Modern JavaScript live @ OpenJS World 2020

    To say the way we use and write JavaScript has evolved since the launch of ES2015 is an understatement. Atomics, TypedArrays, globalThis, and function generators are just a few ways JavaScript has grown up to meet the needs of a growing web platform. But it's not just language that has evolved, it's our entire toolchain as we have come to rely on compiled JavaScript as the "new normal". Join for a very special episode of The Web Platform podcast as we discuss all this and more with our invited expert on all things ECMA - Jordan Harband at OpenJS World 2020.

    Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/201-evolution-of-modern-javascript-live-@-openjs-world-2020

     

    Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

    200: Pika and Snowpack

    200: Pika and Snowpack

    Episode 200 marks the return of Amal Hussein back to the panel! Amal, Danny, and Erik chat with Fred K. Schott about Pika, Snowpack, and the future of web development and tooling. Snowpack is an innovative approach to creating fast dev environments without crazy reloading times and complications. That is only the tip of the iceberg for Pika. A plethora of tools for modern web development is here and ready for you.

    Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/200-pika-and-snowpack

     

    Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.

    199: Deno

    199: Deno

    Deno is a secure runtime for JavaScript & TypeScript created by the creator of Node.js (Ryan Dahl). David Else, software developer at Else Web Development, has been working with the project for a while aND talks with Danny and Erik about the latest Deno release.

    Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/199-deno

     

    Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.