Base Website Docs



Components

What are components

Components are the building blocks of a website. They can be small and simple and just show a heading or they can be complex and have business logic.

Everything in Gatsby/React is a component. A page is a component and a page will contain components.

The great things about props is that they can be recycled. If we were going to make another website at TAG we can reuse all of these components making web development a lot faster

Eg a page will look something like this

<Layout> //Make the page match the standard layout

  <Header title="Hello World" image="an/image/source" /> // Props dictate the info displayed by the component

  <Footer > //shows the footer

</Layout>

The below library shows all components used on the the base website, and the types of props that are accepted.