Josh W Comeau·4yWhy React Re-Renders
This tutorial is written to help beginner-intermediate React developers get more comfortable with React. It's the only “trigger” in React for a component to re-render. In React, every state change in React forces an application-wide render, but this isn't true. In this case, it sees that our paragraph has a text node that changed from 0 to 1.
Community Picks·4yReact re-renders guide: everything, all at once
Re -render happens when React needs to update the app with new data. Preventing re-renders with composition is an anti-pattern that can be the biggest performance killer. On every re-render React will re-mount this component (i.e. destroy it and re-create it from scratch), which is going to be much slower than a normal re-rendered. This pattern can be beneficial when a heavy component manages state.
Hacker News·4yAstro 1.0
Astro v1.0 is a web framework for building fast, content-focused websites. Over the last 16 months, Astro has grown from an empty repo to over 13,000 stars on GitHub and 30,000 early users around the world. Astro has already been Addy Osmani, Software Engineer, Google Chrome Astro’s fast performance is even more noticeable to end users.
Hashnode·4yHow to Debug Better with Chrome
Google Chrome is probably the most widely used and popular web browser among developers. It has gradually become the preferred web browser for most developers to test and debug their websites and web apps. Google Chrome provides developers with the ability to debug most web applications with the built-in developer tools (aka DevTools) within the browser.
DEV·4yA first look at Bun: is it really 3x faster than Node.js and Deno?
Bun is 3x faster than Node.js, plus NPM, plus tsc, plus rollup - but faster. Bun team attributes performance to time spent profiling, benchmarking and optimizing. The work culture at Oven (the brand behind Bun) is far from ideal for anyone aware of work ethics of this century.
Hashnode·4yMongoDB schema design best practices
MongoDB is a document-oriented NoSQL database that can store large amounts of data in a JSON format. It has a faster execution than RDBMS. This article will help you understand the theoretical core concepts of MongoDB that can be used to improve scalability and performance.
asayer·4yFour top Front End Monitoring Tools for your Website
Front-end or front-end application monitoring includes the process and tools for tracking and managing an application's presentation layer. For example, NGINX Amplify, a SaaS-based monitoring tool, monitors performance, tracks infrastructure assets, and enhances configuration using static analysis. OpenReplay tracks critical slowdowns, crashes, CPU/memory usage, rendering times, etc. It can capture JavaScript errors and sync with recordings. You can upload your source maps to see the source code in the stack trace.
Community Picks·4yHow to Implement Redis as Cache in Node.js
Redis is an open-source (BSD licensed) data structure store used as a database, cache, message broker, and streaming engine. Redis provides data structures such as strings, hashes, lists, sets, sorted sets with range queries, bitmaps, hyperloglogs, geospatial indexes, and streams.
CockroachDB·4yBuilding a Payments System That Scales to Infinity (With Examples)
Payments often don’t matter much beyond the 60-90 seconds during which a payment transaction takes place. Storing all of this data and keeping it available without bogging down your application can be. CockroachDB allows table- and row-level data homing, making it easy to assign rows to specific geographic regions.
Vercel·4yHow we made the Vercel Dashboard twice as fast – Vercel
Engineering Team took the Lighthouse score for our Dashboard from 51 to 94. Let’s review the techniques and strategies we used so you can make a data-driven impact on your application. Let's build a hook for detecting if an element is in the viewport. The 200vh element will push the <HeavyChildComponent /> below our viewport on page load.
asayer·4yForever Functional: A Treasury of Tips, Tricks and Techniques for JavaScript
We have published several articles providing tips, tricks and techniques derived from functional programming. They let you write shorter, clearer, easily tested and maintained code. Let’s review now all the suggested enhancements for your work.
Shopify Engineering·4yMastering React’s Stable Values
UseState and useReducer return a state update function that is constant – the hook will always return the same function. UseFocusEffect has to assume that this new function’s behavior is different and what it does (on every render) is call the cleanup function unsubscribe. The pitfall is in how we tell React to render the JSX.
Datadog·4ySimplify microservice governance with the Datadog Service Catalog
Datadog Service Catalog helps you consolidate knowledge of your organization’s services and streamline communication between SREs, application developers, and service owners. Service Catalog makes it easy for team members to reach out for ad-hoc communication before or during a deployment. It gives all parties a single source of truth to boost collaboration and help troubleshoot any unexpected behavior.
freeCodeCamp·4yHow to Optimize Your Node.js API
The PM2 cluster has scaled on all available CPUs: pm2 start app.js -i 0 5. Reduce TTFB (Time to First Byte) Time to the first byte is a measurement used as an indication of the responsiveness of a web server or other network resource. Cloudflare is one of the CDN solutions you can use to start with.
Hacker Noon·4yReact 18 Suspense fetch data from a headless CMS
React 18 was designed to help improve interactivity with features like selective hydration with Suspense to make hydration non-blocking and provide us with more transparency about how our architectural choices will affect our app's UX and performance. The faster your page responds to user input – the better. If we're okay with making several requests, but only rendering the last result, we can use a boolean flag isMount.
freeCodeCamp·4yHow to Improve AWS Performance Without Spending More Money
AWS has a concept of an EC2 Compute Unit (ECU) which is their way of abstracting away having to think about the servers your application is running on. The idea is that AWS provides you with a baseline CPU utilisation beyond which you pay for the CPU time you consume.
