About // Goals // What's inside // Installation // Portolab

About :bulb:

This package is a toolkit that contains bindings and utility modules for ReScript and React.

Goals 🎯

• Aliases to the most common JS modules: Js.Array2 exposed as Array, Js.String2 exposed as String, Js.Console exposed as Console and more.
• Focus on DX, if you do open ReScriptToolkit you should feel at home 🖤.
• Simple bindings to libraries like emotion, react-use, etc.

What's inside :package:

Bindings

• Emotion: Basic bindings for Emotion.
• ReactUse: Basic bindings (and partial for now) for react-use.
• IntersectionObserver: Basic bindings for react-intersection-observer.
• FramerMotion: Basic bindings for framer-motion.

Modules

• Media: A module to deal with media queries.
• Render: A module helper to improve the code readability when converting values to JSX..

Aliases

• Js.Nullable → Nullable
• Js.Date → Date
• Js.Array2 → Array
• Js.String2 → String
• Js.Int → Int
• Js.Float → Float
• Js.Obj → Object
• Js.Re → Regex
• Js.Console → Console
• Js.Json → Json

Installation :zap:

Install the package using yarn/npm:

• Yarn

1yarn add @portolab/rescript-toolkit

• npm

1npm i @portolab/rescript-toolkit

Then, add it to bs-dependenciesin your bsconfig.json:

1{
2  "bs-dependencies": [
3    // ....
4    "@portolab/rescript-toolkit" 
5  ]
6}

License

MIT