2. Use and Style React Components

https://www.gatsbyjs.com/docs/tutorial/part-2/

В этом уроке мы сделаем сайт уникальным, то есть изменим стандартный шаблон. Создадим свою структуру страниц для блога.

Для этого нам понадобится познакомиться с React и узнать, Как Gatsby использует React.

В этом уроке мы научимся:

  • Создавать компоненты страниц, чтобы добавлять новые страницы на наш сайт.
  • Импортировать и использовать готовые компоненты из сторонних наборов.
  • Создавать свои собственные компоненты для многоразового использования.
  • Использовать атрибуты компонентов, чтобы изменять их внешний вид.
  • Использовать атрибут prop, чтобы создавать вложенные компоненты.

Содержание страницы на сайте:

  • Introduction
  • A quick intro to React
    • What is React?
    • What is a React component?
  • Create a page component
    • Task: Update the home page content
    • Task: Create a new page component for an About page
  • Use the component
  • Create a reusable layout component
  • Style components with CSS Modules
  • Summary
    • Key takeaways
    • What’s coming next?

Notes mentioning this note

Tutorial: Learn how Gatsby works
Это официальный туториал Gatsby: https://www.gatsbyjs.com/docs/tutorial/

Here are all the notes in this garden, along with their links, visualized as a graph.