JavaScript Shorthand_props Guide
Object literal shorthand syntax for cleaner, more concise property and method definitions. The guide walks through Shorthand Properties & Methods. Property shorthand: `{name}` === `{name: name}`. Method shorthand: `{ greet() {} }` === `{ greet: function() {} }`. Computed property keys: `{ [dynamicKey]: value }`. Concise methods preserve `this` binding correctly. Use for: cleaner code in React components, reducers, configuration objects. The guide is organized into 1 sections that build on each other, each pairing a prose explanation with runnable code. Related guides: Arrays, Strings, Numbers, Math, Date. This is one of 145 JavaScript guides on JS Reference — see the full list on the guides page. Practice what you learn in the JavaScript playground, and look up any unfamiliar term in the JavaScript glossary.