Ryan Florence

@ryanflorence • 29,870 subscribers

Latter-Day Saint, family man, software dev (w/e that is now), tarnished 🚤🏂🎸🧑‍💻⚽️🎾🍉🇺🇸

Shorts

456,301 views

15,949 views

75,563 views

23,046 views

18,409 views

Videos

sweetdream.ai

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Private Show

Join now for exclusive access

Free preview available • Premium content

599,062 views • 3 years ago

285,891 views • 2 years ago

176,503 views • 1 year ago

124,874 views • 1 year ago

138,294 views • 1 year ago

86,526 views • 1 year ago

31,901 views • 7 months ago

77,440 views • 2 years ago

91,651 views • 3 years ago

41,515 views • 1 year ago

10,847 views • 4 months ago

12,015 views • 5 months ago

12,647 views • 6 months ago

25,843 views • 1 year ago

Live Cam

Ryan Florence

Shorts

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

still don't know what to make of all this i used to write software for myself like this all the time but it took way longer than a dictated text message to a grok bot and i kinda cared about the code

Context Coding letting me do things in a few minutes I have no business doing on my own in a few weeks mouse velocity is next

Details are my favorite thing The aim is always for the topmost menu, not the submenu of whatever you're exiting got mouse velocity now too so you can make it in time to the big ones

All the APIs MJ and I designed for Remix's new component model and network layer are really shaping up. Can't wait to finish it all up and then make some docs and demos for Remix Jam. We are WAY farther than I expected to be at this point! haha

Videos

Watch Anya Live

Thanks to `flushSync`, you can finally manage focus in React again 🙌 (but I will always love this.setState)

Not trying to put Cory on blast, but I see this often Disabled buttons are accessible If you aren't familiar with how to navigate with a screen reader and rely on tabbing around, it may seem inaccessible. But really you just don't know how to use a screen reader yet

How in the heck do you do this without something like React?

okay we're cooking now

Co-pilot refuses to autocomplete stuff regarding gender

I stopped debugging like a caveman and you can too

They gave me everything I wanted in the new Navigation API. Grateful for folks like Domenic Denicola (and anybody else who worked on this) who make the web better. Just wanted to show off a few things as I took it for a spin for the first time in earnest.

WHAT IS REACT DOING WITH SUSPENSE?! WTH*CK honestly idk all the details rn but I know preloading is important and you'll probably want to get good at it if you want to optimize data loading and provide a snappy UX while it happens Here's how it looks in future React Router v7

🤩 So hyped on this Remix 💿 demo I had to record something NOW, notwithstanding the wrong recording equipment and disheveled beard. Few more details to clean up and then I'll record some official Remix singles on this.

I don't know if SQL is bad or not but losing user data in the middle of a workflow certainly is! Did you know you can block React Router navigations in to prevent losing user data? let blocker = useBlocker(shouldBlock) blocker.state blocker.proceed() blocker.reset()

Happy Father's day dads! I'm at the end of raising my kids and my only regret is that we should have had a dozen of them This video (not mine) describes my feelings perfectly

Just vibing Remix 3, going to get it behaving the way I want and then go look at the mess the agent did or didn't make, correct things, and use that to instruct the skills/docs

i can't believe i used to have to drive my car and miss all of this

Goofing around with some in progress React Router work by Mark Dalgleish: More granular route module code-splitting for faster transitions!