This is the playground for the new Jupyter.org.

Here is a link to the style guide. We will build components based on this. https://www.figma.com/file/PQD2GrejGoeZdYGhXthnAuEs/jupyter_master?node-id=700%3A2322

See it running at https://guarded-sands-77993.herokuapp.com/

0. You can get started with npm install.
1. We use TypeScript and React in this project.
2. When developing: npm run dev to see it in action!
3. For production: npm run build will generate production-ready HTML in dist/.
4. We use ESLint, make sure to npm run lint-fix your code.
5. For heroku, you can push to the Git remote https://git.heroku.com/guarded-sands-77993.git.

1. You can use generact to make copies of existing React components.
2. You can use the React Developer Tools Chrome extension to probe individual React components of the site.
3. There is an ESLint VSCode plugin to show lint errors in the text editor. Make sure to add this to your settings.json:

{
    "eslint.alwaysShowStatus": true,
    "eslint.autoFixOnSave": true,
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
            "language": "typescript",
            "autoFix": true
        },
        {
            "language": "typescriptreact",
            "autoFix": true
        }
    ]
}