add installation index page

Author: Archmonger

docs/src/learn/installation.md

@@ -0,0 +1,30 @@
+## Overview
+
+<p class="intro" markdown>
+
+React has been designed from the start for gradual adoption. You can use as little or as much React as you need. Whether you want to get a taste of React, add some interactivity to an HTML page, or start a complex React-powered app, this section will help you get started.
+
+</p>
+
+!!! summary "You Will Learn"
+
+    * [How to start a new React project](../learn/start-a-new-react-project.md)
+    * [How to add React to an existing project](../learn/add-react-to-an-existing-project.md)
+    * [How to set up your editor](../learn/editor-setup.md)
+    * [How to install React Developer Tools](../learn/react-developer-tools.md)
+
+## Try React
+
+You don't need to install anything to play with React. [Try ReactPy within Jupyter Notebooks](https://mybinder.org/v2/gh/reactive-python/reactpy-jupyter/main?urlpath=lab/tree/notebooks/introduction.ipynb)!
+
+## Start a new React project
+
+If you want to build an app or a website fully with React, [start a new React project.](../learn/start-a-new-react-project.md)
+
+## Add React to an existing project
+
+If want to try using React in your existing app or a website, [add React to an existing project.](../learn/add-react-to-an-existing-project.md)
+
+## Next steps
+
+Head to the [Quick Start](../learn/quick-start.md) guide for a tour of the most important React concepts you will encounter every day.

mkdocs.yml

@@ -7,6 +7,7 @@ nav:
                 - "Tutorial: Tic-Tac-Toe 🚧" : learn/tutorial-tic-tac-toe.md
                 - Thinking in React : learn/thinking-in-react.md
           - Installation:
+                - learn/installation.md
                 - Start a New React Project : learn/start-a-new-react-project.md
                 - Add React to an Existing Project 🚫 : learn/add-react-to-an-existing-project.md
                 - Editor Setup 🚧 : learn/editor-setup.md