diff --git a/msteams-platform/get-started/app-studio-component-library.md b/msteams-platform/get-started/app-studio-component-library.md
index f76145788b7..9ccd1fcc39a 100644
--- a/msteams-platform/get-started/app-studio-component-library.md
+++ b/msteams-platform/get-started/app-studio-component-library.md
@@ -2,7 +2,7 @@
title: Using the control library
description: How to use the control library provided by Microsoft Teams App Studio
keywords: Teams App Studio Control Library
-ms.date: 02/15/2018
+ms.date: 02/27/2018
---
# Using the control library in App Studio
@@ -25,7 +25,7 @@ Controls include:
## React or not?
-The full Teams control library uses the React UI framework however it is built so that it is not tied to a specific UI framework. There are four different npm packages:
+The full Teams control library uses the [React JavaScript UI framework](https://reactjs.org/) however it is built so that it is not tied to a specific UI framework. There are four different npm packages:
* **msteams-ui-styles-core** The core CSS styles of UI components. It’s independent of any UI framework.
* **msteams-ui-icons-core** The core set of Teams icons.
@@ -36,7 +36,7 @@ These libraries are all open source, and you can use msteams-ui-styles-core and
## Adding the control library to your React app
-Install the control library and its peer dependency ‘typestyle’
+Install the control library and its peer dependency `typestyle`:
```terminal
npm install --save typestyle && npm install --save msteams-ui-components-react
@@ -48,7 +48,7 @@ npm install --save typestyle && npm install --save msteams-ui-components-react
npm install --save msteams-ui-icons-react
```
-find and open `src/App.js` and replace its content with following code:
+Find and open `src/App.js` and replace its content with following code:
```js
import React, { Component } from ‘react’;
@@ -80,7 +80,7 @@ export default App;
```
-Run the app
+Run the app:
```terminal
npm run start
@@ -90,7 +90,7 @@ When you navigate to http://localhost:3000, you should see the following screen:
-## Dynamically Handling Theme Changes
+## Dynamically handling theme changes
Your app needs to handle themes when:
@@ -125,7 +125,7 @@ componentWillMount() {
}
```
-## Connect Your Own Component to the TeamsComponentContext
+## Connect your own component to the TeamsComponentContext
If you want to use your own CSS code you can still respond to theme changes and use colors defined by teams. TeamsComponentContext allows you to do this.
@@ -169,11 +169,11 @@ class MyComponent extends Component {
export default App;
```
-In this code, a new component is defined called MyComponent. Then a special component from the control library called ConnectedComponent is added. ConnectedComponent has a property called render which takes a function as parameter. At render time, this function will be called with the appropriate context for your tab. The context includes the theme that the page is being rendered in as well as the global color object that you can use to apply Teams colors to your tab. As you can see in the switch statement the appropriate div is chosen based onthe theme.
+In this code, a new component is defined called MyComponent. Then a special component from the control library called ConnectedComponent is added. ConnectedComponent has a property called `render` which takes a function as parameter. At render time, this function will be called with the appropriate context for your tab. The context includes the theme that the page is being rendered in as well as the global color object that you can use to apply Teams colors to your tab. As you can see in the `switch` statement, the appropriate `