d2d56ee206
* create hello world quickstart * Fix image link * Apply suggestions from code review Co-authored-by: Rachael Sewell <rachmari@github.com> * Add step to merge pull request before triggering workflow * Add slash in front of file path * Remove unused reusable * more explaining in hello world quickstart * Add invitation to create new repo * Add experiment code Co-authored-by: Rachael Sewell <rachmari@github.com> Co-authored-by: Kevin Heis <heiskr@users.noreply.github.com>
Javascripts
The code in this directory is destined to run in a web browser!
The index.js file in this directory is bundled by Webpack. In development, we use webpack-dev-middleware to bundle automatically while running the server. In production, we run webpack --mode production via npm run build.
This file is then referenced in the footer:
<script src="/dist/index.js"></script>
Every other file in this directory is written as a module to
be required in index.js. They all have this format:
module.exports = () => {
// Do some cool browser stuff
// Note: by the time this runs, the DOM will be ready. :)
}
In development, the bundle will recompile every time a file used by javascripts/index.js is changed. This
ensures that you're always getting an up-to-date version of the script.
In production, the bundle is compiled during build-time.