An opinionated collection of useful hooks and utilites for React in roblox-ts.
If you find a bug or have a feature request, please open an issue.
Check out some featured hooks:
- 🦾
useMotion- Creates a memoized Motion object set to the given initial value. Returns a binding that updates with the Motion, along with the Motion object. - ⏱️
useAsync- A hook that runs an async function and returns the result and status - ⚙️
useTagged- Tracks and returns a list of all instances with the given tag
This package also exports some useful utilities:
- 📕
hoarcekat- Create a Hoarcekat story - 📦
binding utils- Work with values that may or may not be bindings
Or, see the full list of hooks.
This package is available for Roblox TypeScript projects on NPM.
npm install @rbxts/pretty-react-hooks
yarn add @rbxts/pretty-react-hooks
pnpm add @rbxts/pretty-react-hooks
Contributions are welcome! Note that if you make a change to a hook, you should also check the tests and documentation.
To get started, clone the repository and run pnpm install. Then, you can run the following commands:
pnpm dev- Enable watch mode with support for TestEZ Companionpnpm build- Compile the package'soutdirectory
You will likely need the following extensions:
pretty-react-hooks is licensed under the MIT License.