diff --git a/source/developers/development_101.markdown b/source/developers/development_101.markdown
index 851888479f2..5db0cdf1287 100644
--- a/source/developers/development_101.markdown
+++ b/source/developers/development_101.markdown
@@ -35,4 +35,23 @@ def setup(hass, config):
     return True
 ```
 
+Last step is to add `hello_world:` entry to your `configuration.yaml` file.
+
+```yaml
+# Hello World component
+hello_world:
+```
+
+After running `hass`, we should see log entries stating that `hello_world` component was loaded. What is more, additional state card shall appear within main panel.
+
+```log
+2018-04-03 21:44:20 INFO (MainThread) [homeassistant.loader] Loaded hello_world from custom_components.hello_world
+2018-04-03 21:44:20 INFO (MainThread) [homeassistant.setup] Setting up hello_world
+```
+
+<p class='img'>
+<img src='/images/screenshots/hello-world-state-card.png' />
+State card showing that Hello World component is working as intended.
+</p>
+
 [architecture]: /developers/architecture/
diff --git a/source/images/screenshots/hello-world-state-card.png b/source/images/screenshots/hello-world-state-card.png
new file mode 100644
index 00000000000..9b1f5cbc0ab
Binary files /dev/null and b/source/images/screenshots/hello-world-state-card.png differ