jeans/home-assistant.io
jeans/home-assistant.io
1
0
Fork 0
mirror of https://github.com/home-assistant/home-assistant.io.git synced 2025-07-14 04:46:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add configuration.yaml sample

Browse Source
This commit is contained in:
Fabian Affolter 2016-07-29 20:05:40 +02:00
parent 23434e1c22
commit 0ea8514b1c
No known key found for this signature in database
GPG Key ID: DDF3D6F44AAB1336
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
source/_cookbook/custom_panel_using_react.markdown
View File

@ -10,7 +10,7 @@ footer: true
ha_category: Custom Panel Examples
---
This is a [React](https://facebook.github.io/react/) implementation of [TodoMVC](http://todomvc.com/) but instead of checking off to do items, you're turning lights and switches on/off.
This is a [React](https://facebook.github.io/react/) implementation of [TodoMVC](http://todomvc.com/) but instead of checking off to do items, you are turning lights and switches on/off.
- It uses React to render the data.
- It hooks into Home Assistant JS which means updates pushed from the server are instantly rendered.
@ -20,6 +20,13 @@ This is a [React](https://facebook.github.io/react/) implementation of [TodoMVC]
All you need is available as a [custom component](https://github.com/home-assistant/home-assistant/tree/dev/config/custom_components/react_panel).
Create a entry for the panel in your `configuration.yaml` file to enable it. Set a title if you like.
```yaml
react_panel:
title: 'React'
```
This video shows the frontend in action.
<div class='videoWrapper'>