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
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
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)
Next-gen browser and mobile automation test framework for Node.jsProject mention: Browserstack - too expensive? Is our consultant SCAMMING us? | /r/cicd | 2023-03-02
🔮 Libraries & tools for enabling Machine Learning driven user-experiences on the webProject 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.
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
🤖 Headless UI for Virtualizing Large Element Lists in JS/TS, React, Solid, Vue and SvelteProject 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 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 - 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!
Make optimisation of images part of your automated build processProject 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! :)
"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
A fast, efficient Node.js Worker Thread Pool implementationProject 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.
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
A memoization library which only remembers the latest invocationProject 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 – a tool to discover performance issues related to unintentional re-renders and unmounts
⚖️ 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
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.
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.
📈 Beautiful, high-performance Graphs and Charts for React NativeProject 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 hook to monitor an element enters or leaves the viewport (or another element).
A Github Action that automatically compresses JPEGs, PNGs and WebPs in Pull Requests.
😎 ♻️ A tiny React hook for rendering large datasets like a breeze.
React component that renders children elements when they enter the viewport.
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.
TypeScript Performance related posts
Globalping Guide: How to Run a Ping Command From Anywhere
2 projects | dev.to | 1 Jun 2023
Leftovers AI - meal generator
1 project | /r/programare | 30 May 2023
Globalping, an open source platform to run network tests globally
1 project | news.ycombinator.com | 18 May 2023
Found a great way to handle cookies and render blocking scripts
1 project | /r/webdev | 12 May 2023
Resources for understanding the Solid compiler
3 projects | /r/solidjs | 18 Apr 2023
Are there any go backends that work with solid?
1 project | /r/solidjs | 14 Apr 2023
virtua - Simple, fast, small and flexible virtual list component for React
1 project | /r/reactjs | 10 Apr 2023
A note from our sponsor - Sonar
www.sonarsource.com | 5 Jun 2023
What are some of the best open-source Performance projects in TypeScript? This list will help you:
|16||Reactime 6.0: State Debugger for React||1,893|