---
title: Guides overview
description: Task-by-task guides for wiring rendered Block Kit into your React app, from handling actions and modals to mentions, theming and server rendering.
seo:
  title: "Block Kit for React guides"
---

The [quickstart](/quickstart) renders a message. These guides take it from there: each one covers
a single job a real app has to do, with a working preview and the code behind it.

## Interactivity

**[Handling actions](/guides/interactivity)**

Respond to clicks, selects and inputs with `onAction`, read `state.values`, and update or delete
the message they came from.

**[Modals](/guides/modals)**

Open, push and update modals from an action, validate and submit them, and react to
`response_action`.

**[External data](/guides/external-data)**

Fill an `external_select`'s options from your own data with `onOptions`.

**[Connecting your app](/guides/connecting-your-app)**

Send real, signed Slack interaction payloads from the browser to an existing Bolt app.

**[Validation](/guides/validation)**

The checks Slack runs on a modal before `view_submission`, and how to trigger or override them.

## Content

**[Mentions and resolvers](/guides/mentions-and-resolvers)**

Turn user, channel and user group ids into names, backed by the real Slack Web API.

**[Linking to your app](/guides/linking-to-your-app)**

Send mentions to your own pages and route every link through your router.

**[Emoji](/guides/emoji)**

Standard, custom and skin-toned `:shortcode:` emoji, and the `plain_text` emoji flag.

**[mrkdwn](/guides/mrkdwn)**

Slack's mrkdwn syntax, its parser and formatting helpers, and the `Mrkdwn` and `Text`
components.

## Look and rendering

**[Theming](/guides/theming)**

Light and dark mode, the `--sbk-*` CSS custom properties, fonts, and isolation from your app's
styles.

**[Server rendering](/guides/server-rendering)**

Use the package with SSR and React Server Components without hydration mismatches.