1. Edit the _data/metadata.json with your site's information.
  2. (Optional) Edit .eleventy.js with your configuration preferences.
  3. Delete this message from _includes/layouts/base.njk.

This is an Eleventy project created from the eleventy-starter repo.

React

Conventions #

  • One-way data flow
  • Single state obj
  • setState
  • render
  • handleEvent

Patterns #

Display loading indicator until child component(s) have rendered #

  • Include child loading indicator component (render until data is loaded)
  • For web, use CSS to hide loading indicator component if is not the only child:
.parent .loading-component:not(:only-child) {
display: none;
}

Share on Twitter