With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. 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. 🎉
Project mention: Lessons from open-source: Partytown — a library that uses web worker to run third party scripts. | dev.to | 2024-03-15Partytown is a lazy-loaded library to help relocate resource intensive scripts into a_ web worker, and off of the main thread. Its goal is to help speed up sites by dedicating the main thread to your code, and offloading third-party scripts to a web worker. — Source
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
-
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.
-
next-enterprise
💼 An enterprise-grade Next.js boilerplate for high-performance, maintainable apps. Packed with features like Tailwind CSS, TypeScript, ESLint, Prettier, testing tools, and more to accelerate your development.
Project mention: Free Next.js Boilerplate for ⚡️High-Performance⚡️ Enterprise Apps | dev.to | 2023-05-18The next-enterprise is an open-source template developed by Blazity that provides a robust set of features for building enterprise projects. It offers high-performance, maintainable and enjoyable web app development, making it an excellent choice for developers who want to streamline their workflow.
-
Project mention: React native expo chat ui problem-flatlist frames dropping and scroll lag issue | /r/reactnative | 2023-06-13
You could try a Recycler list view https://github.com/Flipkart/recyclerlistview . I personally haven’t used it but I’ve heard a lot of good things about it
-
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
react-intersection-observer
React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
-
-
Workers multi-threading via Tinypool (a lightweight fork of Piscina)
-
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.
-
-
sqip
"SQIP" (pronounced \skwɪb\ like the non-magical folk of magical descent) is a SVG-based LQIP technique.
-
-
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
Developer tool for time travel debugging and performance monitoring in React applications.
-
-
RFC: @rx-angular/state/signals - extended signal and new eventEmitter
-
Check out React Native Graph, it uses Skia and handles 120fps animations: https://github.com/margelo/react-native-graph
-
hyperformula
HyperFormula is an open-source headless spreadsheet for business web apps. It comes with over 400 formulas, CRUD operations, undo-redo, clipboard support, and sorting. Built in TypeScript, supported by the Handsontable Team.
-
react-cool-inview
😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).
-
-
Benchmarking support with Tinybench
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
TypeScript Performance related posts
- Lessons from open-source: Partytown — a library that uses web worker to run third party scripts.
- Show HN: React Geiger – performance profiling using sound
- GlobalPing
- Migrating from Jest to Vitest for your React Application
- A sweet spot between signals and observables 🍬
- Show HN: Virtua – zero-config virtualization components for React
- Problems to be solved
-
A note from our sponsor - SurveyJS
surveyjs.io | 18 Mar 2024
Index
What are some of the best open-source Performance projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | solid | 30,696 |
2 | partytown | 12,551 |
3 | WebdriverIO | 8,714 |
4 | guess | 7,044 |
5 | next-enterprise | 5,262 |
6 | recyclerlistview | 5,105 |
7 | virtual | 4,888 |
8 | react-intersection-observer | 4,722 |
9 | memlab | 4,128 |
10 | piscina | 3,853 |
11 | parca | 3,737 |
12 | ImageOptim-CLI | 3,401 |
13 | sqip | 3,363 |
14 | memoize-one | 2,898 |
15 | react-render-tracker | 2,158 |
16 | Reactime 6.0: State Debugger for React | 2,148 |
17 | packagephobia | 2,040 |
18 | rx-angular | 1,828 |
19 | react-native-graph | 1,791 |
20 | hyperformula | 1,713 |
21 | react-cool-inview | 1,461 |
22 | image-actions | 1,381 |
23 | tinybench | 1,246 |