React Advanced

React Advanced Conference 2021

<p><span style="color: rgb(23, 23, 23); font-family: GothamPro, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;">There is generally a good understanding on how to render large (say, 100K items) datasets using virtual lists, …if they remain largely static. But what if new entries are being added or updated at a rate of hundreds per second? And what if the user should be able to filter and sort them freely? How can we stay responsive in such scenarios? In this talk we discuss how Flipper introduced map-reduce inspired FSRW transformations to handle such scenarios gracefully. By applying the techniques introduced in this talk Flipper frame rates increased at least 10-fold and we hope to open-source this approach soon.</span></p>

Beyond Virtual Lists: How to Render 100K Items with 100s of Updates/sec in React

Michel Weststrate

Vue.js London

Vue.js London 2022

React Advanced Conference 2022

TestJS Summit

TestJS Summit 2022

GraphQL Galaxy

GraphQL Galaxy 2022

Node Congress

Node Congress 2023

DevOps.js

DevOps.js Conf 2023

JS GameDev Summit

JS GameDev Summit 2023

TS Congress

TypeScript Congress 2023

JS Nation

JSNation 2023

React Summit

React Summit 2023