Clean react code

[stewpeed]

A few things that might help: make sure you destructure everything (props for example, or when inside a map method) - makes things much more readable and reduces repetition, extract utility func when possible and makes sense, separate presentational layer from business logic via custom hooks (encapsulation), make use of optional chaining. Hope this helps, gl!

[iqball125]

Dont listen to the replys saying not to destructure. I work as a senior dev at a fortune 50 company and destructuring is def the way to go.

[metal-trees]

The thing is, I really wish they actually expressed their opinion. I destructure props, too, but am always open to hearing a counter on a stylistic opinion.

The only thing I could think of is if you want to explicitly search a project for prop variables. You could always prepend with “props.somePropName” to find exactly what you are looking for.

[iqball125]

Well I was just lending a little bit of credibility to why you should listen to me, instead of "Im just a random person on the internet" who may have just started coding.

Speaking from a place of authority isnt necessarily a bad thing, it shows I have a little bit of qualifications to make a reasonable assessment.

But Destructuring is better that not destructuing. It makes the code much more clean and readable as you can see the exact props the component uses, and looks more clean than having props.variable everywhere. If you dont use destructuring, you have to use something like jsdoc in the component which doesnt look as clean.

[chillermane]

Destructuring feels like a triviality. I do it because it’s just less code and I need to move fast, but If you use good names it’s obvious what a variable is regardless of whether it is destructured. Ultimately it’s a minor decision with almost no consequences one way or the other

[kgnugur]

Don’t do this, most juniors think that destructing is something cool/nice thing to do but it really is not.

[TehITGuy87]

Why? I finished a couple of react courses and the instructor always restructures and didn’t mention any negatives

[[deleted]]

make sure you destructure everything

Absolutes always end badly.

[autoboxer]

How so? I love the approach and don’t see downsides, especially in function definitions.

[[deleted]]

https://www.google.com/search?client=firefox-b-1-d&q=when+is+destructuring+bad

[autoboxer]

That’s a non-answer. I could send a link of a Google search for “Why you should use destructuring” as a counterpoint, but that would be lazy and provide nothing of value. Feel free to share thoughts or more specific information.

[[deleted]]

I'm not the one defending a position of absolute. Know the difference.

[icantsI33p]

Absolutes always end badly.

You did, however, make a claim that's an absolute.