Loading video...

Video Failed to Load

Go Home

Introducing Million Autopilot: A VSCode extension that helps fix slow React renders! It's like ESLint, but for performance!

aidenybai's profile picture

Aiden Bai

68,563 subscribers

141,848 views • 1 year ago •via X (Twitter)

Science & TechnologyEducationGaming
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

Introducing React Doctor for Performance Fix slow React code and make it fast npx react-doctor@latest
0:13

Introducing React Doctor for Performance Fix slow React code and make it fast npx react-doctor@latest

Aiden Bai

146,903 views • 13 days ago

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,978 views • 1 year ago

Introducing React​ Review Agents write terrible React, this helps you fix it Just paste your GitHub repo! No signup required
0:16

Introducing React​ Review Agents write terrible React, this helps you fix it Just paste your GitHub repo! No signup required

Aiden Bai

154,034 views • 1 month ago

WIP: a Cursor/VSCode extension that optimizes your your React website ⚡️ It found the source of lag and sped it up 144ms!
0:15

WIP: a Cursor/VSCode extension that optimizes your your React website ⚡️ It found the source of lag and sped it up 144ms!

Aiden Bai

77,086 views • 1 year ago

In React, how would you fix the performance of this black bar animation that's dropping frames when the new page renders?
0:11

In React, how would you fix the performance of this black bar animation that's dropping frames when the new page renders?

Ryan Florence

456,251 views • 2 years 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

169,972 views • 1 month ago

today's special: 10,075× React renders with a side of curry please fix Uber Eats - this interaction takes 3.9s, causing my fps to drop from 120 to 1.
0:10

today's special: 10,075× React renders with a side of curry please fix Uber Eats - this interaction takes 3.9s, causing my fps to drop from 120 to 1.

Aiden Bai

156,695 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,074,873 views • 4 months ago

When the parent state changes, React recursively re-renders all children, but there is a nuance. Writing an article about it.
0:14

When the parent state changes, React recursively re-renders all children, but there is a nuance. Writing an article about it.

Alex Sidorenko

523,316 views • 3 years ago

Now that TanStack Table V9 is built on top of TanStack Store, it allows you to fine-tune re-renders with subscriptions to state slices or individual atoms. This might be a huge deal performance-wise for certain situations in React or Preact.
0:17

Now that TanStack Table V9 is built on top of TanStack Store, it allows you to fine-tune re-renders with subscriptions to state slices or individual atoms. This might be a huge deal performance-wise for certain situations in React or Preact.

Kevin Thomas Van Cott

43,219 views • 1 month ago

Introducing Facehash. A dead simple React component that generates cute unique minimalistic avatars based on a string. We all need to add avatars at some point in our SaaS, but we also all know not all users will upload them. easy fix => $ npm install facehash
0:18

Introducing Facehash. A dead simple React component that generates cute unique minimalistic avatars based on a string. We all need to add avatars at some point in our SaaS, but we also all know not all users will upload them. easy fix => $ npm install facehash

Anthony Riera

108,637 views • 5 months ago

¡Nuevo linter RAPIDÍSIMO alternativa a ESLint! Funciona en JavaScript, TypeScript, React y Vue. ✓ Revisa tu proyecto en milisegundos ✓ ¡100 veces más rápido que ESLint! ✓ Más de 500 reglas soportadas Se llama oxlint y está escrito en Rust: →
0:10

¡Nuevo linter RAPIDÍSIMO alternativa a ESLint! Funciona en JavaScript, TypeScript, React y Vue. ✓ Revisa tu proyecto en milisegundos ✓ ¡100 veces más rápido que ESLint! ✓ Más de 500 reglas soportadas Se llama oxlint y está escrito en Rust: →

Miguel Ángel Durán

32,968 views • 1 year ago

introducing React Explorer turn a React site into an interactive visualization react-explorer​.com
0:16

introducing React Explorer turn a React site into an interactive visualization react-explorer​.com

Aiden Bai

161,943 views • 1 year ago

See all the places your React component is used in VSCode with referencesCodeLens
0:17

See all the places your React component is used in VSCode with referencesCodeLens

Alex Sidorenko

136,968 views • 1 year ago

⚛️ I don't worry too much about re-renders in React. (unless I see performance issues) However, I do care about understanding how the rendering process works. ↓
0:19

⚛️ I don't worry too much about re-renders in React. (unless I see performance issues) However, I do care about understanding how the rendering process works. ↓

George Moller

38,567 views • 2 years ago

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

React Scan identifies slow components that excessively re-render

Aiden Bai

25,081 views • 1 year ago

Introducing: Rainbow Extension Built for power users, fun and accessible for everyone 🌈
0:15

Introducing: Rainbow Extension Built for power users, fun and accessible for everyone 🌈

Rainbow

197,404 views • 2 years ago

It looks like 6 million pages but really it's only 271k
0:19

It looks like 6 million pages but really it's only 271k

AntisepticMoose

72,098 views • 16 days ago

it's like a million years late but smiffy gave me the idea in a conversation lol #fnaf2movie #FNAF
0:15

it's like a million years late but smiffy gave me the idea in a conversation lol #fnaf2movie #FNAF

DJam

113,743 views • 7 months ago