Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

64,408 subscribers

141,696 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitimOyun
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

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

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

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

153,382 görüntüleme • 1 ay önce

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

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,215 görüntüleme • 2 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

158,635 görüntüleme • 13 gün önce

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

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

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

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

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

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

¡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,781 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

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

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

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

🐸: “should we continue like this, Performance Team?” 🐯: “but it's going to go like that anyway” minghao instantly regretting what he said! 🫢 minghaoooo 😭
0:11

🐸: “should we continue like this, Performance Team?” 🐯: “but it's going to go like that anyway” minghao instantly regretting what he said! 🫢 minghaoooo 😭

𝒔𝒉𝒊𝒏

99,256 görüntüleme • 1 yıl önce

Interactive 3d explorer with React Three Fiber. Worked with an artist to fix the topology and reduce the size of the CAD model. Custom LUT to more closely match the colour grade of the renders.
0:13

Interactive 3d explorer with React Three Fiber. Worked with an artist to fix the topology and reduce the size of the CAD model. Custom LUT to more closely match the colour grade of the renders.

Ben Leonard

12,314 görüntüleme • 2 ay önce