Clean up your code using object destructuring in Javascript #shorts

Показать описание

I use object destructuring all the time for grabbing properties from an object.

------------

Рекомендации по теме

Комментарии

I love these bite sized a few a day will help clean up some practices for newbs

MichaelImo

i find these kids of videos interesting, they all show a way to improve your javascript code, but then proceed to show something that i’ve known of and have been using for a long time. However, I love to watch these as a refresher of what I can do. Keep these up:)

DieselJS

Great short introduction!

I think de-structuring is a useful tool that can increase code readability. However, I also think it's also good to know that de-structuring can hurt code readability as well. Overuse of de-structuring can make it harder to understand variable scope.

For example, say a function takes in as an argument a single object, 'bar'. Bar has a property 'foo'. The function could take in 'bar' as an argument, or take in a de-structured version of the object { foo }. Using 'bar.foo' instead of 'foo' can help distinguish it from local variables used within the function.

Essentially my opinion is that in some cases you may not want to de-structure because it makes it easier to understand where a variable originates from. So, even though it can often be a good option, it's not always the option.

yukarix

Thanks allot...this tips helps us junior/ intermediate developer

gedeonchrist

Ty a lot, u make a big deal for community

romansamon

I do these to deconstruct my props in react all the time. Very helpful

BruceWayne-rtsu

can also use object destructuring to remove a object key/s from an existing object.

more like “delete Object.key” but one liner if you have multiple

keent

How to make the error highlighting like in the video?

shadowplay

const [, ,,address,] = user
hence you can skip all, only take address.

kizhissery

What extension do you have that VSC gives inline errors

moederkoek

Does the name of the variables actually have any meaning? I think this is dependent on the position of the variables in the object right? If I swap name and age will the result be the same?

italoaugustooliveira

why cant you just create new variables that store them like let name = 'foo' instead of using let obj = { 'name': 'foo' } with let name = obj.name? sorry, just trying to understand how objects work

cyncxd

So sometimes in JavaScript you JavaScript the JavaScript variables JavaScript JavaScript new object JavaScript.

rileyschenk

Clean up your code using object destructuring in Javascript #shorts

5 Tips For Cleaner Code // Clean Up Your Code With These 5 Tips in 2020 For Developers

5 Awesome Refactoring Tips To Clean Up Your Code

Clean up your code using object destructuring in Javascript #shorts

An Amazing Maze Game - Clean Up Your Code with Functions

Kotlin Tips: Clean Up Your Code by Using Map Function

Clean up Your Code with APPLY

Clean Up Your Code with Implicit Usings in .NET 6

3 Tips To Write Clean Code (from an ex-Google software engineer)

Quick Tech Tips: Clean up your code with the Single Responsibility Principle

Use ChatGPT To Clean Up Your M Code

NEW! Super Simple Trick to Clean Up Visual Studio Code

Clean up your javascript code by using object destructing #shorts

'Clean' Code, Horrible Performance

Visual Studio Code's Clean Output: Say Goodbye to Clutter

Clean up your code using Object Destructuring in JavaScript #shorts #javascript

Competitive Programming for FAANG #3 | Clean Up Your Code!

Web Developers Working Week | Live | Clean Up Your Code

1 JavaScript Trick To Help Clean Up Your Code #javascript #programming #coding #shorts

🔱 Terraform Format 🔱 to clean up your code with best practices

For the Love of God Don't Write Code Like This (Clean Code with Javascript examples)

Clean Up your Code - Bug Detection Live

Super Clean Visual Studio Code Setup (Clutter Free Output)

Optional Chaining in JavaScript | Lets Clean up your code

Outlook Tips & Tricks to Take Control of your Inbox