Top 23 TypeScript Performance Projects
-
Project mention: Your one project with rust that you think is one of the best projects you have made. | reddit.com/r/rust | 2022-05-20
I was mostly inspired by https://github.com/solidjs/solid and so I started playing around with it. I also really like Rust so I decided to basically port the same concept to Rust. I mostly just looked at solid's source code and fiddled around until it worked :)
-
partytown
Relocate resource intensive third-party scripts off of the main thread and into a web worker. 🎉
Project mention: The smartest way to cache/speed up a Wordpress website - Close to static | reddit.com/r/Wordpress | 2022-05-10For example: https://partytown.builder.io is working on a webworker for tracker scripts
-
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: Wizard level tips for testing/QA JS browser code ? How do you ensure full coverage, generate test cases, etc ? | reddit.com/r/learnjavascript | 2022-03-03
My team uses Vue.js. We use Karma/Mocha/Chai and Sinon and Vue Test Utils to test our Vue components. For E2E testing we use Webdriver.io, but have in the past used Selenium written in Kotlin, and also Cypress.
-
Project mention: 💬 Full-featured high performance chat UI for React Native | reddit.com/r/reactnative | 2022-02-22
🚀 Using recyclerlistview for rendering messages
-
react-intersection-observer
React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
Alternatively, we can use a library that is designed to handle this functionality. This is the approach that we’ll follow in this article. We’ll be using the react-intersection-observer library, which is a React implementation of the intersection observer API. This library provides Hooks and render props that make it easy to track the scroll position of elements on the viewport.
-
sqip
"SQIP" (pronounced \skwɪb\ like the non-magical folk of magical descent) is a SVG-based LQIP technique.
-
Caching computed values in class components is a bit clunkier, especially if you are trying to avoid the UNSAFE_componentWillReceiveProps() lifecycle function. The React maintainers recommend using the memoize-one library:
-
Scout APM
Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
-
We used Benchmark.js for benchmarking and piscina as a pool for worker threads. benchmark.js was used to run the same code in 2 scenarios - one using a single thread and one using the piscina pool. The degree of parallelism was passed to the program via an environment variable. The test code is present in worker.js in both the cases.
-
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.
Parca collects, stores and makes profiles available to be queried over time. It is open source and can be deployed on production environments as Parca focuses on sampling profiling two main types of profiles: tracing and sampling.
-
Project mention: A website to view the size of a GitHub project and what languages are used | reddit.com/r/SideProject | 2021-12-01
Looks like they have an API you could try using. Although it looks like the API only exposes individual package stats. It would be cool on your website but it's also already very nice as it is!
-
react-render-tracker
React render tracker – a tool to discover performance issues related to unintentional re-renders and unmounts
Project mention: lahmatiy/react-render-tracker: React render tracker – a tool to discover performance issues related to unintentional re-renders and unmounts | reddit.com/r/reactjs | 2021-08-25Since RRT is on MVP stage, that's the main difference for now. [More features are planned](https://github.com/lahmatiy/react-render-tracker/issues/6), like better stats, viz improvements, non-ui client API and event log dumping for using on CI etc.
-
Reactime 6.0: State Debugger for React
Chrome developer tool and time-travel debugger for React applications (Gatsby and Next.js compatible)
-
Project mention: IssueManager - A realtime kanban board made with Appwrite and Angular14 | dev.to | 2022-05-12
It also includes RxAngular, a toolset focused on runtime performance and template rendering, and taiga-ui, an UI component library.
-
react-cool-inview
😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).
As the purpose of this article is infinite loading, we’re not going to go into the implementation details of the Intersection Observer API, and instead use an existing React Hook that provides that functionality for us, react-cool-inview.
-
hyperformula
A complete, open-source Excel-like calculation engine written in TypeScript. Includes 380+ built-in functions. Maintained by the team at Handsontable.
There was a time when we used Excel Services in SharePoint to meet some of our business user needs. I wouldn’t use Excel again, but back then it seemed to be a good trade-off between time-to-market and usability (meaning performance for most of the time).
Anyhow, we use https://github.com/handsontable/hyperformula to run calculations in our other components these days.
-
-
Project mention: Does a chat application require windowing to prevent performance issue ? | reddit.com/r/reactjs | 2021-08-30
https://github.com/wellyshen/react-cool-virtual 🚀 https://github.com/clauderic/react-tiny-virtual-list
-
Project mention: 🚀10 Trending projects on GitHub for web developers - 25th February 2022 | dev.to | 2022-02-25
View on GitHub
-
react-esi - React Edge Side Includes
-
swc is blazingly fast, try it: https://github.com/swc-project/jest
-
-
lighthouse-check-action
GitHub Action for running @GoogleChromeLabs Lighthouse audits with all the bells and whistles 🔔 Multiple audits, Slack notifications, and more!
lighthouse-check-action
-
It then builds on the assumption that all of Javascript performance scales linearly based on the results of that fishy benchmark. Never mind that in C you can stack allocate, or use arena allocators, or use a million of other tricks, where in JS, once you write {}, you got a heap allocation that you don't have any control over (and if you think this doesn't matter, this is one of the reasons why esbuild is so much faster than babel, or heck even kataw, the fastest JS parsing toolkit I'm aware of).
TypeScript Performance related posts
- IssueManager - A realtime kanban board made with Appwrite and Angular14
- Hydration is Pure Overhead
- Optimize JS thread using Partytown (Web Workers)
- SolidJs o novo React, porem melhor 😎
- Speed up your JavaScript with Partytown 🥳
- Which tool do to monitor react-native performance
- solidjs new releases approach
Index
What are some of the best open-source Performance projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | solid | 17,703 |
| 2 | partytown | 8,027 |
| 3 | WebdriverIO | 7,529 |
| 4 | recyclerlistview | 4,329 |
| 5 | react-intersection-observer | 3,247 |
| 6 | sqip | 3,228 |
| 7 | memoize-one | 2,748 |
| 8 | piscina | 2,470 |
| 9 | parca | 2,168 |
| 10 | packagephobia | 1,723 |
| 11 | react-render-tracker | 1,622 |
| 12 | Reactime 6.0: State Debugger for React | 1,479 |
| 13 | rx-angular | 1,270 |
| 14 | react-cool-inview | 1,269 |
| 15 | hyperformula | 1,180 |
| 16 | image-actions | 1,131 |
| 17 | react-cool-virtual | 980 |
| 18 | moize | 749 |
| 19 | react-esi | 608 |
| 20 | jest | 473 |
| 21 | next-super-performance | 352 |
| 22 | lighthouse-check-action | 327 |
| 23 | kataw | 303 |
Are you hiring? Post a new remote job listing for free.
