Loading video...

Video Failed to Load

Go Home

Introducing React Scan v0.1: A drop-in <script> to scan your React app for slow performance and renders 5 min to setup. Try it out!

aidenybai's profile picture

Aiden Bai

57,492 subscribers

89,474 views • 1 year ago •via X (Twitter)

EducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

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

Aiden Bai

181,941 views • 1 year ago

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

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

Aiden Bai

62,581 views • 1 year ago

coming soon to React Scan: monitor React performance of users in production
0:18

coming soon to React Scan: monitor React performance of users in production

Aiden Bai

101,889 views • 1 year ago

React Scan identifies slow components that excessively re-render
0:12

React Scan identifies slow components that excessively re-render

Aiden Bai

25,047 views • 1 year ago

React Scan 0.1.2 is out! - new component tree view - smaller, cleaner toolbar - major performance improvements
0:15

React Scan 0.1.2 is out! - new component tree view - smaller, cleaner toolbar - major performance improvements

Aiden Bai

41,007 views • 1 year ago

Zero config react-scan for React Native in Radon IDE available under single switch. Would you use it? 👀
0:15

Zero config react-scan for React Native in Radon IDE available under single switch. Would you use it? 👀

Krzysztof Magiera

28,933 views • 1 year ago

Introducing React Doctor Scan your React codebase for anti-patterns: - Unnecessary useEffects - Fix accessibility issues - Prop drilling instead of context / composition Run as a CLI or agent skill. Repeat until passing. Fully open source
0:12

Introducing React Doctor Scan your React codebase for anti-patterns: - Unnecessary useEffects - Fix accessibility issues - Prop drilling instead of context / composition Run as a CLI or agent skill. Repeat until passing. Fully open source

Aiden Bai

1,072,812 views • 3 months ago

Introducing Million Lint: A VSCode extension that automatically fixes slow React code for you! Try it out via CLI: npx million@latest
0:15

Introducing Million Lint: A VSCode extension that automatically fixes slow React code for you! Try it out via CLI: npx million@latest

Aiden Bai

213,789 views • 1 year ago

Big Radon IDE update: 🏝️ Use React Query w/o extra config ⚛ Visualize renders with React Scan 🏎️ Use JS sampling profiler 💪 Tons of stability improvements
0:14

Big Radon IDE update: 🏝️ Use React Query w/o extra config ⚛ Visualize renders with React Scan 🏎️ Use JS sampling profiler 💪 Tons of stability improvements

Krzysztof Magiera

20,843 views • 1 year ago

Introducing React Native Doctor Find performance and security bugs in your mobile app Run via CLI and fix with agents. Fully open source npx react-doctor@latest
0:17

Introducing React Native Doctor Find performance and security bugs in your mobile app Run via CLI and fix with agents. Fully open source npx react-doctor@latest

Aiden Bai

147,883 views • 3 days ago

Introducing /react-doctor Your React app probably has bad code. This fixes it Install as agent skill. Fully open source. npx react-doctor@latest
0:15

Introducing /react-doctor Your React app probably has bad code. This fixes it Install as agent skill. Fully open source. npx react-doctor@latest

Aiden Bai

568,703 views • 9 days ago

ok we lied React Scan for Native is not shipping today but we're close:
0:16

ok we lied React Scan for Native is not shipping today but we're close:

Aiden Bai

43,803 views • 1 year ago

🔍 What causes lag in Expo apps? There are some quick tricks to understanding perf such as the React Scan-like debugging feature in Expo CLI, and enabling React Compiler. 🔗 I wrote a deep-dive on best practices in Expo for reference ↓
0:16

🔍 What causes lag in Expo apps? There are some quick tricks to understanding perf such as the React Scan-like debugging feature in Expo CLI, and enabling React Compiler. 🔗 I wrote a deep-dive on best practices in Expo for reference ↓

Evan Bacon 🥓

41,481 views • 1 year ago

In the next version of React Scan: Filter down and select parts of the UI that you care about
0:13

In the next version of React Scan: Filter down and select parts of the UI that you care about

Aiden Bai

62,860 views • 1 year ago

React Doctor v2 is here Your agent writes bad React code, this catches it Works with Next.js, Vite, React Native. Fix your app in minutes npx react-doctor@latest
0:13

React Doctor v2 is here Your agent writes bad React code, this catches it Works with Next.js, Vite, React Native. Fix your app in minutes npx react-doctor@latest

Aiden Bai

776,510 views • 27 days ago

Christmas drop at 🎄 Circular onboarding carousel from the amazing Alma app. Give it a try! ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated
0:15

Christmas drop at 🎄 Circular onboarding carousel from the amazing Alma app. Give it a try! ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated

make it animated

12,102 views • 5 months ago

We updated Argent to use React DevTools backend as the source of profiling data ⚛️ Took Claude Haiku 4.5 + Argent only 1.5 minutes to profile a flow in a React Native app 👀 Give it a try: npx @swmansion/argent init
0:12

We updated Argent to use React DevTools backend as the source of profiling data ⚛️ Took Claude Haiku 4.5 + Argent only 1.5 minutes to profile a flow in a React Native app 👀 Give it a try: npx @swmansion/argent init

Software Mansion

12,030 views • 1 month ago

Connecting to Binance Wallet (Web) is effortless. Just scan the QR code with your Binance app, confirm, and access your wallet in seconds!
0:15

Connecting to Binance Wallet (Web) is effortless. Just scan the QR code with your Binance app, confirm, and access your wallet in seconds!

Binance

109,781 views • 8 months ago

introducing: 3D image scan effect for Framer. fully customizable, with built-in interactivity and multiple visual modes. retweet & comment the word "SCAN" and i'll send you the component for free :)
0:18

introducing: 3D image scan effect for Framer. fully customizable, with built-in interactivity and multiple visual modes. retweet & comment the word "SCAN" and i'll send you the component for free :)

Framer University

12,965 views • 9 months ago