From 167fa71b5b3a01563bfe6ca73de41c0fce0e4eee Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Wed, 13 Jul 2016 18:46:21 +0100
Subject: [PATCH] =?UTF-8?q?Fix=20typos=20in=20=E2=80=9CMixins=20Considered?=
 =?UTF-8?q?=20Harmful=E2=80=9D=20(#7275)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Fix typos in “Mixins Considered Harmful”

* Use consistent code style
---
 _posts/2016-07-13-mixins-considered-harmful.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/_posts/2016-07-13-mixins-considered-harmful.md b/_posts/2016-07-13-mixins-considered-harmful.md
index 055b3868..b0de43b5 100644
--- a/_posts/2016-07-13-mixins-considered-harmful.md
+++ b/_posts/2016-07-13-mixins-considered-harmful.md
@@ -427,7 +427,7 @@ var UserRow = React.createClass({
     return (
       <div>
         {this.renderHeader() /* Defined by RowMixin */}
-        <h2>{this.props.user.biography}
+        <h2>{this.props.user.biography}</h2>
       </div>
     )
   }
@@ -457,7 +457,7 @@ function UserRow(props) {
   return (
     <div>
       <RowHeader text={props.user.fullName} />
-      <h2>{props.user.biography}
+      <h2>{props.user.biography}</h2>
     </div>
   );
 }
@@ -571,7 +571,7 @@ var ColorMixin = {
 var Button = React.createClass({
   mixins: [ColorMixin],
 
-  render: function () {
+  render: function() {
     var theme = this.getLuminance(this.props.color) > 160 ? 'dark' : 'light';
     return (
       <div className={theme}>
@@ -590,7 +590,7 @@ Put utility functions into regular JavaScript modules and import them. This also
 var getLuminance = require('../utils/getLuminance');
 
 var Button = React.createClass({
-  render: function () {
+  render: function() {
     var theme = getLuminance(this.props.color) > 160 ? 'dark' : 'light';
     return (
       <div className={theme}>