Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/fable-compiler/fable-react

Fable bindings and helpers for React and React Native
https://github.com/fable-compiler/fable-react

fable fsharp react

Last synced: 4 days ago
JSON representation

Fable bindings and helpers for React and React Native

Host: GitHub
URL: https://github.com/fable-compiler/fable-react
Owner: fable-compiler
License: mit
Created: 2016-08-16T15:30:17.000Z (over 8 years ago)
Default Branch: master
Last Pushed: 2024-11-28T14:10:21.000Z (about 1 month ago)
Last Synced: 2024-12-20T14:08:06.675Z (11 days ago)
Topics: fable, fsharp, react
Language: F#
Size: 1.84 MB
Stars: 273
Watchers: 21
Forks: 66
Open Issues: 23
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

awesome-list - fable-react - compiler | 233 | (F#)

README

        # Fable.React

[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/fable-compiler/fable-react)

> **ATTENTION**: This package is less well maintained, for new Fable projects using React we recommend [Feliz](https://zaid-ajaj.github.io/Feliz/).

`Fable.React.Types` package contains bindings for [React](https://reactjs.org/).

`Fable.React` package contains helpers for writing for React projects using Fable.

When updating a package, edit the RELEASE_NOTES.md of the corresponding project and run `dotnet fsi build.fsx publish` to publish a new version.

## Documents

* [Server-Side Rendering tutorial](docs/server-side-rendering.md): A **Pure F#** solution for SSR, **No NodeJS Required!**

* [Using third party React components](docs/using-third-party-react-components.md): How to create binding so that third party Javascript React components can be used like stock React components in Fable code.

* [React error boundaries](docs/react-error-boundaries.md): Example on how to use react error boundaries in fable.

* [Function components, hooks and code splitting in Fable.React 5](https://fable.io/blog/Announcing-Fable-React-5.html)

## Other packages

This repository previously contained other packages like Fable.React.TransitionGroup, but they've been moved to their own repos. [Find here where](https://github.com/fable-compiler/fable-react/issues/145#issuecomment-478961364).