~/talk

Unique Value Proposition of CSSinJS and the Future

Talkat ReactiveConf 2017 · on Wednesday, 2017-10-25· [css, react]
github:kof
slides:none on file

Argues concrete wins: JSS uses the CSS Object Model to insert rules and supports function values and observables so styling updates bypass React reconciliation, letting a demo run ~300 animated objects at ~60 fps until a drop to ~50 fps while equivalent React inline styles fall to ~10–11 fps (claimed 2–3× slower). Describes runtime theming via provider/context with nesting, a swinging-cat observables challenge, and an interoperable style transfer format (spec ~90% done, parser being implemented) to share styles without bundling every runtime.

AI-written summary · about

  1. 0:00Start
  2. 1:14Difference between Web Sites and Applications
  3. 2:23Publishing
  4. 3:39Css
  5. 5:14Shadow Dom
  6. 6:11Theming
  7. 7:05Use Built-In Theme
  8. 8:15Css Variables
  9. 10:13Nest Providers
  10. 10:38Data-Driven Styling
  11. 11:15Streaming Animations
  12. 13:42Css Object Model
  13. 14:33Function Values
  14. 15:21Demo
  15. 16:41Using Observables
  16. 25:21Is this Mainly Targeted for the Web
  17. 26:44External Libraries
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.