Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rackt-org/rackt
An ultrasmall (~70 loc) React wrapper written in RacketScript
https://github.com/rackt-org/rackt
javascript racket racketscript react
Last synced: 3 months ago
JSON representation
An ultrasmall (~70 loc) React wrapper written in RacketScript
- Host: GitHub
- URL: https://github.com/rackt-org/rackt
- Owner: rackt-org
- License: other
- Created: 2021-06-28T11:19:39.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-04-10T07:01:45.000Z (almost 2 years ago)
- Last Synced: 2024-08-04T04:06:44.245Z (6 months ago)
- Topics: javascript, racket, racketscript, react
- Language: Racket
- Homepage: https://rackt-org.github.io/
- Size: 63.5 KB
- Stars: 55
- Watchers: 2
- Forks: 7
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-racket - Rackt - An ultrasmall (~70 loc) React wrapper written in RacketScript. (Web Frameworks)
README
# [Rackt](https://rackt-org.github.io) ยท [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/rackt-org/rackt/blob/master/LICENSE)
> An ultra small (~70 loc) [React](https://github.com/facebook/react) wrapper written in [RacketScript](https://github.com/racketscript/racketscript)
Rackt allows you to develop full-featured React web apps in RacketScript. You can use all React compatible libraries with it as well.
## Key featrures
- ๐ชถ **Ultra small**. Rackt is a pretty thin wrapper for React. Just consider you use React but with RacketScript.
- โก **Super lightweight**. Compiled code takes only 6 Kb ungzipped.
- ๐ **Easy to use API**. All transformations between JavaScript and RacketScript primitives happen under the hood. You can focus on writing code.
- โจ **Modern**. It has first-class support of functional components and hooks.Here you can see an example of a pretty simple Rackt-component:
```racket
(define (counter props ..)
(define-values (counter set-counter) (use-state 0))(