Recipes

Task-oriented guides for common ReScript development workflows. Each recipe walks you through a specific use case step by step.

Create a React Component

Scaffold a new React component using file templates and live templates.

Native

Create a React Component

Find Dead Code

Detect and remove unused exports, values, and types.

Native Configuration Required

Find Dead Code

Set Up a Monorepo

Configure the plugin to work with monorepo project structures.

LSP Required

Set Up a Monorepo

Debug ReScript

Debug compiled JavaScript output using the built-in debugger.

Native

Debug ReScript

Convert from TypeScript

Convert TypeScript/JavaScript code to ReScript and generate bindings.

Native

Convert from TypeScript

Optimize Imports

Clean up duplicate and unused open statements.

Native

Optimize Imports

Add a Hono Endpoint

Extend the Hono REST template with a new route, validation, and storage.

Template

Add a Hono Endpoint

Add a GraphQL Resolver

Expand the SDL and wire resolvers for the Hono + GraphQL template.

Template

Add a GraphQL Resolver

Set Up Drizzle

Change the schema, run migrations, and point at Turso for production.

Template

Set Up Drizzle

Add OpenAPI Docs

Enrich the Scalar UI documentation shipped with the Hono REST template.

Template

Add OpenAPI Docs