DEV Community

Discussion on: Another Gatsby cheat sheet

Collapse
 
grahamthedev profile image
GrahamTheDev

Loads of useful information here!

May I make a suggestion? Use the <dl>, <dt> and <dd> elements to create lists like this instead of spoilers.

They auto format nicely, are easier to read and are semantically correct!

Example

React hydration

Gatsby uses React DOM server-side APIs to generate static HTML contents and those pages eventually get rehydrated into a React application.

Some of the same JavaScript code used to generate Gatsby pages is reused in the browser where DOM APIs like window are available.

GraphQL
Gatsby uses this query language to make data available in the browser when needed by your components.

It looks way better! Other than that, great article as I said! ❤

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
grahamthedev profile image
GrahamTheDev

It isn't bad, just <dl> is better. Plus it makes the article easier to scan read without having to keep clicking to view terms etc.

Enjoying the series! 🤎