broerjuang

-- We want to prove this:
fmap (compose g f)  ==  compose (fmap g) (fmap f)

-- Fact:
fmap :: (b -> c) -> (a -> b) -> (a -> c)
compose :: (b -> c) -> (a -> b) -> (a -> c)

-- Prove
fmap id f
(\ h g x -> h (g x)) id f

broerjuang

type windowSize = {
  height: int,
  width: int,
};

let useWindowResize = () => {
  let getWindowSize = (): option(windowSize) =>
    switch ([%external window]) {
    | None => None
    | Some(w) =>

broerjuang

open ReactUpdate;

type context = {
  rate: int,
  comment: string,
};

type action =
  | Open
  | Close

broerjuang

let splash = {
  initial: 'idle',
  states: {
    idle: {
      on: {
        LOAD_DATA: 'spinner',
      },
    },
    spinner: {
      type: 'final',

broerjuang

let auth = {
  initial: 'login_screen',
  states: {
    login_screen: {
      on: {
        NAVIGATE_REGISTER_SCREEN: 'register_screen'
      }
    },

broerjuang

The most popular courses

Course Central

• Python: Python seems a really popular among other languages to learn https://www.class-central.com/trending

Udacity

• How to use Git and Github (https://www.class-central.com/course/udacity-how-to-use-git-and-github-2661)

broerjuang

module SharedTypes = {
  type search = list((string, string));
  type path = list(string);
  type body = Js.Json.t;

  type params = {
    search: option(search),
    path: option(path),
    body: option(body),

broerjuang

let rubel_apps = {
  initial: 'payment_page',
  states: {
    payment_page: {
      on: {
        VISIT: 'payment_information_page',
      },
    },
    payment_information_page: {
      on: {

broerjuang

Ruangguru Dashboard Plugin

Rationale

We have bunch of dashboard projects which aim to be a support for our business. The dashboard comes with varied purposes. For example, content designed to upload a video and text content inside ruang belajar. Video Review is design to get fast feedback loop for ruangbelajar video.

We might support another needs. But tracking url can be problematic. First, we need to remember url and sometimes we don't have convention about naming the url. Second, we might end up have dozens of dashboard. Having multiple tabs inside the browser without integration system might also be problematic.

broerjuang

[
  {"label": "Afghanistan", "value": "af"},
  {"label": "Åland Islands", "value": "ax"},
  {"label": "Albania", "value": "al"},
  {"label": "Algeria", "value": "dz"},
  {"label": "American Samoa", "value": "as"},
  {"label": "AndorrA", "value": "ad"},
  {"label": "Angola", "value": "ao"},
  {"label": "Anguilla", "value": "ai"},
  {"label": "Antarctica", "value": "aq"},