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. Learn more →
Top 23 TypeScript Performance Projects
-
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. 🎉
-
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)
-
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.
-
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.
-
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
-
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.
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!
-
Project mention: E2E testing for finding JavaScript memory leaks and optimization opportunities | news.ycombinator.com | 2022-10-03
-
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! :)
-
sqip
"SQIP" (pronounced \skwɪb\ like the non-magical folk of magical descent) is a SVG-based LQIP technique.
-
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.
-
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
-
-
Reactime 6.0: State Debugger for React
Chrome developer tool for time travel debugging and performance monitoring in React applications.
Thanks a lot! Link to github: https://github.com/open-source-labs/reactime
-
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.
-
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.
-
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).
-
-
-
-
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
- Globalping Guide: How to Run a Ping Command From Anywhere
- Leftovers AI - meal generator
- Globalping, an open source platform to run network tests globally
- Found a great way to handle cookies and render blocking scripts
- Resources for understanding the Solid compiler
- Are there any go backends that work with solid?
- virtua - Simple, fast, small and flexible virtual list component for React
-
A note from our sponsor - Sonar
www.sonarsource.com | 5 Jun 2023
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