https://github.com/jchavarri/example-bsb-jest-es6

Example repo showing a ReasonReact project with hooks + tests, using BuckleScript ES6 output.
https://github.com/jchavarri/example-bsb-jest-es6

babel bucklescript jest testing

Last synced: 2 months ago
JSON representation

Example repo showing a ReasonReact project with hooks + tests, using BuckleScript ES6 output.

• Host: GitHub
• URL: https://github.com/jchavarri/example-bsb-jest-es6
• Owner: jchavarri
• License: mit
• Created: 2019-04-25T14:31:07.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T17:16:08.000Z (about 2 years ago)
• Last Synced: 2024-10-15T02:34:49.793Z (3 months ago)
• Topics: babel, bucklescript, jest, testing
• Language: Reason
• Size: 2.84 MB
• Stars: 7
• Watchers: 2
• Forks: 0
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# example-bsb-jest-es6

Example repo showing a ReasonReact project with hooks + tests, using BuckleScript `package-specs.module: "es6"` configuration.

## Run Project

```sh

yarn

yarn start

# in another tab

yarn webpack

```

After you see the webpack compilation succeed (the `yarn webpack` step), open up `build/index.html` (**no server needed!**). Then modify whichever `.re` file in `src` and refresh the page to see the changes.

## Run Project with Server

To run with the webpack development server run `yarn server` and view in the browser at http://localhost:8000. Running in this environment provides hot reloading and support for routing; just edit and save the file and the browser will automatically refresh.

Note that any hot reload on a route will fall back to the root (`/`), so `ReasonReact.Router.dangerouslyGetInitialUrl` will likely be needed alongside the `ReasonReact.Router.watchUrl` logic to handle routing correctly on hot reload refreshes or simply opening the app at a URL that is not the root.

To use a port other than 8000 set the `PORT` environment variable (`PORT=8080 yarn server`).

## Build for Production

```sh

yarn clean

yarn build

yarn webpack:production

```

This will replace the development artifact `build/Index.js` for an optimized version as well as copy `src/index.html` into `build/`. You can then deploy the contents of the `build` directory (`index.html` and `Index.js`).

If you make use of routing (via `ReasonReact.Router` or similar logic) ensure that server-side routing handles your routes or that 404's are directed back to `index.html` (which is how the dev server is set up).