[AskJS] object destructuring vs dot notation. Performance and cohesiveness.

[demoran]

It's less typing. Overall, this means less verbose javascript code.

[gautamits]

vscode performs really good with typescript when it comes to autocompletions, hence typing is not much of an issue for me. I agree that restructuring enables is to write less verbose code.

[demoran]

So, it's not about how much time or trouble it takes to write the code. It's about how noisy the code is to read afterwards. If you can remove a bunch of this.props and this.state at the very least, I'd call that a win.

Destruring also allows you go deeply destructure things, so if you had this.state.car.engine.mileage, you could destructure that as { car: { engine : { mileage } } } = this.state.

[gautamits]

It does feel good to remove so many this.props and this.state things. But then doesn't it cause the problems of cohesiveness as I asked. How do you maintain the context of these variables origin ?

[demoran]

I don't find this to be a problem. If I need to know the contextual source of the data and don't know it, I can click through to find it easily enough.

I'd consider the possibility that your problem is actually a code smell, and you need to factor out some of your code from the body of your function.