Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Our discussion with Tom Occhino is now live! We discuss: ✅How React changed the web ✅React Server Components ✅Performance optimizations ✅React Native ✅When NOT to use React And much more! Preview below, see the full talk here 👉

rwreact's profile picture

Real World React

1,149 subscribers

32,742 görüntüleme • 3 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

2 Yorum

Farhan H profil fotoğrafı
Farhan H3 yıl önce

@tomocchino Interesting talk.

JLarky profil fotoğrafı
JLarky3 yıl önce

@tomocchino "size is react doesn't matter" in one picture

Benzer Videolar

❌ Don't pass props to multiple nested components in React. ✅ Instead use libraries like react-query to better handle server state.
0:34

❌ Don't pass props to multiple nested components in React. ✅ Instead use libraries like react-query to better handle server state.

George Moller

137,443 görüntüleme • 3 yıl önce

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.
1:00

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.

George Moller

130,080 görüntüleme • 3 yıl önce

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.
0:46

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.

George Moller

177,645 görüntüleme • 1 yıl önce

✨ Free animated component library Built for Framer, React, and AI tools through MCP ✅ Ready-to-use components ✅ Clear previews ✅ Easy customisation controls ✅ Copy code →
0:20

✨ Free animated component library Built for Framer, React, and AI tools through MCP ✅ Ready-to-use components ✅ Clear previews ✅ Easy customisation controls ✅ Copy code →

Adham Dannaway

44,451 görüntüleme • 1 ay önce

You’ve been waiting for it ! The Expo × Supabase boilerplate is now fully live on Android 🤖 ✅ Google Auth ✅ RevenueCat subscriptions ✅ React Native + Reanimated v4 📚 Docs updated 🔄 Continuous updates Shoutout to @akhi_html5 for the help 🙏 👉
0:51

You’ve been waiting for it ! The Expo × Supabase boilerplate is now fully live on Android 🤖 ✅ Google Auth ✅ RevenueCat subscriptions ✅ React Native + Reanimated v4 📚 Docs updated 🔄 Continuous updates Shoutout to @akhi_html5 for the help 🙏 👉

rs

27,258 görüntüleme • 7 ay önce

❌ Avoid difficult-to-read conditionals to render elements in react. ✅ Instead use utility components for conditional rendering.
0:40

❌ Avoid difficult-to-read conditionals to render elements in react. ✅ Instead use utility components for conditional rendering.

George Moller

301,111 görüntüleme • 3 yıl önce

Introducing Agent React DevTools. AI agents can now inspect React apps beyond the UI: → Component tree and state → Renders and performance → Structured output for debugging Works with React and React Native. Learn more ⬇️
0:25

Introducing Agent React DevTools. AI agents can now inspect React apps beyond the UI: → Component tree and state → Renders and performance → Structured output for debugging Works with React and React Native. Learn more ⬇️

Callstack Engineers

18,242 görüntüleme • 4 ay önce

React Native SwiftUI TabView is now renamed to Native Bottom Tabs ✨ NPM Package name: `react-native-bottom-tabs` secured ✅ Now its time to establish good cross platform API, provide same features on both platforms and make it stable 😅
0:20

React Native SwiftUI TabView is now renamed to Native Bottom Tabs ✨ NPM Package name: `react-native-bottom-tabs` secured ✅ Now its time to establish good cross platform API, provide same features on both platforms and make it stable 😅

Oskar Kwaśniewski

17,889 görüntüleme • 1 yıl önce

❌ Avoid prop-drilling components in React ✅ Instead embrace the Provider/Consumer pattern using the Context API
1:02

❌ Avoid prop-drilling components in React ✅ Instead embrace the Provider/Consumer pattern using the Context API

George Moller

48,323 görüntüleme • 1 yıl önce

❌ You 𝗺𝗶𝗴𝗵𝘁 not need a react form library ✅ Instead you can use the FormData API's
1:03

❌ You 𝗺𝗶𝗴𝗵𝘁 not need a react form library ✅ Instead you can use the FormData API's

George Moller

81,577 görüntüleme • 3 yıl önce

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇
1:02

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇

Jordan Hughes

244,819 görüntüleme • 1 yıl önce

DeFi is changing. Now you can react. Today, 1inch has upgraded - to bring you: ✅ 2x faster Swaps ✅ Easier-to-manage Limit Orders ✅ More control in the new Trade interface With the same bulletproof security and market-leading rates. And it’s thanks to YOU…
0:27

DeFi is changing. Now you can react. Today, 1inch has upgraded - to bring you: ✅ 2x faster Swaps ✅ Easier-to-manage Limit Orders ✅ More control in the new Trade interface With the same bulletproof security and market-leading rates. And it’s thanks to YOU…

1inch

36,521 görüntüleme • 5 ay önce

Know React for the web? You are closer to shipping a mobile app than you think. Components, hooks, props, state: same React. The rendering layer is what changes. ◆ React DOM swaps for a native renderer ◆ Styling uses the StyleSheet API ◆ View, not div
1:00

Know React for the web? You are closer to shipping a mobile app than you think. Components, hooks, props, state: same React. The rendering layer is what changes. ◆ React DOM swaps for a native renderer ◆ Styling uses the StyleSheet API ◆ View, not div

Expo

15,883 görüntüleme • 15 gün önce

❌ useMemo, useCallback, memo everywhere ✅ React Compiler handles it automatically React Compiler v1.0 is here. It analyzes your code at build time and adds memoization where needed.↓
0:45

❌ useMemo, useCallback, memo everywhere ✅ React Compiler handles it automatically React Compiler v1.0 is here. It analyzes your code at build time and adds memoization where needed.↓

George Moller

63,006 görüntüleme • 6 ay önce

Radon IDE 1.0 is live! 🎉 Turn VSCode and Cursor into a fully-fledged IDE for React Native and Expo: ✅ Build & run RN and Expo apps in integrated panel w/o extra configuration ✅ Jump to code from inspector, view hierarchy or log console ✅ Use debugger effortlessly in your code
3:04

Radon IDE 1.0 is live! 🎉 Turn VSCode and Cursor into a fully-fledged IDE for React Native and Expo: ✅ Build & run RN and Expo apps in integrated panel w/o extra configuration ✅ Jump to code from inspector, view hierarchy or log console ✅ Use debugger effortlessly in your code

Software Mansion

41,314 görüntüleme • 1 yıl önce

For our new product, we built a chat in React Native that feels like iMessage Here's how we did it: ① Fabric Swift View ② UICollectionView ③ SwiftUI cells via UIHostingConfiguration React is responsible for the state - mutations, fetching, infinite loading - all via React Query. The native Fabric view is purely for rendering. React decides what to show, native decides how to show it The bridge between three frameworks was tricky but worth it. UICollectionView animations come for free and scroll performance is native-smooth No blank spaces and no FPS drops - all powered by the New Architecture Who wants to see the code?
0:25

For our new product, we built a chat in React Native that feels like iMessage Here's how we did it: ① Fabric Swift View ② UICollectionView ③ SwiftUI cells via UIHostingConfiguration React is responsible for the state - mutations, fetching, infinite loading - all via React Query. The native Fabric view is purely for rendering. React decides what to show, native decides how to show it The bridge between three frameworks was tricky but worth it. UICollectionView animations come for free and scroll performance is native-smooth No blank spaces and no FPS drops - all powered by the New Architecture Who wants to see the code?

Baran

110,887 görüntüleme • 10 ay önce

we released our react package build an ai chat w/ interactive components in a few lines of code. add it to your app with: npx tambo full-send we support: - streaming for both messages and components - message history and message threads - state manage for generated components - suggested actions based on available components - component library that uses the react package the react package is open-source. server package will be open-sourced later this year.
1:01

we released our react package build an ai chat w/ interactive components in a few lines of code. add it to your app with: npx tambo full-send we support: - streaming for both messages and components - message history and message threads - state manage for generated components - suggested actions based on available components - component library that uses the react package the react package is open-source. server package will be open-sourced later this year.

Michael Magán

65,473 görüntüleme • 1 yıl önce

After many long years, the most widely used React framework in the world has React Server Components support! And the migration story is iterative, not "big bang" 💥 I think React Router's take on RSC is really great. Here's what you need to know.
1:34

After many long years, the most widely used React framework in the world has React Server Components support! And the migration story is iterative, not "big bang" 💥 I think React Router's take on RSC is really great. Here's what you need to know.

Kent C. Dodds 🏹

37,467 görüntüleme • 8 ay önce

"It was a great tempo to the game" ⚡️ The EFL crew react to Coventry's win over Middlesbrough ✅
1:06

"It was a great tempo to the game" ⚡️ The EFL crew react to Coventry's win over Middlesbrough ✅

Sky Sports Football

34,204 görüntüleme • 6 ay önce