Optimizing Your Web App for Maximum Runtime Performance and Premature Optimization 🦄

• React

  732 190,591 9.8 JavaScript

  A declarative, efficient, and flexible JavaScript library for building user interfaces.

  

  If your component depends on useContext(), React.memo() is useless. The component would rerender irrespective if the memo.

• react-window-infinite-loader

  1 724 10.0 JavaScript

  InfiniteLoader component inspired by react-virtualized but for use with react-window

  react-window also supports grid-based UI where there’s both horizontal and vertical scrolling(think of large e-commerce websites or an excel sheet) with variable item heights or widths. react-window-infinite-loader package that supports infinite loading and lazy load content outside the scroll area and also provides virtualization capabilities.

• Appwrite

  appwrite.io

  sponsored

  Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  

• comlink

  6 8,825 1.7 TypeScript

  Comlink makes WebWorkers enjoyable.

  

  The worker API is very simple, you would post a message to the worker. The worker would have the code to process and reply back with the results to the listeners. To make it even easier Google has created the comlink library.

• FlameGraph

  15 13,167 0.7 Perl

  Stack trace visualizer

  After an initial round of testing, you might get an idea of where and how to start optimizing your app. This blog assumes you have the prerequisite knowledge on how to read flame graphs and to get insights from the browser profiler.

Suggest a related project