From ec8a844d39e1c032a618f29ff97f2c7ea91fbab7 Mon Sep 17 00:00:00 2001
From: cotne nazarashvili <cotne.95@gmail.com>
Date: Thu, 7 Dec 2017 01:19:13 +0400
Subject: [PATCH] Update README.md

---
 README.md | 25 ++++++++++++-------------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/README.md b/README.md
index 4429454..5b1d4ac 100644
--- a/README.md
+++ b/README.md
@@ -10,27 +10,26 @@ React TabGuard
 
 ## Why?
 
-There is no easy way to limit tabbing to a specified area inside your HMTL document. The typical use case where you want to restrict this behavior would be modal dialogs or lightboxes with forms. It’s not desirable to lose focus on the overlay window when tabbing, that's why we created React TabGuard to save the day.
+There is no easy way to limit tabbing to a specified area inside your HTML document. The typical use case where you want to restrict this behavior would be modal dialogs or lightboxes with forms. It’s not desirable to lose focus on the overlay window when tabbing, that's why we created React TabGuard to save the day.
 
 ## Usage:
 
-```
-'use strict';
-
-let React = require('react');
-let TabGuard = require('react-tabguard');
+```js
+import React from 'react'
+import ReactDOM from 'react-dom'
+import TabGuard from 'react-tabguard'
 
-let App = React.createClass({
-  render: function() {
+class App extends React.Component {
+  render() {
     return (
       <TabGuard>
-        <input type="text" placeholder="Name"/>
-        <input type="number" placeholder="Age"/>
+        <input type='text' placeholder='Name'/>
+        <input type='number' placeholder='Age'/>
         <button>Send</button>
       </TabGuard>
-    );
+    )
   }
-});
+}
 
-React.render(<App />, document.getElementById('content'));
+ReactDOM.render(<App />, document.getElementById('content'))
 ```