Skip to content

Latest commit

 

History

History
67 lines (40 loc) · 1.81 KB

CONTRIBUTING.md

File metadata and controls

67 lines (40 loc) · 1.81 KB

How to Contribute

Contributions are welcome!

You can easily make changes because we follow a naming convention.

Advanced strategies should be PR'ed directly to the Ember.js Guides, since a goal of this project is to be short and sweet.

Running Locally

This is an Ember app, so the usual steps follow:

  1. Fork and clone this repo.
    git clone git@github.com:<your GitHub handle>/ember-octane-vs-classic-cheat-sheet.git
  2. Change directory.
    cd ember-octane-vs-classic-cheat-sheet
  3. Install packages.
    npm install
  4. Run the app.
    ember serve
  5. Visit your app at http://localhost:4200.

Deploying

This site is deployed to GitHub Pages automatically from the main branch.

How It's Made

1. Model hook

First, have a look at app/routes/application.js.

The model hook returns an array of section objects. Each section can further define an array of subsection objects.

We use sections and subsections to organize this guide.

2. Ember Intl

Next, we want to explain to the reader what a section or subsection is about.

We store titles and descriptions in translations/en-us.yaml. A description can contain HTML elements like hyperlinks.

The translation keys match the section and subsection IDs.

3. Ember Code Snippet

Finally, we want to show code examples to the reader.

We store code snippets in snippets folder. Afterwards, we update the model hook by listing the files.

Subfolder names match the subsection IDs.

How It's Made (Recap)

You can find the text in translations/en-us.yaml, the code in snippets, and the app structure in app/routes/application.js! 💖