TypeScript Performance

Open-source TypeScript projects categorized as Performance

Top 23 TypeScript Performance Projects

  • solid

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

    Project mention: Resources for understanding the Solid compiler | /r/solidjs | 2023-04-18

    The reactivity core, which is in https://github.com/solidjs/solid This is where you'll see the reactivity runtime implementation. Take note that Solid's reactivity doesn't rely on compile-time magic

  • partytown

    Relocate resource intensive third-party scripts off of the main thread and into a web worker. 🎉

    Project mention: Leftovers AI - meal generator | /r/programare | 2023-05-30
  • Klotho

    AWS Cloud-aware infrastructure-from-code toolbox [NEW]. Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)

  • WebdriverIO

    Next-gen browser and mobile automation test framework for Node.js

    Project mention: Browserstack - too expensive? Is our consultant SCAMMING us? | /r/cicd | 2023-03-02

    We recently hired an engineer to write us integration tests with webdriver.io. All of our other tests run fine in Github actions - rspec, javascript jest, etc.

  • guess

    🔮 Libraries & tools for enabling Machine Learning driven user-experiences on the web

    Project mention: 7 Tricks to take the Performance of your Website to the Moon 🚀🌙 | dev.to | 2023-04-01

    You can even use quicklink or guess to optimally prefetch resources.

  • recyclerlistview

    High performance listview for React Native and web!

    Project mention: What is the fix for having a scrollable screen and having nested flat lists | /r/reactnative | 2023-03-11

    If you need more customization you can check out https://github.com/Flipkart/recyclerlistview and merge your flatlist into one recyclerlistview with different rendering types

  • virtual

    🤖 Headless UI for Virtualizing Large Element Lists in JS/TS, React, Solid, Vue and Svelte

    Project mention: Is Lazy Loading Necessary For This? | /r/reactjs | 2022-09-15

    Another solution could be virtualization (but perhaps that’s what you meant by lazy loading). Here’s a great lib for that: https://github.com/TanStack/virtual

  • react-intersection-observer

    React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.

    Project mention: Beautiful UI animation on scroll with React | dev.to | 2022-11-25

    1. Install react-intersection-observer from Github

  • Appwrite

    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!

  • memlab

    A framework for finding JavaScript memory leaks and analyzing heap snapshots

    Project mention: E2E testing for finding JavaScript memory leaks and optimization opportunities | news.ycombinator.com | 2022-10-03
  • ImageOptim-CLI

    Make optimisation of images part of your automated build process

    Project mention: Losslessly Optimising Images | news.ycombinator.com | 2022-08-30

    Disclaimer: There may be newer tools with better support for Linux or Windows, but for macOS users, the venerable "ImageOptim-CLI" project ^1 remains a powerful option.

    It wraps ImageOptim, ImageAlpha, and JPEGmini in a single executable, and is able to produce visually-indistinguishable image assets with 60-80% reduction in bytecount, for nearly any corpus of unoptimized files. I've used it to great effect as a webperf consultant. Enjoy! :)

    1. https://github.com/JamieMason/ImageOptim-CLI

  • sqip

    "SQIP" (pronounced \skwɪb\ like the non-magical folk of magical descent) is a SVG-based LQIP technique.

    Project mention: Stepped image compression API? | /r/webdev | 2022-09-02
  • piscina

    A fast, efficient Node.js Worker Thread Pool implementation

    Project mention: „nodejs can not scale well?“ | /r/node | 2023-03-24

    For threading best to use piscina and for clustering best to use pm2 which does not even need one line of code change in Node.js code.

  • parca

    Continuous profiling for analysis of CPU and memory usage, down to the line number and throughout time. Saving infrastructure cost, improving performance, and increasing reliability.

    Project mention: Julia 1.9 Highlights | news.ycombinator.com | 2023-05-10
  • memoize-one

    A memoization library which only remembers the latest invocation

    Project mention: Improving Render Performance in React | dev.to | 2022-11-21

    Another option is to memoize (not memorize) the results of the process. Memoization is a form of in-memory caching. We're only going to discuss this in the context of functional components where we can use the useMemo hook provided by React, but you may be able to achieve similar results in a class component using a third-party helper.

  • react-render-tracker

    React render tracker – a tool to discover performance issues related to unintentional re-renders and unmounts

  • packagephobia

    ⚖️ Find the cost of adding a new dependency to your project

  • Reactime 6.0: State Debugger for React

    Chrome developer tool for time travel debugging and performance monitoring in React applications.

    Project mention: ReacTime Feedback Request | /r/reactjs | 2023-03-01

    Thanks a lot! Link to github: https://github.com/open-source-labs/reactime

  • rx-angular

    Reactive Extensions for Angular.

    Project mention: Beyond Angular Signals: Signals & Custom Render Strategies | dev.to | 2023-04-17

    It has been a while now since the Angular team has been exploring (way more than we can think) alternative reactivity models and looking for something that lies between the extremes of naive Zone.js (i.e. Zone.js without OnPush) and Zoneless Angular combined with special pipes & directives like those provided by RxAngular.

  • hyperformula

    An advanced headless evaluator and parser of Excel formulas. Built with TypeScript.

    Project mention: QwikTape: Do calculations, annotate like you would on a paper | news.ycombinator.com | 2023-02-11

    My initial thoughts were how does a spreadsheet do it? but it's a different kind of beast.

    In search of a parser toolkit I had come across this https://github.com/handsontable/hyperformula which uses chevrotain to parse spreadsheet formulas and decided to use chevrotain for the parsing.

  • react-native-graph

    📈 Beautiful, high-performance Graphs and Charts for React Native

    Project mention: This Week In React-Native #137: Expo Code Elimination, Monorepo, Hermes, Chain React, EAS, Skia, Expo Router, VisionCamera, React-Native-Graph | /r/reactnative | 2023-03-09

    📦 React-Native-Graph 1.0: stable version for Margelo's Skia-based graph lib.

  • react-cool-inview

    😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).

  • image-actions

    A Github Action that automatically compresses JPEGs, PNGs and WebPs in Pull Requests.

  • react-cool-virtual

    😎 ♻️ A tiny React hook for rendering large datasets like a breeze.

  • react-lazy-load

    React component that renders children elements when they enter the viewport.

  • InfluxDB

    Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-05-30.

TypeScript Performance related posts

Index

What are some of the best open-source Performance projects in TypeScript? This list will help you:

Project Stars
1 solid 27,792
2 partytown 11,412
3 WebdriverIO 8,117
4 guess 6,946
5 recyclerlistview 4,886
6 virtual 4,179
7 react-intersection-observer 4,126
8 memlab 3,836
9 ImageOptim-CLI 3,337
10 sqip 3,335
11 piscina 3,198
12 parca 3,109
13 memoize-one 2,853
14 react-render-tracker 2,012
15 packagephobia 1,947
16 Reactime 6.0: State Debugger for React 1,893
17 rx-angular 1,618
18 hyperformula 1,535
19 react-native-graph 1,446
20 react-cool-inview 1,445
21 image-actions 1,309
22 react-cool-virtual 1,127
23 react-lazy-load 948
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com