Design decisions in React-based ClojureScript applications

on YouTube ↗29m

" summary

Team builds about five React ClojureScript SPAs and reports practical tradeoffs: prefer one big app-state atom, keep components dumb and send events into a channel-based dispatcher (the big loop), or use Om Next style co-located queries when data needs are highly dynamic. For expensive recomputations pick dataflow/derived atoms (Re-frame/Reagent); for syncing send backend responses back through the event loop and bundle updates with a follow-up query. Resolve conflicts with optimistic versioning or full locks depending on conflict likelihood.

AI-written summary · about

" chapters (15)

1. 0:00Start
2. 1:16Recap on the Programming Model of React
3. 2:55Organizational State
4. 4:18Structural Mismatches
5. 4:50Unpredictable Data Needs
6. 5:30Updating Your State
7. 6:59Guiding Rules
8. 9:08The Big Loop
9. 10:37Co-Located Queries
10. 13:35Dataflow Programming
11. 17:30State Synchronization of the Remote Back-End
12. 21:33Pessimistic and Optimistic Concurrency Control
13. 22:29Pessimistic Concurrency Control
14. 24:34Advices
15. 25:03Do You Need Expensive Data Transformations

" related talks

• 38mThe challenges and benefits of a functional reactive frontendIan Davis · Strange Loop 2014
• 32mRefracting ReactDavid Nolen · React.js Conf 2015
• 41mThe ReactJS LandscapeLuke VanderHart · Clojure/West 2015
• 27mThe Functional Final FrontierDavid Nolen · Clojure/West 2014
• 41mModern Web App Development using ClojureScript & React jsBaishampayan “BG” Ghose · HighLoad++ 2015
• 46mNative and browser SPA versions using re-frame, ClojureScript and ReactNativeManuel Rivero · Software Craftsmanship Barcelona 2017
• 41mModern Web App Development using ClojureScript & React jsBaishampayan “BG” Ghose · HighLoad++ 2015
• 38m"Growing Data Center networking mgmt UI using ClojureScript, Reagent and re-frame"Kirill Ishanov · Clojure/conj 2023