Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

⚛️ React Tip: I f you want easily shareable URLs, use the useQueryParams hook. ↓

_georgemoller's profile picture

George Moller

118,670 subscribers

84,767 görüntüleme • 2 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

George Moller profil fotoğrafı
George Moller2 yıl önce

I've been working professionally with React for more than 8 years and I compiled all my knowledge into 100+ infographics just like this one. Check them out ↓

George Moller profil fotoğrafı
George Moller2 yıl önce

I've been working professionally with React for more than 8 years and I compiled all my knowledge into 100+ infographics just like this one. Check them out ↓

Angel profil fotoğrafı
Angel2 yıl önce

I have taken the idea from your tweet and asked chatgpt to create that hook using nextjs router. It could be improved by adding zod validation and be able to separate params in several hooks (for example one subset for pagination and another one for table filtering)

Roni Rahman profil fotoğrafı
Roni Rahman2 yıl önce

Great tip as usual George 🙌

George Moller profil fotoğrafı
George Moller2 yıl önce

Thanks Roni! I used this hook a lot to make urls easily shareable so I thought to share it! Glad you liked it!

Caleb Panza ☾ profil fotoğrafı
Caleb Panza ☾2 yıl önce

Cc @jjordanwade

Dayo Awobeku profil fotoğrafı
Dayo Awobeku2 yıl önce

sleek!

George Moller profil fotoğrafı
George Moller2 yıl önce

Glad you liked the video Dayo!

Toby profil fotoğrafı
Toby2 yıl önce

I almost always have to write this hook in every project I work on. Created a repo for it months ago but never worked on it. Glad to see that somebody has already done it.

George Moller profil fotoğrafı
George Moller2 yıl önce

The same happened to me until I found useQueryParams library 😅

Benzer Videolar

⚛️ If you want cleaner event handlers in your jsx in React you can use currying ↓
0:30

⚛️ If you want cleaner event handlers in your jsx in React you can use currying ↓

George Moller

142,608 görüntüleme • 2 yıl önce

💡React tip: Use a custom hook to handle array states in your components
0:24

💡React tip: Use a custom hook to handle array states in your components

George Moller

119,703 görüntüleme • 2 yıl önce

⚛️ I put together a list of 4 React mistakes I see most react devs make ↓ Which one do you think is the most common one?
0:53

⚛️ I put together a list of 4 React mistakes I see most react devs make ↓ Which one do you think is the most common one?

George Moller

48,170 görüntüleme • 2 yıl önce

⚛️ Future React tip ↓ ❌ Omitting useEffect dependencies usually leads to hard-to-find bugs. ✅ Having said that, there are use cases when you need to run an effect only when reactive parts of the useEffect changes ↓ Extract non-reactive parts with useEffectEvent()
0:49

⚛️ Future React tip ↓ ❌ Omitting useEffect dependencies usually leads to hard-to-find bugs. ✅ Having said that, there are use cases when you need to run an effect only when reactive parts of the useEffect changes ↓ Extract non-reactive parts with useEffectEvent()

George Moller

78,174 görüntüleme • 3 yıl önce

🚨 TUCKER: Would you say the word 'f*ggot' on camera? PIERS MORGAN (UK): No. TUCKER: You don't want to get arrested, do you? PIERS: Would you use it? TUCKER: F*ggot? I just did. F*ggot, f*ggot, f*ggot. PIERS: OK, why? TUCKER: Because you're not allowed to! PIERS: I am allowed to! TUCKER: Go ahead. PIERS: I don't want to. TUCKER: Say, 'I love gay people!' F*ggot. This chick just got ARRESTED for it, and CONVICTED. That doesn't have a chilling effect? PIERS: People will be offended by the use of the word. TUCKER: I can use any freaking word I want.
1:03

🚨 TUCKER: Would you say the word 'f*ggot' on camera? PIERS MORGAN (UK): No. TUCKER: You don't want to get arrested, do you? PIERS: Would you use it? TUCKER: F*ggot? I just did. F*ggot, f*ggot, f*ggot. PIERS: OK, why? TUCKER: Because you're not allowed to! PIERS: I am allowed to! TUCKER: Go ahead. PIERS: I don't want to. TUCKER: Say, 'I love gay people!' F*ggot. This chick just got ARRESTED for it, and CONVICTED. That doesn't have a chilling effect? PIERS: People will be offended by the use of the word. TUCKER: I can use any freaking word I want.

Eric Daugherty

9,006,939 görüntüleme • 7 ay önce

"I want you to exit this guy off the premises, and I want you to exit him off his feet and use his head to open the f*cking door." They actually did use his head to open the door 🤣 🎬🍿
2:20

"I want you to exit this guy off the premises, and I want you to exit him off his feet and use his head to open the f*cking door." They actually did use his head to open the door 🤣 🎬🍿

Sweetgirl🌸

181,134 görüntüleme • 6 gün önce

#Blender Tip: You can easily create clothes around your character by using the Sewing function of the Cloth sim. It works best if you use the settings demonstrated in the video. #b3d
0:59

#Blender Tip: You can easily create clothes around your character by using the Sewing function of the Cloth sim. It works best if you use the settings demonstrated in the video. #b3d

Jan van den Hemel

404,267 görüntüleme • 3 yıl önce

"I can do whatever the f*ck I want in life." "I can do whatever the f*ck I want in life." "I can do whatever the f*ck I want in life." "I can do whatever the f*ck I want in life." "I can do whatever the f*ck I want in life." "I can do whatever the f*ck I want in life." "I can do whatever the f*ck I want in life." "I can do whatever the f*ck I want in life." "I can do whatever the f*ck I want in life." "I can do whatever the f*ck I want in life."
1:00

"I can do whatever the f*ck I want in life." "I can do whatever the f*ck I want in life." "I can do whatever the f*ck I want in life." "I can do whatever the f*ck I want in life." "I can do whatever the f*ck I want in life." "I can do whatever the f*ck I want in life." "I can do whatever the f*ck I want in life." "I can do whatever the f*ck I want in life." "I can do whatever the f*ck I want in life." "I can do whatever the f*ck I want in life."

gomi

62,569 görüntüleme • 4 ay önce

EVADING THE HOOK THEY WANT CONTACT YOU WANT CONTROL
0:57

EVADING THE HOOK THEY WANT CONTACT YOU WANT CONTROL

Ray Boyne

154,259 görüntüleme • 7 ay önce

I DONT WANT THE TIP I WANT THE WHOLE THANG.
0:30

I DONT WANT THE TIP I WANT THE WHOLE THANG.

ICYESTTWAT

34,550 görüntüleme • 4 ay önce

A tip by Zach on how you can use physics to easily populate your scene with objects in Blender. #b3d #blender3d #3dsimulation #3d
0:59

A tip by Zach on how you can use physics to easily populate your scene with objects in Blender. #b3d #blender3d #3dsimulation #3d

CG Boost

122,242 görüntüleme • 1 yıl önce

John and Jordi on the issues with delivery app tipping: "A lot of the apps don't prompt for the tip at the right time." "If you ask for the tip before the service is rendered, it's hard to use the tip as a feedback mechanism." "When I order delivery from a grocery store...I don't even know if they see [the tip]... "In theory, I tip because I want you to not throw the drinks around so they explode." "If you just build it into the cost of the food, people feel better about it."
1:38

John and Jordi on the issues with delivery app tipping: "A lot of the apps don't prompt for the tip at the right time." "If you ask for the tip before the service is rendered, it's hard to use the tip as a feedback mechanism." "When I order delivery from a grocery store...I don't even know if they see [the tip]... "In theory, I tip because I want you to not throw the drinks around so they explode." "If you just build it into the cost of the food, people feel better about it."

TBPN

191,022 görüntüleme • 8 ay önce

Big Pharma really doesn’t want you to hear this. How do I know that? This got muted the first time I uploaded it, and now the second upload isn’t shareable. They don’t want just you and your family sick, they want your pets sick too. Nature depletes their profits.
0:57

Big Pharma really doesn’t want you to hear this. How do I know that? This got muted the first time I uploaded it, and now the second upload isn’t shareable. They don’t want just you and your family sick, they want your pets sick too. Nature depletes their profits.

Gubba Homestead

60,998 görüntüleme • 11 ay önce

Update: Saquon Barkley explains his leverage on the #Giants - 'F**k You' "My leverage is I could say, 'F--k you' to the Giants, I could say, 'F--k you to my teammates,'" "And be like, 'You want me to show you my worth? You want me to show you how valuable I am to the team? I won't show up. I won't play a down.' And that's a play I could use." "I might have to take it to this level." (via @moneymatterzpod episode uploaded Monday)
0:45

Update: Saquon Barkley explains his leverage on the #Giants - 'F**k You' "My leverage is I could say, 'F--k you' to the Giants, I could say, 'F--k you to my teammates,'" "And be like, 'You want me to show you my worth? You want me to show you how valuable I am to the team? I won't show up. I won't play a down.' And that's a play I could use." "I might have to take it to this level." (via @moneymatterzpod episode uploaded Monday)

Dov Kleiman

9,018,520 görüntüleme • 3 yıl önce

This is how easily I will catch you if you use your phone whilst driving.
0:47

This is how easily I will catch you if you use your phone whilst driving.

CyclingMikey the Unspeakable

452,469 görüntüleme • 1 yıl önce

Daily #Blender Tip: With this technique you can even use a mouse to draw perfectly tapered curves, creating ornament details easily. #B3D Free Blender Secrets Sample PDF
0:51

Daily #Blender Tip: With this technique you can even use a mouse to draw perfectly tapered curves, creating ornament details easily. #B3D Free Blender Secrets Sample PDF

Jan van den Hemel

194,578 görüntüleme • 3 yıl önce

want to create dope screenshots from your websites but you don't use arc? you can easily create arc-ish screenshots in Sizzy - The Browser For Developers 😜
0:40

want to create dope screenshots from your websites but you don't use arc? you can easily create arc-ish screenshots in Sizzy - The Browser For Developers 😜

kitze the 🐐

23,868 görüntüleme • 2 yıl önce