Flight.js

on YouTube ↗25m

" summary

Flight is a tiny component layer that runs all of twitter.com and most of TweetDeck and has been battle‑tested for about a year. Each component maps to a single DOM node, manipulates that node, and communicates only by firing and listening to DOM events — leveraging event bubbling for decoupled communication. Data logic lives in separate components, and tests use flight‑jasmine to give a fresh instance per spec so components are easy to unit test and compose.

AI-written summary · about

" chapters (11)

1. 0:00Start
2. 5:53Necessary complexity
3. 6:05Adding features means adding to the mental overhead of understanding the app
4. 7:39Flight aims to completely decouple our application components
5. 8:17Components have a simple contract with the outside world
6. 10:03Make greater use of the DOM
7. 10:45Inherent hierarchy
8. 15:04Toggle
9. 15:40Atomic components make for great tests
10. 20:54Flight doesn't prescribe a templating engine, where you keep state or how you structure data
11. 22:22Bring your own architecture

" related talks

• 23mYou should be using Twitter's Flight framework.Kassandra Perch · MountainWest JavaScript 2014
• 37mMeteor - A Full Stack Framework For Building Pure JavaScript AppsEmily Stark · JSConf.Asia 2013
• 25mBuilding the Next Generation of Airlines WebsitesIván Olivares Rojas · Next.js Conf 2020
• 30mJavascript @ UberDustin Whittle · AmsterdamJS Conference 2017
• 31mHeaven & Hell JavaScript ... everywhere?Matthew Eernisse · JSConf US 2011
• 58mFrontin' like a Back-erFrank de Jonge · Laracon EU 2015
• 07mLightning Talk: A Backend Engineer's Vue of Front-End DevelopmentJared Knipp · PAYMENTSfn 2019
• 44mMicro Frontend: the microservice puzzle extended to frontendaudrey neveu · Jfokus 2019