Base Website Docs
- What is a component?
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
The below library shows all components used on the the base website, and the types of props that are accepted.