Examples

[Rich-Harris]

Starting work on the examples page. First order of business — removing all the data.json5 files, and moving the data into the components themselves. This will allow us to get rid of the props editor, which a) takes up valuable real estate, b) is rarely used, c) is a source of confusion, and d) is a bug magnet.

I'm planning to remove the examples dropdown from the REPL page, and have all these things showcased properly on a dedicated page, with thumbnails that take you to a prepopulated REPL.

[codecov-io]

Codecov Report

Merging #2199 into master will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##           master    #2199   +/-   ##
=======================================
  Coverage   91.83%   91.83%           
=======================================
  Files           1        1           
  Lines          49       49           
=======================================
  Hits           45       45           
  Misses          4        4

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 0e4be42...71da0be. Read the comment docs.

[Rich-Harris]

Made some progress: https://v3sveltetechnology-ijjerzyadp.now.sh/examples

At the moment I've just moved all the tutorial examples over. Some of them should be removed, and some of the previous examples should be moved back in.

[Rich-Harris]

Not 100% happy with the design but it'll do for now. Better than nothing

[paulovieira]

The organization is much better now. It's easy to get a general understanding of svelte3.

A possible improvement would have a quick "tutorial" for each example, separate from the REPL. The tutorial could give some more context and explanations.

Here are 2 references that are well done, i think, and that could be used for inspiration:

• Leaflet: https://leafletjs.com/examples.html
• Hapi: https://hapijs.com/tutorials

I'm happy to help!

[Rich-Harris]

There's a tutorial here https://v3.svelte.technology/tutorial/basics