reactjs / reactjs/react.dev

Improve embedded coding examples

Open
#246 3 comments 1 reaction 1 assignee View on GitHub

@bvaughn is already working on this.

Since Nov 6, 2017.

difficulty: medium in-progress type: infra type: website
Dominant language
JavaScript
Stars
11.8k
Forks
7.9k
Avg merge
1d 11h
Merged PRs (30d)
11

Description

Follow-up for #245:

  • Create a custom markdown tag (eg [codesandbox:foo/bar](baz)) that generates our CodeSandbox links with default "Try it on CodeSandbox" text. (#251)
  • Import more of Dan's Codepen examples to the new examples folder.
  • Use the new gatsby-remark-code-repls plugin to create CodeSandbox links for the new examples.
  • Generated HTML could also include a link to view the file directly in GitHub. (Some people have expressed concerns that Codepen's interface is not great for screen readers, eg #38); cc @jenshedqvist and @StommePoes.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.