https://github.com/typeofweb/reason-react-simple-starter
Simple starter repository for ReasonML + React (webpack included)
https://github.com/typeofweb/reason-react-simple-starter
Last synced: 6 months ago
JSON representation
Simple starter repository for ReasonML + React (webpack included)
- Host: GitHub
- URL: https://github.com/typeofweb/reason-react-simple-starter
- Owner: typeofweb
- Created: 2017-08-01T13:56:54.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-11-30T12:06:25.000Z (over 7 years ago)
- Last Synced: 2025-06-14T11:50:35.830Z (9 months ago)
- Language: JavaScript
- Homepage: https://mmiszy.github.io/reason-react-simple-starter/
- Size: 3.44 MB
- Stars: 11
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Reason React Simple Starter
Welcome Reason React Simple Starter! It's a project created to help you start your journey with React using ReasonML (duh). It uses `webpack`.
## FAQ
### What's ReasonML?
[Reason](https://reasonml.github.io) is a typed programming language created by Facebook. Technically speaking it's a front-end for Ocaml. One of the most important features of Reason is powerful and safe type inference. That's what makes ReasonML an interesting alternative to JavaScript, TypeScript or Flow.
### Why ReasonML?
You can read more about it here: https://reasonml.github.io/docs/en/what-and-why.html
### Motivation
This starter project is meant to solve the most common problems when creating a new Reason project:
* It comes with a predefined configuration which is ready to use
* It allows you to use any JavaScript libraries through `npm` hassle-free
* It doesn't create tons of temporary JS files when compiling
## Getting started
### Prerequisites
You'll need `node` and `npm`. This project was tested on `node 8` and `npm 5` but any newer should be just fine!
### Installation
Download the repository and run `npm install`. This will install all dependencies and set everything up. You're ready to go!
## Development
Run `npm start`. This command starts `webpack-dev-server` which in turn:
* Compiles all Reason files thanks to `bs-loader`
* Starts `webpack` in a watch mode
* Runs a server at http://localhost:8081/
Effectively, whenever you make any changes in Reason sources, they get automatically compiled to JS — `webpack` picks the new files and bundles into a single file `main.js` inside `/bundledOutputs` dir. This file is ready to be used in the browser (see `/index.html`).
## Dev build
Run `npm run build`.
## Production build
For faster and smaller bundle try running `npm run prod`.
# Demo
[https://mmiszy.github.io/reason-react-simple-starter/](https://mmiszy.github.io/reason-react-simple-starter/)