d3.js’ component and update patterns easily allow for a more functional or Flux-like approach to visualisation rendering. Converting your render to a pure function of your model makes debugging much easier but often with an associated performance cost. Whilst this isn’t always noticeable in modern desktop browsers, it can be terminal on mobile or legacy browsers.
In this talk I’ll look at how immutable.js can be combined with d3.js to produce high performance visualisations, without compromising on your code’s structure
YOU MAY ALSO LIKE:
- Advanced JavaScript Workshop with Damjan Vujnovic (Online Course on 8th - 12th February 2021)
- React & Redux: Web Application Workshop with Damjan Vujnovic (Online Course on 3rd - 7th May 2021)
- FullStack eXchange 2021: The Conference on JavaScript & Node (Online Conference on 21st - 22nd July 2021)
- F# for a Real World E-commerce Project (SkillsCast recorded in October 2020)
- Nagareyama: a new Fable, faster, more powerful and easier to use (SkillsCast recorded in October 2020)
Immutable.js + d3.js = ?
Chris Price
I'm based in Newcastle upon Tyne and work as a Software Engineer at Scott Logic. I spend my days developing desktop/tablet/mobile web apps for financial services companies (unfortunately mostly hidden behind paywalls). I do like to blog about things when I can and am a core contributor to d3fc.