Post thumbnail: React Style Guides

React Style Guides

A collection of hand-picked React style guides.


Related Articles

  1. HTML/CSS Style Guides
  2. JavaScript Style Guides

Demo image: Airbnb React/JSX Style Guide

Date

Author

Airbnb

About a style guide

Airbnb React/JSX Style Guide

A mostly reasonable approach to React and JSX. This style guide is mostly based on the standards that are currently prevalent in JavaScript, although some conventions (i.e async/await or static class fields) may still be included or prohibited on a case-by-case basis. Currently, anything prior to stage 3 is not included nor recommended in this guide.

Demo image: React Code Style Guide

Date

Author

Daniel Jauch

About a style guide

React Code Style Guide

I've been having the time of my life with React lately. But on my journey, I’ve had a hard time finding good code style guidelines to keep the mix of JSX and JS clean and readable. I've been coming up with my own style guides that I'd love to share.

Demo image: React / Redux Style Guide

Date

Author

Gert Hengeveld

About a style guide

React / Redux Style Guide

This is an opinionated style guide for developing applications in ES6+ with React and/or Redux. These styles are based on current best practices in the React and Redux communities, as well as real life experience with these tools in the field. It puts great focus on writing readable and maintainable code and using new JavaScript features in a responsible manner.

Demo image: React Style Guide

Date

Author

Khan Academy

About a style guide

React Style Guide

Follow the normal JavaScript style guide - including the 80 character line limit. In addition, there are several React-specific rules.

Demo image: React Code Style Guide

Date

Author

Pagar.me

About a style guide

React Code Style Guide

This is meant to be a guide to help new developers understand the React code style and best practices we adopt here at Pagar.me.

back to top