Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 1 yıl önce •via X (Twitter)

EğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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

React Scan identifies slow components that excessively re-render

Aiden Bai

25,081 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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,073,002 görüntüleme • 3 ay önce

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 görüntüleme • 1 yıl önce

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,851 görüntüleme • 1 yıl önce

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

155,417 görüntüleme • 6 gün önce

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

570,397 görüntüleme • 12 gün önce

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 görüntüleme • 1 yıl önce

🔍 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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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

777,326 görüntüleme • 1 ay önce

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 görüntüleme • 5 ay önce

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,057 görüntüleme • 1 ay önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 9 ay önce