Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Airbnb’s JavaScript Style Guide

DZone's Guide to

Airbnb’s JavaScript Style Guide

See how one of the more successful startups in silicon valley manages their JavaScript.

· Web Dev Zone ·
Free Resource

Jumpstart your Angular applications with Indigo.Design, a unified platform for visual design, UX prototyping, code generation, and app development.

Airbnb, a website for people to list, find, and rent lodging, has published its style guide for Javascript development on GitHub: https://github.com/airbnb/javascript/blob/master/README.md

They talk about:

  1. Types
  2. References
  3. Objects
  4. Arrays
  5. Destructuring
  6. Strings
  7. Functions
  8. Arrow Functions
  9. Constructors
  10. Modules
  11. Iterators and Generators
  12. Properties
  13. Variables
  14. Hoisting
  15. Comparison Operators & Equality
  16. Blocks
  17. Comments
  18. Whitespace
  19. Commas
  20. Semicolons
  21. Type Casting & Coercion
  22. Naming Conventions
  23. Accessors
  24. Events
  25. jQuery
  26. ECMAScript 5 Compatibility
  27. ECMAScript 6 Styles
  28. Testing
  29. Performance
  30. Resources
  31. In the Wild

Here’s what they say about this guide:

Everyone writes JavaScript a little differently. We finally decided it was time that we got together and agreed on how we write JavaScript.

We describe it as a mostly reasonable approach to JavaScript.

We’re releasing it under the MIT license, so please feel free to fork and use at your will. We don’t expect everyone to agree with the way we do things, but we do hope this can help kick start your own style guide as a template or map of some sort.

Hope it helps!

-- https://github.com/airbnb/javascript/wiki/The-JavaScript-Style-Guide-Guide

Take a look at the Indigo.Design sample applications to learn more about how apps are created with design to code software.

Topics:
javascript ,style guides

Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}