Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

this is one of the most common problems on react sites, but it's solvable with less than 10 lines of javascript you can see how what i type gets wiped out after hydration, but if you use an inline script tag like shown in this demo your input seamlessly transitions

Rhys

52,108 subscribers

178,655 views • 6 months ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Bobcats are the most common wild cat in North America but are elusive so rarely seen, making an encounter like this one extremely rare, but a good cautionary tale of what can happen if you attempt to get too close.

Bobcats are the most common wild cat in North America but are elusive so rarely seen, making an encounter like this one extremely rare, but a good cautionary tale of what can happen if you attempt to get too close.

The Weather Network

34,844 views • 5 months ago

One of the most common criticisms of our social media films, other than 'I hate maths', is 'no offence bru, but what use is this?' Sometimes the answer is 'none whatsoever', but in this case it does at least allow grown-ups to play with their toys.

One of the most common criticisms of our social media films, other than 'I hate maths', is 'no offence bru, but what use is this?' Sometimes the answer is 'none whatsoever', but in this case it does at least allow grown-ups to play with their toys.

Oxford Mathematics

35,239 views • 1 year ago

What if I told you the government could now tax you at more than 100% of your real investment gains? It sounds absurd, but that's exactly what can happen. In this video I explain how it can happen, why it's an unintended consequence of the new capital gains tax, and the steps investors can take to reduce the impact. If you own shares or ETFs, this is something you need to understand.

What if I told you the government could now tax you at more than 100% of your real investment gains? It sounds absurd, but that's exactly what can happen. In this video I explain how it can happen, why it's an unintended consequence of the new capital gains tax, and the steps investors can take to reduce the impact. If you own shares or ETFs, this is something you need to understand.

Chris Brycki

53,344 views • 1 month ago

Qwen QwQ-32B can reason as good as OpenAI o1 mini (in most of the cases). Best part? You can run this locally with an UI in less than 10 lines of Python Code (100% free and without internet).

Qwen QwQ-32B can reason as good as OpenAI o1 mini (in most of the cases). Best part? You can run this locally with an UI in less than 10 lines of Python Code (100% free and without internet).

Shubham Saboo

60,212 views • 1 year ago

Canada healthcare is horrifying “Today on how f*cked is Canadian healthcare: I need an MRI to see if I have a f*cking brain tumor. Go ahead guess when it is? Go ahead, guess. It's in 2026” “My MRI to see if I have a brain tumor is in 2026. It's March 2025 right now” “If you thought this was bad, it's actually worse than you thought. Because the appointment where we decided that I need this MRI was in December of last year. So it's not like it's 10 months from now. It's 13 months. It's a 13 month wait to see if I have a brain tumor” “I just thought this was a mistake — But no, I called and the clinic was like, yeah, the doctor actually requested that you have it earlier, but this is the next spot we have. We're seeing about 13 months out” “Canada where healthcare is free, but only if you can afford to wait.”

Canada healthcare is horrifying “Today on how fcked is Canadian healthcare: I need an MRI to see if I have a fcking brain tumor. Go ahead guess when it is? Go ahead, guess. It's in 2026” “My MRI to see if I have a brain tumor is in 2026. It's March 2025 right now” “If you thought this was bad, it's actually worse than you thought. Because the appointment where we decided that I need this MRI was in December of last year. So it's not like it's 10 months from now. It's 13 months. It's a 13 month wait to see if I have a brain tumor” “I just thought this was a mistake — But no, I called and the clinic was like, yeah, the doctor actually requested that you have it earlier, but this is the next spot we have. We're seeing about 13 months out” “Canada where healthcare is free, but only if you can afford to wait.”

Wall Street Apes

8,269,549 views • 1 year ago

Trust me, this never gets old. This is one of those messages you keep in a safe place to share with your children's children—both boys and girls...but I know some of you will still have problems with it.

Trust me, this never gets old. This is one of those messages you keep in a safe place to share with your children's children—both boys and girls...but I know some of you will still have problems with it.

Spotlight Abby

59,375 views • 2 years ago

When one of your co-workers is slacking but you get paid the same. ( Can you figure out how I tracked the INSANE prop for this? )

When one of your co-workers is slacking but you get paid the same. ( Can you figure out how I tracked the INSANE prop for this? )

Azeru Official

52,322 views • 5 months ago

Have you tried out the View Transitions API? ✨ Been playing have a play with it this evening 👀 A bit of JavaScript Web Animations API usage for those rainbow lines but sets me up for another demo idea! 💡 Repo && deets 👇

Have you tried out the View Transitions API? ✨ Been playing have a play with it this evening 👀 A bit of JavaScript Web Animations API usage for those rainbow lines but sets me up for another demo idea! 💡 Repo && deets 👇

jhey ʕ•ᴥ•ʔ

346,329 views • 3 years ago

Our history of what REAL problems are with the military go back way further than you can imagine. Denying a soldier water on a 12 mile ruck during an AB qual is nothing less than malfeasance. Yes, it's a TV show. But teeth should have been knocked down throat's before this.

Our history of what REAL problems are with the military go back way further than you can imagine. Denying a soldier water on a 12 mile ruck during an AB qual is nothing less than malfeasance. Yes, it's a TV show. But teeth should have been knocked down throat's before this.

Viking Rob

102,652 views • 25 days ago

TypeScript was inspired by a strange ask from the outlook team. Anders Hejlsberg(Anders Hejlsberg) - creator of C#, TypeScript, Turbo Pascal & Delphi - tells us how TypeScript was born: “The world started building larger and larger applications in JavaScript. We saw that externally, but also internally. One of the trigger events was when the outlook team came to see the C# team and asked us whether we would pretty please productize this thing called Script#. And we go, well, what is Script#? It's this cross compiler that allows you to cross compile C# into JavaScript such that you can basically treat JavaScript as an instruction language and run your C# apps in a browser. Why would anyone want to do that? Well, because then you can get a grownup programming language with grownup tooling. You can use Visual Studio, you can have projects. You can do all of these wonderful things that you can't do with JavaScript because JavaScript is just the scripting language with shitty tooling. And we thought, well, perhaps a better approach would be to fix JavaScript. I mean, surely you're not going to be best of breed in the JavaScript ecosystem by telling people to write in a different programming language”

TypeScript was inspired by a strange ask from the outlook team. Anders Hejlsberg(Anders Hejlsberg) - creator of C#, TypeScript, Turbo Pascal & Delphi - tells us how TypeScript was born: “The world started building larger and larger applications in JavaScript. We saw that externally, but also internally. One of the trigger events was when the outlook team came to see the C# team and asked us whether we would pretty please productize this thing called Script#. And we go, well, what is Script#? It's this cross compiler that allows you to cross compile C# into JavaScript such that you can basically treat JavaScript as an instruction language and run your C# apps in a browser. Why would anyone want to do that? Well, because then you can get a grownup programming language with grownup tooling. You can use Visual Studio, you can have projects. You can do all of these wonderful things that you can't do with JavaScript because JavaScript is just the scripting language with shitty tooling. And we thought, well, perhaps a better approach would be to fix JavaScript. I mean, surely you're not going to be best of breed in the JavaScript ecosystem by telling people to write in a different programming language”

The Pragmatic Engineer

116,193 views • 2 months ago

All these demo videos make HEAD SWAPPING with Nano Banana look so easy, but then you give it a try and you're like... uh... what? Why didn't that work? Here's what I've found. Nano Banana reads your image, almost literally, so if you write on the image, it reads the text. This is how Higgsfield AI 🧩 has capitalized on the tech: "Write on the image" and give it direction, right? Totally true, but you don't need Higgi to write on your image. Nano Banana will understand your direction regardless of where you write on your image. On one hand, Higgi is really smart, because they're hranessing the tech in a unique way, but the whole "Higgsfield's Banana Placement" is a bit of a misnomer. It's more of a "Banana Placement" and Higgi is just giving you a sort of basic Photoshop-type tool to work with (again, pretty smart), but the real tech is the Banana. 🍌 This is how I head swapped heads in Runway, but Nano Banana maintains the aesthetic qualities of your image almost perfectly, whereas Runway Reference spits out a very Gen-4 looking image. I like using Nano in Freepik (now Magnific), mainly because it's fast and I can get 4 gens at a time, and you need to gen a dozen times of so before you get a winner (most of the time). I was pumped when I saw Freepik introduce the @ reference feature, just like Runway has, but it doesn't seem to work for head swapping. My guess is because that's not really how Nano Banana tech works... ideally. Marco is the person I saw using this "A" and "B" method, back when Nano was on LM Arena, and man-oh-man, it just works... like a charm. You need experiment with how much of the face you blot out, and the angle and facial expression of your new head if you want the blend to be perfect. All of the results in this video are 100% Nano Banana. I did not do any Photoshop work to the images after the fact. I really hope this helps. Let me know if you have any questions. I'm happy to help. And I'll keep posting videos like this if you guys find them useful. Let me know! And if you want more serious, one-on-one AI consultation you can throw something on the books here:

All these demo videos make HEAD SWAPPING with Nano Banana look so easy, but then you give it a try and you're like... uh... what? Why didn't that work? Here's what I've found. Nano Banana reads your image, almost literally, so if you write on the image, it reads the text. This is how Higgsfield AI 🧩 has capitalized on the tech: "Write on the image" and give it direction, right? Totally true, but you don't need Higgi to write on your image. Nano Banana will understand your direction regardless of where you write on your image. On one hand, Higgi is really smart, because they're hranessing the tech in a unique way, but the whole "Higgsfield's Banana Placement" is a bit of a misnomer. It's more of a "Banana Placement" and Higgi is just giving you a sort of basic Photoshop-type tool to work with (again, pretty smart), but the real tech is the Banana. 🍌 This is how I head swapped heads in Runway, but Nano Banana maintains the aesthetic qualities of your image almost perfectly, whereas Runway Reference spits out a very Gen-4 looking image. I like using Nano in Freepik (now Magnific), mainly because it's fast and I can get 4 gens at a time, and you need to gen a dozen times of so before you get a winner (most of the time). I was pumped when I saw Freepik introduce the @ reference feature, just like Runway has, but it doesn't seem to work for head swapping. My guess is because that's not really how Nano Banana tech works... ideally. Marco is the person I saw using this "A" and "B" method, back when Nano was on LM Arena, and man-oh-man, it just works... like a charm. You need experiment with how much of the face you blot out, and the angle and facial expression of your new head if you want the blend to be perfect. All of the results in this video are 100% Nano Banana. I did not do any Photoshop work to the images after the fact. I really hope this helps. Let me know if you have any questions. I'm happy to help. And I'll keep posting videos like this if you guys find them useful. Let me know! And if you want more serious, one-on-one AI consultation you can throw something on the books here:

Jordan Daniel Chesney

62,089 views • 11 months ago

everyone’s asking how bad this cycle can get but if you zoom out – the trend is clear: each bear market is less severe than the last maps it out: –94% → –87% → –84% → –77% his base case? ~70% this time (+/–5%) and if that plays out, it lines up with when bottom indicators usually trigger worth watching this one full interview on Binance Square ↓

everyone’s asking how bad this cycle can get but if you zoom out – the trend is clear: each bear market is less severe than the last maps it out: –94% → –87% → –84% → –77% his base case? ~70% this time (+/–5%) and if that plays out, it lines up with when bottom indicators usually trigger worth watching this one full interview on Binance Square ↓

Karin Veri 🔸 Binance

98,696 views • 4 months ago

Here’s how I handle keyboard avoidance in React Native 👇 The keyboard covering your inputs is one of the most annoying UX issues on mobile. In this video, I show how I use react-native-keyboard-controller with reanimated to smoothly avoid this problem (👨‍💻 source code below)

Here’s how I handle keyboard avoidance in React Native 👇 The keyboard covering your inputs is one of the most annoying UX issues on mobile. In this video, I show how I use react-native-keyboard-controller with reanimated to smoothly avoid this problem (👨‍💻 source code below)

Beto

50,893 views • 1 year ago

This type of green matar was clearly visible in Modi ji's video. See how it's made - colors, chemicals & toxins. You can eat this poison daily, I don't care. But some of us would like to eat safe food.

This type of green matar was clearly visible in Modi ji's video. See how it's made - colors, chemicals & toxins. You can eat this poison daily, I don't care. But some of us would like to eat safe food.

Anuradha Tiwari

45,867 views • 3 months ago

Hidden Features of After Effects — Position Guides It's easy to add a guide to an After Effects composition, but how do you position them accurately? We find out in this handy tip! How many of you know about this one?

Hidden Features of After Effects — Position Guides It's easy to add a guide to an After Effects composition, but how do you position them accurately? We find out in this handy tip! How many of you know about this one?

Matt Volp

20,410 views • 2 years ago

did you know you can knock items out of enemies hands, but ONLY if you block an attack first? This lets you retrieve items like flamethrowers AND it makes for one of the most absurd abyss gear farming methods out there....

did you know you can knock items out of enemies hands, but ONLY if you block an attack first? This lets you retrieve items like flamethrowers AND it makes for one of the most absurd abyss gear farming methods out there....

Khraze

106,974 views • 4 months ago

Scottie Scheffler ended his presser Tuesday with 5 minutes on fulfillment in competitive golf -- or lack thereof: "This is not the place to look for your satisfaction. This is something where you can have a great appreciation for and like a great amount of thankfulness for being able to do this. Like I said, it's literally one of the most fun things I can do in my entire life. I love being able to come out here and compete, but at the end of the day, it's not what satisfies me."

Scottie Scheffler ended his presser Tuesday with 5 minutes on fulfillment in competitive golf -- or lack thereof: "This is not the place to look for your satisfaction. This is something where you can have a great appreciation for and like a great amount of thankfulness for being able to do this. Like I said, it's literally one of the most fun things I can do in my entire life. I love being able to come out here and compete, but at the end of the day, it's not what satisfies me."

Brentley Romine

13,007 views • 1 year ago

Most AI tools today are just command-takers. You type, it responds. You click, it executes. There's truly no learning, no memory, no adaptation. You're still doing most of the work. Which is why Miles by Avo on Solana would make so much sense if built well. From what I understand so far, miles learns about you over time, adapts to how you operate, and figures out the tools you struggle to navigate on your own. Less clicking, more conversation, the more you use it, the better it gets at working with you, not just for you. That shift from command-follower to learning companion is bigger than it sounds. It's the difference between a tool and an agent that actually knows you. The second one is Agent Grid and this one is for builders and power users. But as I mentioned in this video, I'm still studying the Agent Grid. I'd come talk about it once I learn properly about it. Souren just keeps shipping!

Most AI tools today are just command-takers. You type, it responds. You click, it executes. There's truly no learning, no memory, no adaptation. You're still doing most of the work. Which is why Miles by Avo on Solana would make so much sense if built well. From what I understand so far, miles learns about you over time, adapts to how you operate, and figures out the tools you struggle to navigate on your own. Less clicking, more conversation, the more you use it, the better it gets at working with you, not just for you. That shift from command-follower to learning companion is bigger than it sounds. It's the difference between a tool and an agent that actually knows you. The second one is Agent Grid and this one is for builders and power users. But as I mentioned in this video, I'm still studying the Agent Grid. I'd come talk about it once I learn properly about it. Souren just keeps shipping!

Sir Khaycee

20,419 views • 4 months ago