10 React Antipatterns to Avoid - Code This, Not That!

10 React Antipatterns to Avoid - Code This, Not That!

Fireship

2 года назад

735,191 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Patrick Dougall
Patrick Dougall - 31.08.2023 03:42

This is a great video! It does not make me want to reach for React

Ответить
Billy Figueroa
Billy Figueroa - 27.08.2023 21:35

Prop plowing; which is a term I made up 😂😂😂 love it

Ответить
JJ McSquiggles
JJ McSquiggles - 17.08.2023 20:44

Just used a curry function in my code. Thanks!

Ответить
pinatacolada
pinatacolada - 12.07.2023 10:17

Can you do "10 Solid Antipatterns to Avoid - Code This, Not That!" pleeeeease? 😄

Ответить
ॐ ࿗ The Priest of Varanasi ࿗ ॐ
ॐ ࿗ The Priest of Varanasi ࿗ ॐ - 01.07.2023 18:12

There's an instructor named John Smilga and his 14 hour long react video on yt covered all of these tips and tricks along with so many other things for free. I am glad that people like you guys exist.

Ответить
Dmytro S
Dmytro S - 28.06.2023 17:46

I hate index files, its impossible to navigate normally

Ответить
Ryan L
Ryan L - 21.05.2023 21:26

Ngl, but I absolutely despise VS code, I use IntelliJ platforms.

Ответить
Mustapha Salehi Pour English
Mustapha Salehi Pour English - 14.05.2023 21:32

really great 😀

Ответить
ben writes code
ben writes code - 08.04.2023 17:29

In react everything depends on the developer’s knowledge, it can get to a complete mess or a solid structure. Great video 👍

Ответить
Gautham Nookala
Gautham Nookala - 13.03.2023 22:52

With great power comes great responsibility! Fantastic video, and I am definitely going to be using a few of these tips and tricks. Thank you.

Ответить
Anuja Kokalki
Anuja Kokalki - 13.03.2023 11:22

Good informative video but would have been better if the speed of the video is little slow.

Ответить
Meleeman
Meleeman - 09.03.2023 00:06

so i can put jsx in my stateHooks with no consequences sweet!

Ответить
Veaceslav BARBARII
Veaceslav BARBARII - 07.03.2023 18:22

<User {..data} /> is an antipatern. Use <User config={config} /> instead. The Config type should be declared using TypeScript.

Ответить
Guile Lelix
Guile Lelix - 07.03.2023 12:48

That prop drilling got me hahaha

Ответить
Shwetank Mishra
Shwetank Mishra - 06.03.2023 21:58

what is the theme that he is using ?

Ответить
Mostafizur Rahman
Mostafizur Rahman - 04.03.2023 20:22

Holy moly! I felt most of what you said. I must be on the right track then. F***in' tutorial purgatory.

Ответить
aleaallee
aleaallee - 26.02.2023 18:48

Unfortunately I'm learning React because there are no Vue jobs where I live... I don't like the fact that I have to use a lot of libraries with it to make stuff minimally manageable without being a pain in the ass (form handling, two-way data binding, etc...).

Ответить
Abdullah Furkan Özbek
Abdullah Furkan Özbek - 25.02.2023 12:45

thank you for making this

Ответить
Carsten Höschele
Carsten Höschele - 24.02.2023 11:08

Really helpful video, thanks a lot!

Ответить
Rafael
Rafael - 16.02.2023 19:07

Although it's fair to recommend Redux, I would not. Been working with react for 6 years and never had to use it. Every code I got that had it was over complicated.

Ответить
Joe Still
Joe Still - 10.02.2023 20:35

Your casual mention of `useMemo` finally made me understand exactly what it does. Such a good channel.

Ответить
Muhammad X
Muhammad X - 05.02.2023 06:56

That Currying mentioned....which will impress your Friends and family😂😁...
Great Videos bro..😍😍

Ответить
MGM
MGM - 26.01.2023 11:22

Very nice video, but the speed of speech is toooooo fast for foreign viewer.

Ответить
Francesco Orsi
Francesco Orsi - 08.01.2023 15:54

lovely video, just I'm confused about the last topic "10. Code Smarter".. regarding useMetadata() could I pass setTitle, setTheme and setTs as well on return?

Ответить
DANJUMA9
DANJUMA9 - 02.01.2023 18:50

Your videos are amazing man. Whenever I need a quick refresher you're the go to! Really appreciate all your hard work.

Ответить
ethermal1
ethermal1 - 23.12.2022 19:33

Why so fast? This Zero punctuation in disguise? Is there a time limit on you tube? So frantic.

Ответить
Shakeeb Arsalan
Shakeeb Arsalan - 23.12.2022 09:24

Learn handle currying. Thanks

Ответить
neard82
neard82 - 12.12.2022 18:30

9 months later and I can finally understand this video! First time I watched it, I had no idea what any of this was.

Ответить
Pete Smith
Pete Smith - 10.12.2022 23:35

Don’t use the Context api directly. Use Zustand if you need it. Gives you the same concept as redux with zero of the grief.

Ответить
Faisal Khan
Faisal Khan - 29.11.2022 22:15

can you make video about proper way write code about protected routes and authentication flow?

Ответить
HunterRoMike
HunterRoMike - 23.11.2022 22:45

Thanks!

Ответить
Ramazan Aktaş
Ramazan Aktaş - 21.11.2022 02:58

"... that leaves us developers with plenty of room to screw things up with our own stupid ideas." So underrated.

Ответить
Skender Education
Skender Education - 17.11.2022 01:27

would you create custom hook if you are going to use it only in 1 component?
I have 1 component where states and handlerfunctions are really big, and wondering is it smart idea to move this into custom hook even though I am not going to re-usi it anywhere

Ответить
Fun With Albi 2
Fun With Albi 2 - 13.11.2022 21:42

FINALLY
YOU FOUND THE VIDEO
REMEMBER THIS AS WELL AS YOU CAN
ITS CALLED GLEAN

Ответить
Julian Harris
Julian Harris - 07.11.2022 22:34

No mention of Jotai atoms?

Ответить
Lucas Guillemette
Lucas Guillemette - 03.11.2022 15:05

Hi Mom 👋

Ответить
Adeline is coding
Adeline is coding - 01.11.2022 13:11

Thank you soooo much for glean, didn't know it !! :)

Ответить
Alexey Lyahov
Alexey Lyahov - 28.10.2022 06:22

Please Please Please remove 9th Curry section! this is a huge performance anti-pattern!!! The function returning new function always, and component which is using this returned new function will re-render together with parent component all the time! You have to use useCallback on functions before passing it to the prop, and you can't use useCallback on curried inner function!

Ответить
Mustafa Abdelkarim
Mustafa Abdelkarim - 17.10.2022 14:04

i wish that there was free trial before i pay
to see if the course is worth it

Ответить
Haider Imam
Haider Imam - 07.10.2022 00:49

Wow thank you so much brother.

Ответить
Heffsta02
Heffsta02 - 06.10.2022 01:59

bruh...WTF is that extension....might get me back onto VsCode.

Ответить
sonia ortiz
sonia ortiz - 05.10.2022 19:14

First time I see where I can use currying function

Ответить
Shinade
Shinade - 04.10.2022 18:52

For the prop plowing problem you can also use destructuring to just pass your object as a whole to the User and handle it inside your component no ?

Ответить
Ethan
Ethan - 18.09.2022 20:10

Even before this video I thought my event handlers were ugly. Now I'm going to rewrite them as curried functions. Thank you so much!

Ответить
Reza Zeraat
Reza Zeraat - 10.09.2022 17:47

You are awesome but since I don't have money I can't afford it

Ответить
S K
S K - 03.09.2022 04:57

I’ve never been a fan of people making a video with one single breath of air

Ответить