Beyond Virtual Lists: How to Render 100K Items with 100s of Updates/sec in React-Michel Weststrate
React Advanced 2021 ##ReactAdvanced #GitNation Website β https://reactadvanced.com/ Follow the link to watch the full version of all the conference talks, QnAβs with speakers and hands-on workshop recordings β https://portal.gitnation.org/events/react-advanced-conference-2021 Talk: Beyond Virtual Lists: How to Render 100K Items with 100s of Updates/sec in React 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. This event would not take place without the support of sponsors: π Platinum Sponsors Toptal β https://www.toptal.com/freelance-jobs The Graph β https://thegraph.com/en/ Focus Reactive β https://focusreactive.com/ π₯ Gold Sponsors StackHawk β https://www.stackhawk.com/ Sanity β https://www.sanity.io Kontent by Kentico β https://kontent.ai/ Sourcegraph β https://about.sourcegraph.com/ Shopify β https://shopify.engineering/ Ionic β https://ionicframework.com/ JetBrains β https://www.jetbrains.com/ Progress KendoReact β https://www.telerik.com/kendo-react-ui/ Sentry β https://sentry.io/ Snyk β https://snyk.io/ Neuralegionβ https://www.neuralegion.com/ π₯ Silver Sponsors Stream β https://getstream.io/ CodeSandbox β https://codesandbox.io/ Smarkets β https://smarkets.com/about/ 3T β https://studio3t.com/ Modus Create β https://moduscreate.com/ Theodo β https://www.theodo.co.uk/ Commercetools β https://commercetools.com/ Strapi β https://strapi.io/ MUX β https://mux.com/ Callstack β https://callstack.com/ hackajob β https://hackajob.co/talent Hasura β https://hasura.io/ twilio β https://twilio.com/ahoy/ zeroheight β http://www.zeroheight.com/