วีดีโอ

Thank you for this !

best on internet

Informative, Ian.. Thanks

First link is not working anymore

17:09 I tried to wrap a separate Route with AppWrapper instead of all routes.. and it doesn't work.. Why?

Very nice walk-through. Cheers. 💪

So you migrated your entire app to save 13 seconds what about all the time it took to migrate the actual app???? as for me I will be sticking with react app for a very long time as I despise vite for too many reasons to count. watchers be warned. It is not a simple question when you realize you are no longer allowed to use a JS file and you are not being warned about unused hooks and you are damned.

.

holly molly homelander teaches recoil

Nice, but your algorithm to check the word and set the colors is a bit off. If the word is YODLE and you guess HELLO then you should not get {Grey, Yellow, Yellow, Green & Yellow} but instead it should be {Grey, Yellow, Grey, Green & Yellow}. The L exists in YODLE once, so only one of the L's in HELLO should have a color. Since one of them is Green, the other should be Grey. If the word were LABOR instead of YODLE then HELLO would have one Yellow L and one Grey L (it would be {Grey, Grey, Yellow, Grey, Yellow}). Each letter in the actual word should only apply a color to one letter in the guess. Once it has applied a color to the guess it should not be considered again.

very precise

Super succinct, no bloat. Easy explanation. Love it dude.

Thanks for this video, i was stuck in my learning due to this concept of em and rem and px, but you made just the right video as to why use them instead of px, i recommend this to other programmers.

Thanks for this! Any way to pull the words from a custom list so they can be inside jokes with friends?

[7:20] it's not so clear where is the Outlet component being used, but I think directly after the <nav> 😅

Is there any repo that you could provide with, please?

Thanks

Why do you define a separate async function within the loader functions? Couldn't you await awaitTimeout directly, then return the data?

Hi Lan I need your assistance to optimize react with Context api hook.

Thanks

And now, Recoil is dead.

I cant even get the black border on top of the page and i followed every step

Hey, did you fix the CSS issue?

I get it for fonts, but for stuff like the containers/boxes in the video, wont we encounter issues like this potentially? I just cannot imagine it being maintainable/scaleable, that these boxes now have REM and will start colliding with eachother, as soon as the user starts increasing the font size?

so use rems, aight thanks

You also forgot to check something, if my random word was "yours" and my guessed word was "sense" it would check both S instead of only one of them so both would be yellow in this case, but only one should be.

Thank you very helpful 😉.

React hook form has wasted so much time for my team, we hate it. Debugging it has been terrible, as there are often no error messages in the console. Do you have any suggestions for how to deal with it when there are no error messages? When it happens, it is usually somewhere inside of handleSubmit (the code doesn't reach our submit function).

Great and simple explanation. Thanks !

Great refactoring tip thanks.

How did you get the signIn/signUp to work within the action function? The Firebase "signInWithEmailAndPassword" is a client side function that you somehow got to run on the remix server. You have the cleanest code I've seen to date on React w/ Firebase, and I would love to see an update for 2024 because I cannot get this code to work in 2023/2024. Thanks!

Really good explanation, thanks for posting!

I also have my double person bed behind me. I'm lucky that my company never required video in meetings, but I was so much trying to hide it or blur it during interviews. But now I feel much encouraged since you have your bed in every video :)

what is width of the table you use?, I ordered 120cm ikea, thinking to changing it to 140cm atleast.

5:00 Install react hook form

This video really shows realistically how this process may look like. I just did a migration of CRA with typescript and it was not without some headaches. But worst of all was migrating jest tests to Vitest. I have 500+ tests in my solution. That took a couple of days of googling, rewriting and cursing. You can count on that you’ll need to rewrite some, as mocks behaves differently in vitest compared to jest, for example. Another one is different names on requireActual and jest.fn now being vi.fn etc. While it is faster with Vite and Vitest, you’ll notice that it is still not as mature as CRA, there is just less information to google about compared to CRA and Vite has its issues as well. I guess that it will get there eventually.

Nice one, but not even in the LG site at Brazil :(

13:12 create 3:41 db

For anyone facing this problem, I found most success just initializing a new Vite app, then just copy-pasting all the old files inside... Then you just need to adapt some of the config, App.tsx file, and you are basically done 👍

thanks for this clear tutorial, I am facing problem with I have validation for specific field but i want the error show when user type wrong thing if it write and delete it or click on submit will not show the error, how can i reach that? thanks a head @IanLenehan

Great video! How do i manage multiple react-select inputs and also how to create a reusable react-select component along with react-hook-form

I went through the same process and the same steps; for 2 hours or more, I found myself changing imports, altering extensions, adjusting configurations, and so on without success. Eventually, I was compelled to cancel everything and revert to the React script. However, after watching this video, I feel encouraged to give the migration to Vite another try.

Good

I didn’t know Cristiano Ronaldo’s brother was a programmer

Curious if anyone has found the optimal picture / display settings for a work environment? Currently on the standard "custom" mode, but wondering if anyone has found the best settings to set here

There is no mention of the monitor model anywhere in the video ?

That theme is punishing to the eye 🥹

you say "without move my head" and you are literally moving it :D th-cam.com/video/uKLuEI-nwB0/w-d-xo.htmlsi=Udrd8jzePOW59Edx&t=213 And that's my main question about ultrawide and side by side windows... do you have to constantly switch my head. With dual monitor, the main one is where my head is always pointed at and the secondary I occasionally tilt my head. Btw a phisiotherapist suggested to move the side one from left to right every month or so to avoid neck strain.

greeaaaattttt!!!!

The only problem with this monitor is that it has 60Hz. Is there the same model but with like 100-144 Hz?