Topology demo app

To help you better understand and visualize the different Topology components, we have created an interactive demo, which is contained here.

Continue reading for instructions on how to build and run the demo app.

In order to run the demo app, you need to make sure the following prerequisites are met.

Make sure that you have yarn installed, as outlined in the general Topology prerequisites.
Make sure that you have the PatternFly React library installed. Follow these instructions if you need to install this package.
If you haven’t already, clone the Topology project and navigate to your local directory:

git clone https://github.com/patternfly/react-topology.git
cd react-topology

Once you’ve set up the prerequisites, you can follow these steps to run the demo app on your local machine

In a terminal, type the following commands to start the react topology docs workspace:

yarn install
yarn start

In a separate terminal window, type the following commands to navigate to demo-app-ts and launch the demo app:

cd packages/demo-app-ts
yarn start:demo-app:hot

You will receive a message confirming that the app is running, as well the URL that you can enter in your browser to load the app:

<i> [webpack-dev-server] Project is running at:
<i> [webpack-dev-server] Loopback: http://localhost:3000/

Need help?

If you find a bug, have a request, or have any questions about Topology that aren't answered in our documentation, please reach out to us on Slack.