Skip to content

Instantly share code, notes, and snippets.

@philderbeast
Forked from dwhitney/README.md
Created May 8, 2018 10:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save philderbeast/6783f5501305a240e78f38981a10a236 to your computer and use it in GitHub Desktop.
Save philderbeast/6783f5501305a240e78f38981a10a236 to your computer and use it in GitHub Desktop.
Quick React Native with PureScript
  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); 
  };
};
  1. 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!" 
  1. ./App.js
import React from 'react';
import Main from "./output/Main";

export default class App extends React.Component {
  render() {
    return Main.main;
  }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment