Introduction to Reason Compilation

[CG]Nick

13.4K views

Open Source Your Knowledge, Become a Contributor

Technology knowledge has to be shared and made accessible for free. Join the movement.

Create Content

7 - Compile to JavaScript

Would you like some sweet, sweet interop with the JS ecosystem?

We're gonna use BuckleScript, an OCaml-to-JS compiler that emits really, really clean output.

The other option is js_of_ocaml, a mature and battle-tested compiler.

We're gonna use real third-party dependencies this time around. Check the new package.json's dependencies field (a reason binding to JS functions) and devDependencies field (BuckleScript compiler). npm install in the current directory to get them.

Making this work is surprisingly simple. See the updated run.sh. We've also made modifications to .gitignore and .merlin.

Make sure you read the compiled output. Yes, read it. Trust us on this one!

"Run"

Open Source Your Knowledge: become a Contributor and help others learn. Create New Content

print_endline MyDep.secret;
print_endline MyDep2.secret;
/* values that can potentially be null are type checked correctly! */
Random.self_init ();
let msg =
  Random.int 2 === 0 ? Js.null : Js.Null.return "This message might not display.";
switch (Js.Null.to_opt msg) {
| None => ()
| Some msg => print_endline msg
};
/* let's try some BuckleScript-JavaScript interop */
ReasonJs.setTimeout (fun () => print_endline "Here's a message after a 1 second timeout.") 1000;

Open Source Your Knowledge, Become a Contributor

7/7 Step 7

7 - Compile to JavaScript

Ternary Operator

SQL Injection demo

Python from Zero to Hero

Exercice Javascript