Top 23 TypeScript Performance Projects
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 :)
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-10
For example: https://partytown.builder.io is working on a webworker for tracker scripts
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!
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.
High performance listview for React Native and web!Project mention: 💬 Full-featured high performance chat UI for React Native | reddit.com/r/reactnative | 2022-02-22
🚀 Using recyclerlistview for rendering messages
React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.Project mention: React scroll animations with Framer Motion | dev.to | 2022-05-11
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" (pronounced \skwɪb\ like the non-magical folk of magical descent) is a SVG-based LQIP technique.
A memoization library which only remembers the latest invocationProject mention: Techniques to optimize React render performance: part 2 | dev.to | 2022-03-11
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:
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.
A fast, efficient Node.js Worker Thread Pool implementationProject mention: Benchmarking Node.js Worker Threads | dev.to | 2022-03-23
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.
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: Continuous Profiling in Kubernetes Using Pyroscope | dev.to | 2022-01-19
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.
⚖️ Find the cost of adding a new dependency to your projectProject 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 – a tool to discover performance issues related to unintentional re-renders and unmountsProject 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-25
Since 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.
Chrome developer tool and time-travel debugger for React applications (Gatsby and Next.js compatible)
Reactive Extensions for Angular.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 hook to monitor an element enters or leaves the viewport (or another element).Project mention: React Hooks for infinite scroll: An advanced tutorial | dev.to | 2021-09-27
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.
A complete, open-source Excel-like calculation engine written in TypeScript. Includes 380+ built-in functions. Maintained by the team at Handsontable.Project mention: C Compiler Which Targets Excel (MS Office) | news.ycombinator.com | 2021-11-30
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.
A Github Action that automatically compresses JPEGs, PNGs and WebPs in Pull Requests.
😎 ♻️ A tiny React hook for rendering large datasets like a breeze.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
The consistently-fast, complete memoization solution for JSProject mention: 🚀10 Trending projects on GitHub for web developers - 25th February 2022 | dev.to | 2022-02-25
View on GitHub
React ESI: Blazing-fast Server-Side Rendering for React and Next.jsProject mention: React Libraries | dev.to | 2021-12-07
react-esi - React Edge Side Includes
Super-fast alternative for babel-jest or ts-jest without type checking (by swc-project)Project mention: Slow tests with ts-jest | reddit.com/r/node | 2021-11-15
swc is blazingly fast, try it: https://github.com/swc-project/jest
The case of partial hydration (with Next and Preact)Project mention: Next.js 11 | news.ycombinator.com | 2021-06-15
GitHub Action for running @GoogleChromeLabs Lighthouse audits with all the bells and whistles 🔔 Multiple audits, Slack notifications, and more!Project mention: Análise de Performance com Lighthouse e Github Actions | dev.to | 2022-05-10
TypeScript Performance related posts
IssueManager - A realtime kanban board made with Appwrite and Angular14
5 projects | dev.to | 12 May 2022
Hydration is Pure Overhead
3 projects | dev.to | 20 Apr 2022
Optimize JS thread using Partytown (Web Workers)
1 project | dev.to | 11 Apr 2022
SolidJs o novo React, porem melhor 😎
1 project | dev.to | 6 Apr 2022
1 project | dev.to | 16 Mar 2022
Which tool do to monitor react-native performance
1 project | reddit.com/r/reactnative | 7 Mar 2022
solidjs new releases approach
1 project | reddit.com/r/solidjs | 27 Feb 2022
What are some of the best open-source Performance projects in TypeScript? This list will help you:
|12||Reactime 6.0: State Debugger for React||1,479|
Are you hiring? Post a new remote job listing for free.