Quick React Native with PureScript

Purescript FFI example for react-native.md

1. create-react-native-app purescript-app; cd purescript-app

2. pulp init --force

3. pulp build

4. src/Main.js

var React = require("react");
var RN = require("react-native");

exports.text = function(props){
  return function(str){
    return React.createElement(RN.Text, props, str); 
  };
};

5. src/Main.purs

module Main where

foreign import data ReactElement :: Type

foreign import text :: forall props. props -> String -> ReactElement

main :: ReactElement
main = text { style : { color : "green", fontSize : 50 } } "Hello from PureScript!" 

6. ./App.js

import React from 'react';
import Main from "./output/Main";

export default class App extends React.Component {
  render() {
    return Main.main;
  }
}

7. pulp build

8. yarn start (create-react-native-app insists you use yarn, but npm may also work)