purescript-yoga-react-native

PureScript bindings for React Native macOS with 55+ native AppKit components.

Quick Start

# Clone and install
git clone https://github.com/rowtype-yoga/purescript-yoga-react-native.git
cd purescript-yoga-react-native
bun install
cd example-macos && bun install && cd ..

# Install CocoaPods
cd example-macos/macos && bundle exec pod install && cd ../..

# Build PureScript
cd example-macos && bunx spago build && cd ..

# Run the example app
cd example-macos && npx react-native run-macos

Using in Your Project

Add to spago.yaml:

extraPackages:
  yoga-react-native:
    git: https://github.com/rowtype-yoga/purescript-yoga-react-native.git
    ref: main
  yoga-react:
    git: https://github.com/rowtype-yoga/purescript-yoga-react.git
    ref: main

import Yoga.React.Native (text, tw, view)
import Yoga.React.Native.MacOS.Button (nativeButton)
import Yoga.React.Native.MacOS.Types as T

myButton = nativeButton
  { title: "Click me"
  , bezelStyle: T.push
  , onPress: handler_ doSomething
  , style: Style.style { height: 24.0 }
  }

Components

Input Controls

nativeButton nativeSwitch nativeSlider nativePopUp nativeComboBox nativeStepper nativeDatePicker nativeColorWell nativeCheckbox nativeRadioButton nativeSearchField nativeTokenField nativeSegmented

Text

nativeTextField nativeTextEditor

Display

nativeImage nativeAnimatedImage nativeVideoPlayer nativeLevelIndicator nativeProgress nativeSeparator nativePathControl

Layout

nativeBox nativeSplitView nativeTabView nativeScrollView sidebarLayout nativeToolbar nativeVisualEffect nativePatternBackground

Overlays

macosAlert nativeSheet nativePopover nativeContextMenu macosShowMenu

Data Views

nativeTableView nativeOutlineView

Files & Drag/Drop

nativeDropZone nativeFilePicker

Rich Media

nativeMapView nativePDFView nativeWebView nativeCameraView nativeRiveView

System Services

copyToClipboard macosShare macosNotify macosPlaySound macosSetStatusBarItem macosQuickLook macosShowColorPanel macosShowFontPanel say

AI & ML

recognizeText (OCR) useSpeechRecognition detectLanguage analyzeSentiment tokenize

Prerequisites

• macOS 14+
• Xcode 16+
• Node.js 20+ / Bun
• PureScript 0.15+ and Spago
• CocoaPods