https://github.com/carne8/Feliz.ReactNative

React Native bindings for Feliz
https://github.com/carne8/Feliz.ReactNative

fable fable-bindings fable-compiler fable-elmish fable-react fable-react-native fablejs feliz fsharp react-native

Last synced: about 1 month ago
JSON representation

React Native bindings for Feliz

• Host: GitHub
• URL: https://github.com/carne8/Feliz.ReactNative
• Owner: carne8
• License: mit
• Created: 2022-05-05T17:33:25.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-01-07T16:40:13.000Z (almost 2 years ago)
• Last Synced: 2024-08-03T09:07:01.014Z (5 months ago)
• Topics: fable, fable-bindings, fable-compiler, fable-elmish, fable-react, fable-react-native, fablejs, feliz, fsharp, react-native
• Language: F#
• Homepage:
• Size: 50.8 KB
• Stars: 14
• Watchers: 3
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Feliz.ReactNative [![Nuget](https://img.shields.io/nuget/v/Feliz.ReactNative.svg?maxAge=0&colorB=brightgreen)](https://www.nuget.org/packages/Feliz.ReactNative) [![Publish on NuGet](https://github.com/carne8/Feliz.ReactNative/actions/workflows/publish.yml/badge.svg)](https://github.com/carne8/Feliz.ReactNative/actions/workflows/publish.yml)

React Native bindings for [Feliz](https://github.com/Zaid-Ajaj/Feliz)

Usage:

```fsharp

module App

open Feliz

open Feliz.ReactNative

[]

let Counter() =

    let (count, setCount) = React.useState(0)

    Comp.view [

        Comp.text [

            prop.style [

                style.width 50.

                style.height 50.

                style.backgroundColor "red"

            ]

            prop.onPress (fun _ -> setCount(count + 1))

            prop.text "Increment"

        ]

        Comp.text [

            prop.style [

                style.width 50.

                style.height 50.

                style.backgroundColor "blue"

            ]

            prop.onPress (fun _ -> setCount(count - 1))

            prop.text "Decrement"

        ]

        Comp.text (count |> string)

    ]

```