🔥The 9th Round of Easy Loan, Earn $40 Reward is in progress❗️ ⏰ Promotion Period: January 15th - Feburary 15th, 2025 👉 Register now and check more details at gate.io/campaigns/358

This week in React Scan: React Scan notifies when page is slow, and tells you what to optimize

Introducing React Scan v0.2 A drop-in script that detects slow React performance

Now this is incredible customer support. 18 minutes from bug report to deployed fix. Excellent work Aiden Bai Rob Pruzan Million.js

we're starting a React Scan working group: if you: 1. use react scan daily 2. want to try early releases & give feedback send me a dm :)

If you're building a React app and haven't used React Scan (by Aiden Bai): PLEASE DO. Refactored the Avelin codebase to prevent a plethora of unnecessary renders. Much smoother now. 💪 🧵 Keep reading for specifics:

Did you know: you can run React Scan on any website instantly when using the CLI npx react-scan@latest <url>

How do you actually fix slow renders after you know about them? React Scan notifications tells you which props, state, and context caused a component to re-render If you stop those from changing, and memoize the component, it wont re-render

This update ships with the first version of react-scan integration. For now we only use it to visualize renders. When you enable "Outline Renders" option you'll start seeing the indicators of React renders on top of the app.

Can't figure out why a component is re-rendering? React Scan can tell you exactly what caused the re-render after selecting it

Introducing Same.​dev Clone any website with pixel perfect accuracy One-shots Nike, Apple TV, Minecraft, and more!

In the next version of React Scan: View the parents of rendered components in the notifications view

this AI app can convert websites into studio ghibli here's Twitter: