` is chosen based on the theme.
+
+To change themes, we need to pass the root-level TeamsComponentContext a different theme. When a theme changes, all the child elements wrapped in ConnectedComponent will be re-rendered. See previous section “Dynamically Handle Theme Changes.”
+
+There are other ways to connect your component to TeamsComponentContext. If you’re familiar with [Redux](https://redux.js.org/basics/usage-with-react), you may prefer the following pattern:
+
+```js
+import React, { Component } from ‘react’;
+import { TeamsComponentContext, ThemeStyle, connectTeamsComponent } from ‘msteams-ui-components-react’
+
+class App extends Component {
+ render() {
+ return (
+
+
+
+ );
+ }
+}
+
+class MyComponentInner extends Component {
+ render() {
+ const context = this.props.context;
+ switch (context.style) {
+ case ThemeStyle.Dark:
+ return
Dark theme!
;
+ case ThemeStyle.HighContrast:
+ return
High Contrast theme!
;
+ case ThemeStyle.Light:
+ return
Light theme!
;
+ }
+ }
+}
+
+const MyComponent = connectTeamsComponent(MyComponentInner);
+
+export default App;
+```
+
+In this method, instead of using ConnectedComponent, you use the connectTeamsComponent function. The connectTeamsComponent function takes your current component and returns a new component with the context object injected.
+
+## Next steps
+
+Head to Teams App Studio and check out all the controls we offer and sample code of how to use them. Don’t forget to explore them in different themes.
diff --git a/msteams-platform/resources/dev-preview/developer-preview.md b/msteams-platform/resources/dev-preview/developer-preview.md
index a2e4f6d060f..385c2cba961 100644
--- a/msteams-platform/resources/dev-preview/developer-preview.md
+++ b/msteams-platform/resources/dev-preview/developer-preview.md
@@ -4,7 +4,7 @@ description: Explains the Public Developer Preview of Microsoft Teams
keywords: teams preview developer
ms.date: 01/20/2018
---
-# How do I get access to the Developer Prevew?
+# How do I get access to the Developer Preview?
To participate in the Public Developer Preview, you need to do the following:
+
+## Dynamically handling theme changes
+
+Your app needs to handle themes when:
+
+* The tab is initially loaded
+* A user changes the theme after the tab is already loaded
+
+The theme is included in a tab’s [Context](https://docs.microsoft.com/en-us/javascript/api/msteams-client/microsoftteams.context), which can be retrieved before the tab is loaded via URL placeholder values, or at any time by using the [Microsoft Teams JavaScript client SDK](https://docs.microsoft.com/en-us/javascript/api/msteams-client/microsoftteams.context).
+
+How the current theme is retrieved and how to respond to theme changes is discussed here: [Get context for your Microsoft Teams tab](https://docs.microsoft.com/en-us/microsoftteams/platform/concepts/tabs/tabs-context).
+
+This sample code shows how this is done.
+
+```JS
+componentWillMount() {
+ // If you are deploying your site as a MS Teams static or configurable tab,
+ // you should add “?theme={theme}” to your tabs URL in the manifest.
+ // That way you will get the current theme before it’s loaded; getContext()
+ // is called only after the tab is loaded, which will cause the tab to flash
+ // if the current theme is different than the default.
+ this.updateTheme(this.getQueryVariable('theme'));
+ this.setState({
+ fontSize: this.pageFontSize(),
+ });
+
+ // If you are not using the MS Teams Javascript SDK, you can remove this entire
+ // if block, but if you want theme changes in the MS Teams client to propagate
+ // to the tab, leave it here.
+ if (this.inTeams()) {
+ microsoftTeams.initialize();
+ microsoftTeams.registerOnThemeChangeHandler(this.updateTheme);
+ }
+}
+```
+
+## 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.
+
+Once again, edit your `src/App.js` file and replace its content with following code:
+
+```js
+import React, { Component } from ‘react’;
+import { TeamsComponentContext, ThemeStyle, ConnectedComponent } from ‘msteams-ui-components-react’
+
+class App extends Component {
+ render() {
+ return (
+