Awesome
Brisk
A cross-platform set of tools for building native UIs with Reason/OCaml.
The goal of the project is to allow developers efficiently create fast, native apps for all major platforms. It's the best of both worlds: speed and portability, simplicity and great APIs.
:construction: NOTE: Brisk is a Work In Progress. :construction:
Requirements
Our development workflow is managed with esy. It's an incredibly fast package manager that provides reproducible, sandboxed environment for your projects and caches builds.
npm -g i esy@latest
We're open to contributions for supporting
opam
workflow
macOS
Xcode
In order to build the OSX binary you will need to install Xcode
, as well as Command Line Tools
:
xcode-select --install
Other Platforms
We're looking for contributors who would help us kickstart
Windows
andAndroid
renderers.
Getting Started
Examples
This repository contains the core tooling, platform-specific renderers, and examples. To try the examples, clone the repository and run a project:
git clone git@github.com:briskml/brisk.git
cd brisk/examples/components-macos
esy
esy run
# for esy >= 6.0.0
esy run-script run
For the hacker-news
example, you might hit esy/esy#943:
error: command failed: 'dune' 'build' '@all' '-p' 'hacker-news' (exited with 127)
In which case, as a stopgap, run the command directly:
esy dune build @all -p hacker-news
esy run
Motivation
We consider UI development an unsolved problem which is at the core of many inefficiencies both for creators and users. As a result, businesses lose money, hobbyists can't release their side projects, and users suffer from poor quality.
We've looked at React Native, Flutter, platform specific libraries, and hybrid frameworks. All of them have different trade-offs: you either give up runtime performance, developer efficiency, or quality. What's more, none of those solutions make it really easy and fast to build native UI apps. React (Native) is the closest one, but as good as it is, JavaScript constrains both runtime performance and developer productivity. React.js itself, our inspiration, is a great framework and Reason gives us tools to improve upon it.
With Brisk, we want to make building great performant apps quick and painless.
Design Decisions
We're building Brisk in Reason, a language with great performance characteristics - low memory footprint, near instant startup, and very fast execution. More importantly, it allows for great expressive APIs and has robust type system features, such as: Algebraic Data Types, Modules, and Pattern matching to name a few. (More about Reason)
All the layout and UI interactions happen on the main thread, leaving all IO/Networking on a secondary, background thread.
We made a deliberate choice to use native widgets to deliver the smoothest and platform-like experience. The macOS
and iOS
renderers leverage Cocoa
; Windows
renderer will build upon WPF
(or UWP
, help us make the choice); Android
renderer will interface with Android SDK
, etc.
This will provide great performance and allow for using both the native system controls, and implementing identical cross-platform components.
If you'd rather have a single cross-platform codebase similar to Electron apps, our sister project Revery's contributors took it upon themselves to rebuild the whole UI infrastructure from scratch to achieve the same UI on all platforms (think flutter
).
Fortunately for everyone, Brisk's core has been factored out into brisk-reconciler - a separate framework that now powers both projects. In the future, we expect developers to be able to seamlessly switch between Revery and Brisk for different parts of their application. 🤯
Contributing
Follow the instructions for the editor plugins here.
To set up a development workflow, simply run this from the project root:
esy
It will install all dependencies and build the project.
To execute the test suites for macOS
renderer, use:
esy test:mac
Check out the Good First Issues list and don't forget to join our Discord server if you have any questions.
Community
- Join our common
Reason Native UI
Discord server: https://discord.gg/TAhzPfF