React components for efficiently rendering large lists and tabular dataProject mention: Effectively rendering lists using the `useMemo` hook in React.js | reddit.com/r/reactjs | 2022-05-05
If you have trouble rendering a huge list of items, what you probably want to do is to only render a subset of it. This can by achieved by doing infinite scroll, or by using heavier stuff like react-virtualized and react-window are great libs to achieve this.
Fast and low overhead web framework, for Node.jsProject mention: Better Backend DX: Fastify + ESBuild = ⚡️ | dev.to | 2022-05-09
Why did I choose Fastify?
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!
handsontable is pretty decent, as long as you don't attach too much custom stuff to it.
Since browsers support native lazy-loading, do we need libraries like this https://github.com/aFarkas/lazysizes?
Some might argue that React’s relatively poor performance (it’s still plenty-fast for many apps) is due to Virtual DOM and prioritization of development experience, i.e., clarity over complexity. To counter the first argument - there’s React-like Inferno. For the second one - there’s Solid.
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.
why-did-you-render by Welldone Software monkey patches React to notify you about potentially avoidable re-renders. (Works with React Native as well.)Project mention: Is component getting rerendered multiple times such a big deal | reddit.com/r/reactjs | 2022-04-14
📈 A small, fast chart for time series, lines, areas, ohlc & barsProject mention: It's always been you, Canvas2D | news.ycombinator.com | 2022-03-04
you can use matchMedia to detect devicePixelRatio changes and re-sync:
everything stays crisp even as you browser-zoom. e.g. https://leeoniya.github.io/uPlot/demos/area-fill.html
Tiny vanilla JS plugin to display large data sets easilyProject mention: Rendering large datasets in Vue.js | dev.to | 2021-09-10
The difference in performance after adding this plugin is remarkable. However, if you need to be sure, there’s a compelling example at the top of their website that allows you to easily compare a regular table to a Clusterize.js-optimized table. Make sure you check out their playground, too, for even more proof.
A blazing fast js bundler/loader with a comprehensive API :fire:Project mention: Building a Webpack alternative in F# | dev.to | 2021-12-16
At the time I had been exploring alternatives to Webpack like fuse-box, parcel, and esbuild. Around the same time I was made aware aware that browsers had already implemented [ESM modules], so technically as long as you produced HTML, CSS, and JS you didn't need any kind of pre-processing at all.
A new cross-platform Apple Music experience based on Electron and Vue.js written from scratch with performance in mind. 🚀Project mention: which app will you install first? | reddit.com/r/pcmasterrace | 2022-05-13
For Apple Music you can use Cider. https://cider.sh
AWS Lambda Power Tuning is an open-source tool that can help you visualize and fine-tune the memory/power configuration of Lambda functions. It runs in your own AWS account - powered by AWS Step Functions - and it supports three optimization strategies: cost, speed, and balanced.Project mention: Optimize your workloads for Sustainability | dev.to | 2022-05-02
Use tools like AWS lambda power tuning, and AWS Compute Optimizer to right-size your resources. In addition, you should use Auto Scaling to automatically scale up and down based on demand. To improve the overall resource efficiency and reduce idle capacity in the entire Cloud AWS, use Amazon EC2 Spot Instances. Spot Instances are unused EC2 capacity in AWS, this instance also gives you up to a 90% discount compared to On-Demand prices. If you are using EKS you should follow the EKS Best Practices Guides - especially the Auto Scaling guide to improve the utilization of your nodes. Moreover, you should generally adopt a serverless, event-driven architecture to maximize overall resource utilization.
⚛️ Hooks for virtualizing scrollable elements in ReactProject mention: React Hyper Scroller v3 released! | dev.to | 2021-11-24
One thing to keep in mind is that React Hyper Scroller may not be the best for all use-cases. If it doesn't work for you, there are very cool alternatives like react-window, react-virtualized or react-virtual.
Integrated online shop based on Laravel 8 and the Aimeos e-commerce framework for ultra-fast online shops, scalable marketplaces, complex B2B applications and #gigacommerce
A fast, concurrency-focused task automation tool.
So in the first script tag, we imported the search-js module. Then, in the next script tag, we defined an asynchronous function called get_data(), this function makes a fetch request to this URL (https://dev.to/api/articles?per_page=900) and it returns a list of 900 dev.to articles in JSON format. To the next part, we add an event listener to the load event of the page, when the event is fired, we retrieve the articles from the get_data() function, then we create a new search-js instance. The constructor of search-js requires an identifier so we use the id of the articles. The search.addIndex('title') tells search-js to search for our query in the titles only, then finally, search.addDocuments is used to add the articles JSON data to the search-js instance.
An implementation of React v15.x that optimizes for small script size
Let's make our apps fast ⚡Project mention: Why do we use Context API with useMemo when we pass State to it? I can't get my head around it. | reddit.com/r/reactjs | 2022-03-19
Real-time visualizer for React lifecycle methods
A BVH implementation to speed up raycasting and enable spatial queries against three.js meshes.Project mention: Super Soldier Battle Game - Three.js - AWS Serverless | reddit.com/r/threejs | 2022-03-28
The game is currently unplayable for me (10fps) and I can run Witcher 3, so I definitely should be able to run this. You need to do some heavy optimizations. Looking at the console, while there is a high amount of time spent on rendering, over half the frame is spent on raycasting. You have to either reduce the amount of raycasters in your game, reduce the number of objects raycast against, divide meshes into smaller chunks (default raycast loops through entire geometry, so highpoly large meshes are really bad for you) and/or use BVH to speed up raycasting https://github.com/gkjohnson/three-mesh-bvh
displays the import size of the package you are importing inside the code editorProject mention: Good import cost plugin | reddit.com/r/neovim | 2021-09-21
coc-import-cost seem have been maintained better.
Firefox randomly using more than 60% CPU
1 project | reddit.com/r/firefox | 15 May 2022
How to improve parallelism with Rayon and reduce waiting time?
2 projects | reddit.com/r/rust | 23 Apr 2022
Is component getting rerendered multiple times such a big deal
1 project | reddit.com/r/reactjs | 14 Apr 2022
Is it possible to call a cli tool from node using variables passed from the frontend?
2 projects | reddit.com/r/node | 14 Apr 2022
5 tools for Core Web Vitals to measure and improve website UX
2 projects | dev.to | 14 Apr 2022
ReactJs Functional Component: useState behavior on updating the state with same value
1 project | reddit.com/r/reactjs | 11 Apr 2022
Best way to optimize Firefox?
1 project | reddit.com/r/firefox | 10 Apr 2022
|21||React Lifecycle Visualizer||1,250|
Are you hiring? Post a new remote job listing for free.