revery-quick-start
revery-quick-start copied to clipboard
Quick Start / Sample Revery Application
Revery Quick Start
This is a minimal Revery application to get you started.
Prerequisites
See the requirements for building Revery
Getting started
# Clone the repository
git clone https://github.com/revery-ui/revery-quick-start
# Go into the repository
cd revery-quick-start
# Install dependencies
esy install
# Build dependencies
esy build
NOTE: The first build will take a while - building the OCaml compiler and dependencies takes time! Subsequent builds, though, should be very fast.
Once built, the application binary will be in the _build/install/default/bin
- you can run it like:
-
_build/install/default/bin/App
or using esy with the script specified in package.json:
-
esy run
What are all these files?
The most important files are:
-
src/App.re
- This is the core application code, responsible for creating a window and rendering. -
src/SimpleButton.re
- A simple button with hover and active-styling. -
src/AnimatedText.re
- A component showcasing some neat animations. -
src/Theme.re
- A module holding some colors etc.
A Revery application also needs the following files:
-
package.json
- esy configuration - lists the Reason/OCaml dependencies. -
dune
/dune-project
- build configuration files used by Dune. -
.opam
- metadata used by the build system.
Releasing
To create packages for distribution, follow these steps:
-
npm install -g revery-packager
From the revery-quick-start
folder, run:
-
revery-packager
Once complete, there will be application packages available in the _release
folder.
Resources
- Check out the Reason-documentation to learn more about Reason
- Visit the Reason Discord-channel and say hi!
Next steps
Here's a few challenges to see if you've got the basics:
- Add an Image component
- Respond to user input
- Create a frameless window
License
MIT License