\n\nA simple, and clean framework to build discord apps declaratively using [React](https://reactjs.org/) + JSX and [Discord.js](https://discord.js.org/).\n\nExplore the docs...\n\n
\n\n## Basic Usage\n\n```tsx\nimport { Client, GatewayIntentBits, ChatInputCommand } from \"reaccord\"\n\n// Instantiate gateway client\nconst client = new Client({\n token: \"your-discord-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"client-id\",\n})\n\n// Create a simple `ping` command\nconst ping = new ChatInputCommand(\"ping\", \"Ping\").render(() => (\n Pong\n))\n\n// Register the command\nclient.registerCommand(ping)\n\n// Connect client\nclient.connect((client) =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n**Result** \n\n\n## A few more examples\n\n### `Echo` command with a required string parameter\n\n```tsx\nconst echo = new ChatInputCommand(\"echo\", \"Echoes msg\")\n .stringParam(\"input\", \"Message to be echoed\", { required: true })\n .render(({ input }) => {input})\n\nclient.registerCommand(echo)\n```\n\n**Result** \n\n\n### `Add` command with two optional number parameters\n\n```tsx\nconst add = new ChatInputCommand(\"add\", \"Add two numbers\")\n .numberParam(\"a\", \"First number\")\n .numberParam(\"b\", \"Second number\")\n .render(({ a = 0, b = 0 }) => (\n \n ))\n\nclient.registerCommand(add)\n```\n\n**Result** \n\n","readmeFilename":"README.md","description":"
\n\nA simple, and clean framework to build discord apps declaratively using [React](https://reactjs.org/) + JSX and [Discord.js](https://discord.js.org/).\n\nExplore the docs...\n\n
\n\n## Basic Usage\n\n```tsx\nimport { Client, GatewayIntentBits, ChatInputCommand } from \"reaccord\"\n\n// Instantiate gateway client\nconst client = new Client({\n token: \"your-discord-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"client-id\",\n})\n\n// Create a simple `ping` command\nconst ping = new ChatInputCommand(\"ping\", \"Ping\").render(() => (\n Pong\n))\n\n// Register the command\nclient.registerCommand(ping)\n\n// Connect client\nclient.connect((client) =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n**Result** \n\n\n## A few more examples\n\n### `Echo` command with a required string parameter\n\n```tsx\nconst echo = new ChatInputCommand(\"echo\", \"Echoes msg\")\n .stringParam(\"input\", \"Message to be echoed\", { required: true })\n .render(({ input }) => {input})\n\nclient.registerCommand(echo)\n```\n\n**Result** \n\n\n### `Add` command with two optional number parameters\n\n```tsx\nconst add = new ChatInputCommand(\"add\", \"Add two numbers\")\n .numberParam(\"a\", \"First number\")\n .numberParam(\"b\", \"Second number\")\n .render(({ a = 0, b = 0 }) => (\n \n ))\n\nclient.registerCommand(add)\n```\n\n**Result** \n\n","readmeFilename":"README.md","description":"
\n\nA simple, and clean framework to build discord apps declaratively using [React](https://reactjs.org/) + JSX and [Discord.js](https://discord.js.org/).\n\nExplore the docs...\n\n
\n\n## Basic Usage\n\n```tsx\nimport { Client, GatewayIntentBits, ChatInputCommand } from \"reaccord\"\n\n// Instantiate gateway client\nconst client = new Client({\n token: \"your-discord-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"client-id\",\n})\n\n// Create a simple `ping` command\nconst ping = new ChatInputCommand(\"ping\", \"Ping\").render(() => (\n Pong\n))\n\n// Register the command\nclient.registerCommand(ping)\n\n// Connect client\nclient.connect((client) =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n**Result** \n\n\n## A few more examples\n\n### `Echo` command with a required string parameter\n\n```tsx\nconst echo = new ChatInputCommand(\"echo\", \"Echoes msg\")\n .stringParam(\"input\", \"Message to be echoed\", { required: true })\n .render(({ input }) => {input})\n\nclient.registerCommand(echo)\n```\n\n**Result** \n\n\n### `Add` command with two optional number parameters\n\n```tsx\nconst add = new ChatInputCommand(\"add\", \"Add two numbers\")\n .numberParam(\"a\", \"First number\")\n .numberParam(\"b\", \"Second number\")\n .render(({ a = 0, b = 0 }) => (\n \n ))\n\nclient.registerCommand(add)\n```\n\n**Result** \n\n","readmeFilename":"README.md","description":"
\n\nA simple, and clean framework to build discord apps declaratively using [React](https://reactjs.org/) + JSX and [Discord.js](https://discord.js.org/).\n\nExplore the docs...\n\n
\n\n## Basic Usage\n\n```tsx\nimport { Client, GatewayIntentBits, ChatInputCommand } from \"reaccord\"\n\n// Instantiate gateway client\nconst client = new Client({\n token: \"your-discord-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"client-id\",\n})\n\n// Create a simple `ping` command\nconst ping = new ChatInputCommand(\"ping\", \"Ping\").render(() => (\n Pong\n))\n\n// Register the command\nclient.registerCommand(ping)\n\n// Connect client\nclient.connect((client) =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n**Result** \n\n\n## A few more examples\n\n### `Echo` command with a required string parameter\n\n```tsx\nconst echo = new ChatInputCommand(\"echo\", \"Echoes msg\")\n .stringParam(\"input\", \"Message to be echoed\", { required: true })\n .render(({ input }) => {input})\n\nclient.registerCommand(echo)\n```\n\n**Result** \n\n\n### `Add` command with two optional number parameters\n\n```tsx\nconst add = new ChatInputCommand(\"add\", \"Add two numbers\")\n .numberParam(\"a\", \"First number\")\n .numberParam(\"b\", \"Second number\")\n .render(({ a = 0, b = 0 }) => (\n \n ))\n\nclient.registerCommand(add)\n```\n\n**Result** \n\n","readmeFilename":"README.md","description":"
\n\nA simple, and clean framework to build discord apps declaratively using [React](https://reactjs.org/) + JSX and [Discord.js](https://discord.js.org/).\n\nExplore the docs...\n\n
\n\n## Basic Usage\n\n```tsx\nimport { Client, GatewayIntentBits, ChatInputCommand } from \"reaccord\"\n\n// Instantiate gateway client\nconst client = new Client({\n token: \"your-discord-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"client-id\",\n})\n\n// Create a simple `ping` command\nconst ping = new ChatInputCommand(\"ping\", \"Ping\").render(() => (\n Pong\n))\n\n// Register the command\nclient.registerCommand(ping)\n\n// Connect client\nclient.connect((client) =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n**Result** \n\n\n## A few more examples\n\n### `Echo` command with a required string parameter\n\n```tsx\nconst echo = new ChatInputCommand(\"echo\", \"Echoes msg\")\n .stringParam(\"input\", \"Message to be echoed\", { required: true })\n .render(({ input }) => {input})\n\nclient.registerCommand(echo)\n```\n\n**Result** \n\n\n### `Add` command with two optional number parameters\n\n```tsx\nconst add = new ChatInputCommand(\"add\", \"Add two numbers\")\n .numberParam(\"a\", \"First number\")\n .numberParam(\"b\", \"Second number\")\n .render(({ a = 0, b = 0 }) => (\n \n ))\n\nclient.registerCommand(add)\n```\n\n**Result** \n\n","readmeFilename":"README.md","description":"
\n\nA simple, and clean framework to build discord apps declaratively using [React](https://reactjs.org/) + JSX and [Discord.js](https://discord.js.org/).\n\nExplore the docs...\n\n
\n\n## Basic Usage\n\n```tsx\nimport { Client, GatewayIntentBits, ChatInputCommand } from \"reaccord\"\n\n// Instantiate gateway client\nconst client = new Client({\n token: \"your-discord-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"client-id\",\n})\n\n// Create a simple `ping` command\nconst ping = new ChatInputCommand(\"ping\", \"Ping\").render(() => (\n Pong\n))\n\n// Register the command\nclient.registerCommand(ping)\n\n// Connect client\nclient.connect((client) =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n**Result** \n\n\n## A few more examples\n\n### `Echo` command with a required string parameter\n\n```tsx\nconst echo = new ChatInputCommand(\"echo\", \"Echoes msg\")\n .stringParam(\"input\", \"Message to be echoed\", { required: true })\n .render(({ input }) => {input})\n\nclient.registerCommand(echo)\n```\n\n**Result** \n\n\n### `Add` command with two optional number parameters\n\n```tsx\nconst add = new ChatInputCommand(\"add\", \"Add two numbers\")\n .numberParam(\"a\", \"First number\")\n .numberParam(\"b\", \"Second number\")\n .render(({ a = 0, b = 0 }) => (\n \n ))\n\nclient.registerCommand(add)\n```\n\n**Result** \n\n","readmeFilename":"README.md","description":"
\n\nA simple, and clean framework to build discord apps declaratively using [React](https://reactjs.org/) + JSX and [Discord.js](https://discord.js.org/).\n\nExplore the docs...\n\n
\n\n## Let's build a simple counter\n\n\n\n[View complete typescript example here](https://github.com/djobbo/reaccord/examples/simple-counter)\n\n**imports**\n```jsx\nimport {\n ButtonStyle,\n ChatInputCommand,\n Client,\n GatewayIntentBits,\n} from \"reaccord\"\nimport { useState } from \"react\"\n```\n\n**Define App behavior**, just like in a React app.\n```jsx\nexport const CounterApp = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n const increment = () => setCount((count) => count + 1)\n\n return (\n <>\n Count: {count}\n \n \n \n \n )\n}\n```\n\n**Create end-user command.**\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(CounterApp)\n```\n\n**Instantiate the gateway client**, and register the command.\n```jsx\nconst client = new Client({\n token: DISCORD_TOKEN ?? \"\",\n intents: [\n GatewayIntentBits.Guilds,\n GatewayIntentBits.GuildMessages,\n GatewayIntentBits.GuildMessageReactions,\n ],\n devGuildId: DISCORD_DEV_GUILD_ID,\n clientId: DISCORD_CLIENT_ID,\n})\n\nclient.registerCommand(counterCommand)\n\n// Connect client to gateway\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n\n```\n","readmeFilename":"README.md","description":"
\n\nA simple, and clean framework to build discord apps declaratively using [React](https://reactjs.org/) + JSX and [Discord.js](https://discord.js.org/).\n\nExplore the docs...\n\n
\n\n## Let's build a simple counter\n\n\n\n[View complete typescript example here](https://github.com/djobbo/reaccord/examples/simple-counter)\n\n**imports**\n```jsx\nimport {\n ButtonStyle,\n ChatInputCommand,\n Client,\n GatewayIntentBits,\n} from \"reaccord\"\nimport { useState } from \"react\"\n```\n\n**Define App behavior**, just like in a React app.\n```jsx\nexport const CounterApp = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n const increment = () => setCount((count) => count + 1)\n\n return (\n <>\n Count: {count}\n \n \n \n \n )\n}\n```\n\n**Create end-user command.**\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(CounterApp)\n```\n\n**Instantiate the gateway client**, and register the command.\n```jsx\nconst client = new Client({\n token: DISCORD_TOKEN ?? \"\",\n intents: [\n GatewayIntentBits.Guilds,\n GatewayIntentBits.GuildMessages,\n GatewayIntentBits.GuildMessageReactions,\n ],\n devGuildId: DISCORD_DEV_GUILD_ID,\n clientId: DISCORD_CLIENT_ID,\n})\n\nclient.registerCommand(counterCommand)\n\n// Connect client to gateway\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n\n```\n","readmeFilename":"README.md","description":"
\n\nA simple, and clean framework to build discord apps declaratively using [React](https://reactjs.org/) + JSX and [Discord.js](https://discord.js.org/).\n\nExplore the docs...\n\n
\n\n## Let's build a simple counter\n\n\n\n[View complete typescript example here](https://github.com/djobbo/reaccord/examples/simple-counter)\n\n**imports**\n\n```jsx\nimport {\n ButtonStyle,\n ChatInputCommand,\n Client,\n GatewayIntentBits,\n} from \"reaccord\"\nimport { useState } from \"react\"\n```\n\n**Define App behavior**, just like in a React app.\n\n```jsx\nexport const CounterApp = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n const increment = () => setCount((count) => count + 1)\n\n return (\n <>\n Count: {count}\n \n \n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(CounterApp)\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = new Client({\n token: DISCORD_TOKEN ?? \"\",\n intents: [\n GatewayIntentBits.Guilds,\n GatewayIntentBits.GuildMessages,\n GatewayIntentBits.GuildMessageReactions,\n ],\n devGuildId: DISCORD_DEV_GUILD_ID,\n clientId: DISCORD_CLIENT_ID,\n})\n\nclient.registerCommand(counterCommand)\n\n// Connect client to gateway\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n","readmeFilename":"README.md","description":"
\n\nA simple, and clean framework to build discord apps declaratively using [React](https://reactjs.org/) + JSX and [Discord.js](https://discord.js.org/).\n\nExplore the docs...\n\n
\n\n## Let's build a simple counter\n\n\n\n[View complete typescript example here](https://github.com/djobbo/reaccord/examples/simple-counter)\n\n**imports**\n\n```jsx\nimport {\n ButtonStyle,\n ChatInputCommand,\n Client,\n GatewayIntentBits,\n} from \"reaccord\"\nimport { useState } from \"react\"\n```\n\n**Define App behavior**, just like in a React app.\n\n```jsx\nexport const CounterApp = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n const increment = () => setCount((count) => count + 1)\n\n return (\n <>\n Count: {count}\n \n \n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(CounterApp)\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = new Client({\n token: DISCORD_TOKEN ?? \"\",\n intents: [\n GatewayIntentBits.Guilds,\n GatewayIntentBits.GuildMessages,\n GatewayIntentBits.GuildMessageReactions,\n ],\n devGuildId: DISCORD_DEV_GUILD_ID,\n clientId: DISCORD_CLIENT_ID,\n})\n\nclient.registerCommand(counterCommand)\n\n// Connect client to gateway\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n","readmeFilename":"README.md","description":"
\n\nA simple, and clean framework to build discord apps declaratively using [React](https://reactjs.org/) + JSX and [Discord.js](https://discord.js.org/).\n\nExplore the docs...\n\n
\n\n## Let's build a simple counter\n\n\n\n[View complete typescript example here](https://github.com/djobbo/reaccord/examples/simple-counter)\n\n**imports**\n\n```jsx\nimport {\n ButtonStyle,\n ChatInputCommand,\n Client,\n GatewayIntentBits,\n} from \"reaccord\"\nimport { useState } from \"react\"\n```\n\n**Define App behavior**, just like in a React app.\n\n```jsx\nexport const CounterApp = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n const increment = () => setCount((count) => count + 1)\n\n return (\n <>\n Count: {count}\n \n \n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(CounterApp)\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = new Client({\n token: DISCORD_TOKEN ?? \"\",\n intents: [\n GatewayIntentBits.Guilds,\n GatewayIntentBits.GuildMessages,\n GatewayIntentBits.GuildMessageReactions,\n ],\n devGuildId: DISCORD_DEV_GUILD_ID,\n clientId: DISCORD_CLIENT_ID,\n})\n\nclient.registerCommand(counterCommand)\n\n// Connect client to gateway\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n","readmeFilename":"README.md","description":"
\n\nA simple, and clean framework to build discord apps declaratively using [React](https://reactjs.org/) + JSX and [Discord.js](https://discord.js.org/).\n\nExplore the docs...\n\n
\n\n## Let's build a simple counter\n\n\n\n[View complete typescript example here](https://github.com/djobbo/reaccord/examples/simple-counter)\n\n**imports**\n\n```jsx\nimport {\n ButtonStyle,\n ChatInputCommand,\n Client,\n GatewayIntentBits,\n} from \"reaccord\"\nimport { useState } from \"react\"\n```\n\n**Define App behavior**, just like in a React app.\n\n```jsx\nexport const CounterApp = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n const increment = () => setCount((count) => count + 1)\n\n return (\n <>\n Count: {count}\n \n \n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(CounterApp)\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = new Client({\n token: DISCORD_TOKEN ?? \"\",\n intents: [\n GatewayIntentBits.Guilds,\n GatewayIntentBits.GuildMessages,\n GatewayIntentBits.GuildMessageReactions,\n ],\n devGuildId: DISCORD_DEV_GUILD_ID,\n clientId: DISCORD_CLIENT_ID,\n})\n\nclient.registerCommand(counterCommand)\n\n// Connect client to gateway\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n","readmeFilename":"README.md","description":"
\n\nA simple, and clean framework to build discord apps declaratively using [React](https://reactjs.org/) + JSX and [Discord.js](https://discord.js.org/).\n\nExplore the docs...\n\n
\n\n## Let's build a simple counter\n\n\n\n[View complete typescript example here](https://github.com/djobbo/reaccord/examples/simple-counter)\n\n**imports**\n\n```jsx\nimport {\n ButtonStyle,\n ChatInputCommand,\n Client,\n GatewayIntentBits,\n} from \"reaccord\"\nimport { useState } from \"react\"\n```\n\n**Define App behavior**, just like in a React app.\n\n```jsx\nexport const CounterApp = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n const increment = () => setCount((count) => count + 1)\n\n return (\n <>\n Count: {count}\n \n \n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(CounterApp)\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = new Client({\n token: DISCORD_TOKEN ?? \"\",\n intents: [\n GatewayIntentBits.Guilds,\n GatewayIntentBits.GuildMessages,\n GatewayIntentBits.GuildMessageReactions,\n ],\n devGuildId: DISCORD_DEV_GUILD_ID,\n clientId: DISCORD_CLIENT_ID,\n})\n\nclient.registerCommand(counterCommand)\n\n// Connect client to gateway\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n","readmeFilename":"README.md","description":"
\n\nA simple, and clean framework to build discord apps declaratively using [React](https://reactjs.org/) + JSX and [Discord.js](https://discord.js.org/).\n\nExplore the docs...\n\n
\n\n## Let's build a simple counter\n\n\n\n[View complete typescript example here](https://github.com/djobbo/reaccord/examples/simple-counter)\n\n**imports**\n\n```jsx\nimport {\n\tButtonStyle,\n\tChatInputCommand,\n\tClient,\n\tGatewayIntentBits,\n} from \"reaccord\"\nimport { useState } from \"react\"\n```\n\n**Define App behavior**, just like in a React app.\n\n```jsx\nexport const CounterApp = ({ start = 0 }) => {\n\tconst [count, setCount] = useState(start)\n\tconst increment = () => setCount((count) => count + 1)\n\n\treturn (\n\t\t<>\n\t\t\tCount: {count}\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t)\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n\t.intParam(\"start\", \"Number to start counting from\")\n\t.render(CounterApp)\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = new Client({\n\ttoken: DISCORD_TOKEN ?? \"\",\n\tintents: [\n\t\tGatewayIntentBits.Guilds,\n\t\tGatewayIntentBits.GuildMessages,\n\t\tGatewayIntentBits.GuildMessageReactions,\n\t],\n\tdevGuildId: DISCORD_DEV_GUILD_ID,\n\tclientId: DISCORD_CLIENT_ID,\n})\n\nclient.registerCommand(counterCommand)\n\n// Connect client to gateway\nclient.connect(() =>\n\tconsole.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n","readmeFilename":"README.md","description":"
\n\nA simple, and clean framework to build discord apps declaratively using [React](https://reactjs.org/) + JSX and [Discord.js](https://discord.js.org/).\n\nExplore the docs...\n\n
\n\n## Let's build a simple counter\n\n\n\n[View complete typescript example here](https://github.com/djobbo/reaccord/examples/simple-counter)\n\n**imports**\n\n```jsx\nimport {\n\tActionRow,\n\tButton,\n\tButtonStyle,\n\tChatInputCommand,\n\tContent,\n\tClient,\n} from \"reaccord\"\nimport { useState } from \"react\"\n```\n\n**Define App behavior**, just like in a React app.\n\n```jsx\nconst CounterApp = ({ start = 0 }) => {\n\tconst [count, setCount] = useState(start)\n\tconst increment = () => setCount((count) => count + 1)\n\n\treturn (\n\t\t<>\n\t\t\tCount: {count}\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t)\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n\t.intParam(\"start\", \"Number to start counting from\")\n\t.render(CounterApp)\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = new Client({\n\ttoken: DISCORD_TOKEN ?? \"\",\n\tintents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n\tdevGuildId: DISCORD_DEV_GUILD_ID,\n\tclientId: DISCORD_CLIENT_ID,\n})\n\nclient.registerCommand(counterCommand)\n\n// Connect client to gateway\nclient.connect(() =>\n\tconsole.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n","readmeFilename":"README.md","description":"
\n\nA simple, and clean framework to build discord apps declaratively using [React](https://reactjs.org/) + JSX and [Discord.js](https://discord.js.org/).\n\nExplore the docs...\n\n
\n\n## Let's build a simple counter\n\n\n\n[View complete typescript example here](https://github.com/djobbo/reaccord/examples/simple-counter)\n\n**imports**\n\n```jsx\nimport {\n\tActionRow,\n\tButton,\n\tButtonStyle,\n\tChatInputCommand,\n\tContent,\n\tClient,\n} from \"reaccord\"\nimport { useState } from \"react\"\n```\n\n**Define App behavior**, just like in a React app.\n\n```jsx\nconst CounterApp = ({ start = 0 }) => {\n\tconst [count, setCount] = useState(start)\n\tconst increment = () => setCount((count) => count + 1)\n\n\treturn (\n\t\t<>\n\t\t\tCount: {count}\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t)\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n\t.intParam(\"start\", \"Number to start counting from\")\n\t.render(CounterApp)\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = new Client({\n\ttoken: DISCORD_TOKEN ?? \"\",\n\tintents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n\tdevGuildId: DISCORD_DEV_GUILD_ID,\n\tclientId: DISCORD_CLIENT_ID,\n})\n\nclient.registerCommand(counterCommand)\n\n// Connect client to gateway\nclient.connect(() =>\n\tconsole.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n","readmeFilename":"README.md","description":"
\n\nA simple, and clean framework to build discord apps declaratively using [React](https://reactjs.org/) + JSX and [Discord.js](https://discord.js.org/).\n\nExplore the docs...\n\n
\n\n## Let's build a simple counter\n\n\n\n[View complete typescript example here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)\n\n**imports**\n\n```jsx\nimport {\n\tActionRow,\n\tButton,\n\tButtonStyle,\n\tChatInputCommand,\n\tContent,\n\tClient,\n} from \"reaccord\"\nimport { useState } from \"react\"\n```\n\n**Define App behavior**, just like in a React app.\n\n```jsx\nconst CounterApp = ({ start = 0 }) => {\n\tconst [count, setCount] = useState(start)\n\tconst increment = () => setCount((count) => count + 1)\n\n\treturn (\n\t\t<>\n\t\t\tCount: {count}\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t)\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n\t.intParam(\"start\", \"Number to start counting from\")\n\t.render(CounterApp)\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = new Client({\n\ttoken: DISCORD_TOKEN ?? \"\",\n\tintents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n\tdevGuildId: DISCORD_DEV_GUILD_ID,\n\tclientId: DISCORD_CLIENT_ID,\n})\n\nclient.registerCommand(counterCommand)\n\n// Connect client to gateway\nclient.connect(() =>\n\tconsole.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n","readmeFilename":"README.md","description":"
\n\nA simple, and clean framework to build discord apps declaratively using [React](https://reactjs.org/) + JSX and [Discord.js](https://discord.js.org/).\n\nExplore the docs...\n\n
\n\n## Let's build a simple counter\n\n\n\n[View complete typescript example here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)\n\n**imports**\n\n```jsx\nimport {\n\tActionRow,\n\tButton,\n\tButtonStyle,\n\tChatInputCommand,\n\tContent,\n\tClient,\n} from \"reaccord\"\nimport { useState } from \"react\"\n```\n\n**Define App behavior**, just like in a React app.\n\n```jsx\nconst CounterApp = ({ start = 0 }) => {\n\tconst [count, setCount] = useState(start)\n\tconst increment = () => setCount((count) => count + 1)\n\n\treturn (\n\t\t<>\n\t\t\tCount: {count}\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t)\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n\t.intParam(\"start\", \"Number to start counting from\")\n\t.render(CounterApp)\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = new Client({\n\ttoken: DISCORD_TOKEN ?? \"\",\n\tintents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n\tdevGuildId: DISCORD_DEV_GUILD_ID,\n\tclientId: DISCORD_CLIENT_ID,\n})\n\nclient.registerCommand(counterCommand)\n\n// Connect client to gateway\nclient.connect(() =>\n\tconsole.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n","readmeFilename":"README.md","description":"
\n\nA simple, and clean framework to build discord apps declaratively using [React](https://reactjs.org/) + JSX and [Discord.js](https://discord.js.org/).\n\nExplore the docs...\n\n
\n\n## Let's build a simple counter\n\n\n\n[View complete typescript example here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)\n\n**imports**\n\n```jsx\nimport {\n\tActionRow,\n\tButton,\n\tButtonStyle,\n\tChatInputCommand,\n\tContent,\n\tClient,\n} from \"reaccord\"\nimport { useState } from \"react\"\n```\n\n**Define App behavior**, just like in a React app.\n\n```jsx\nconst CounterApp = ({ start = 0 }) => {\n\tconst [count, setCount] = useState(start)\n\tconst increment = () => setCount((count) => count + 1)\n\n\treturn (\n\t\t<>\n\t\t\tCount: {count}\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t)\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n\t.intParam(\"start\", \"Number to start counting from\")\n\t.render(CounterApp)\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = new Client({\n\ttoken: DISCORD_TOKEN ?? \"\",\n\tintents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n\tdevGuildId: DISCORD_DEV_GUILD_ID,\n\tclientId: DISCORD_CLIENT_ID,\n})\n\nclient.registerCommand(counterCommand)\n\n// Connect client to gateway\nclient.connect(() =>\n\tconsole.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n","readmeFilename":"README.md","description":"
\n\nA simple, and clean framework to build discord apps declaratively using [React](https://reactjs.org/) + JSX and [Discord.js](https://discord.js.org/).\n\nExplore the docs...\n\n
\n\n## Let's build a simple counter\n\n\n\n[View complete typescript example here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)\n\n**imports**\n\n```jsx\nimport {\n ActionRow,\n Button,\n ButtonStyle,\n ChatInputCommand,\n Content,\n Client,\n} from \"reaccord\"\nimport { useState } from \"react\"\n```\n\n**Define App behavior**, just like in a React app.\n\n```jsx\nconst CounterApp = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n const increment = () => setCount((count) => count + 1)\n\n return (\n <>\n Count: {count}\n \n \n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(CounterApp)\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = new Client({\n token: DISCORD_TOKEN ?? \"\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: DISCORD_DEV_GUILD_ID,\n clientId: DISCORD_CLIENT_ID,\n})\n\nclient.registerCommand(counterCommand)\n\n// Connect client to gateway\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n","readmeFilename":"README.md","description":"
\n\nA simple, and clean framework to build discord apps declaratively using [React](https://reactjs.org/) + JSX and [Discord.js](https://discord.js.org/).\n\nExplore the docs...\n\n
\n\n## Let's build a simple counter\n\n\n\n[View complete typescript example here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)\n\n**imports**\n\n```jsx\nimport {\n ActionRow,\n Button,\n ButtonStyle,\n ChatInputCommand,\n Content,\n Client,\n} from \"reaccord\"\nimport { useState } from \"react\"\n```\n\n**Define App behavior**, just like in a React app.\n\n```jsx\nconst CounterApp = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n const increment = () => setCount((count) => count + 1)\n\n return (\n <>\n Count: {count}\n \n \n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(CounterApp)\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = new Client({\n token: DISCORD_TOKEN ?? \"\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: DISCORD_DEV_GUILD_ID,\n clientId: DISCORD_CLIENT_ID,\n})\n\nclient.registerCommand(counterCommand)\n\n// Connect client to gateway\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n","readmeFilename":"README.md","description":"
\n\nA simple, and clean framework to build discord apps declaratively using [React](https://reactjs.org/) + JSX and [Discord.js](https://discord.js.org/).\n\nExplore the docs...\n\n
\n\n## Let's build a simple counter\n\n\n\n[View complete typescript example here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)\n\n**imports**\n\n```jsx\nimport {\n ActionRow,\n Button,\n ButtonStyle,\n ChatInputCommand,\n Content,\n Client,\n} from \"reaccord\"\nimport { useState } from \"react\"\n```\n\n**Define App behavior**, just like in a React app.\n\n```jsx\nconst CounterApp = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n const increment = () => setCount((count) => count + 1)\n\n return (\n <>\n Count: {count}\n \n \n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(CounterApp)\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = new Client({\n token: DISCORD_TOKEN ?? \"\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: DISCORD_DEV_GUILD_ID,\n clientId: DISCORD_CLIENT_ID,\n})\n\nclient.registerCommand(counterCommand)\n\n// Connect client to gateway\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n","readmeFilename":"README.md","description":"
\n\nA simple, and clean framework to build discord apps declaratively using [React](https://reactjs.org/) + JSX and [Discord.js](https://discord.js.org/).\n\nExplore the docs...\n\n
\n\n## Let's build a simple counter\n\n\n\n[View complete typescript example here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)\n\n**imports**\n\n```jsx\nimport {\n ActionRow,\n Button,\n ButtonStyle,\n ChatInputCommand,\n Content,\n Client,\n} from \"reaccord\"\nimport { useState } from \"react\"\n```\n\n**Define App behavior**, just like in a React app.\n\n```jsx\nconst CounterApp = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n const increment = () => setCount((count) => count + 1)\n\n return (\n <>\n Count: {count}\n \n \n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(CounterApp)\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = new Client({\n token: DISCORD_TOKEN ?? \"\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: DISCORD_DEV_GUILD_ID,\n clientId: DISCORD_CLIENT_ID,\n})\n\nclient.registerCommand(counterCommand)\n\n// Connect client to gateway\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n","readmeFilename":"README.md","description":"
\n\nA simple, and clean framework to build discord apps declaratively using [React](https://reactjs.org/) + JSX and [Discord.js](https://discord.js.org/).\n\nExplore the docs...\n\n
\n\n## Let's build a simple counter\n\n\n\n[View complete typescript example here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)\n\n**imports**\n\n```jsx\nimport {\n ActionRow,\n Button,\n ButtonStyle,\n ChatInputCommand,\n Content,\n Client,\n} from \"reaccord\"\nimport { useState } from \"react\"\n```\n\n**Define App behavior**, just like in a React app.\n\n```jsx\nconst CounterApp = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n const increment = () => setCount((count) => count + 1)\n\n return (\n <>\n Count: {count}\n \n \n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(CounterApp)\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = new Client({\n token: DISCORD_TOKEN ?? \"\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: DISCORD_DEV_GUILD_ID,\n clientId: DISCORD_CLIENT_ID,\n})\n\nclient.registerCommand(counterCommand)\n\n// Connect client to gateway\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n","readmeFilename":"README.md","description":"
\n\nA simple, and clean framework to build discord apps declaratively using [React](https://reactjs.org/) + JSX and [Discord.js](https://discord.js.org/).\n\nExplore the docs...\n\n
\n\n## Let's build a simple counter\n\n\n\n[View complete typescript example here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)\n\n**imports**\n\n```jsx\nimport {\n ActionRow,\n Button,\n ButtonStyle,\n ChatInputCommand,\n Content,\n Client,\n} from \"reaccord\"\nimport { useState } from \"react\"\n```\n\n**Define App behavior**, just like in a React app.\n\n```jsx\nconst CounterApp = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n const increment = () => setCount((count) => count + 1)\n\n return (\n <>\n Count: {count}\n \n \n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(CounterApp)\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = new Client({\n token: DISCORD_TOKEN ?? \"\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: DISCORD_DEV_GUILD_ID,\n clientId: DISCORD_CLIENT_ID,\n})\n\nclient.registerCommand(counterCommand)\n\n// Connect client to gateway\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n","readmeFilename":"README.md","description":"
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n*You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter).* \n\n**Define App behavior**, just like in a React app.\n```jsx\nconst CounterApp = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n const increment = () => setCount((count) => count + 1)\n\n return (\n <>\n Count: {count}\n \n \n \n \n )\n}\n```\n\n**Create end-user command.**\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n```jsx\nconst client = new Client({\n token: 'bot-token',\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: 'dev-guild-id',\n clientId: 'bot-client-id',\n})\n\nclient.registerCommand(counterCommand)\n```\n\n**Connect the client to discord's gateway**\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define App behavior**, just like in a React app.\n\n```jsx\nconst CounterApp = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n const increment = () => setCount((count) => count + 1)\n\n return (\n <>\n Count: {count}\n \n \n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = new Client({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n})\n\nclient.registerCommand(counterCommand)\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define App behavior**, just like in a React app.\n\n```jsx\nconst CounterApp = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n const increment = () => setCount((count) => count + 1)\n\n return (\n <>\n Count: {count}\n \n \n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = new Client({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n})\n\nclient.registerCommand(counterCommand)\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define App behavior**, just like in a React app.\n\n```jsx\nconst CounterApp = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n const increment = () => setCount((count) => count + 1)\n\n return (\n <>\n Count: {count}\n \n \n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = new Client({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n})\n\nclient.registerCommand(counterCommand)\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define App behavior**, just like in a React app.\n\n```jsx\nconst CounterApp = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n const increment = () => setCount((count) => count + 1)\n\n return (\n <>\n Count: {count}\n \n \n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = new Client({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n})\n\nclient.registerCommand(counterCommand)\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define App behavior**, just like in a React app.\n\n```jsx\nconst CounterApp = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n const increment = () => setCount((count) => count + 1)\n\n return (\n <>\n Count: {count}\n \n \n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = new Client({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n})\n\nclient.registerCommand(counterCommand)\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define App behavior**, just like in a React app.\n\n```jsx\nconst CounterApp = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n const increment = () => setCount((count) => count + 1)\n\n return (\n <>\n Count: {count}\n \n \n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = new Client({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n})\n\nclient.registerCommand(counterCommand)\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define App behavior**, just like in a React app.\n\n```jsx\nconst CounterApp = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n const increment = () => setCount((count) => count + 1)\n\n return (\n <>\n Count: {count}\n \n \n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = new ChatInputCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = new Client({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n})\n\nclient.registerCommand(counterCommand)\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define App behavior**, just like in a React app.\n\n```jsx\nconst CounterApp = ({ start = 0 }: CounterAppProps) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n})\n\nclient.registerCommand(counterCommand)\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define App behavior**, just like in a React app.\n\n```jsx\nconst CounterApp = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://djobbo.github.io/reaccord)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://reaccord.djobbo.com)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://reaccord.djobbo.com)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://reaccord.djobbo.com)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://reaccord.djobbo.com)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://reaccord.djobbo.com)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://reaccord.djobbo.com)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://reaccord.djobbo.com)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://reaccord.djobbo.com)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://reaccord.djobbo.com)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://reaccord.djobbo.com)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://reaccord.djobbo.com)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://reaccord.djobbo.com)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://reaccord.djobbo.com)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://reaccord.djobbo.com)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://reaccord.djobbo.com)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://reaccord.djobbo.com)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://reaccord.djobbo.com)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
\n\nReaccord is a framework for creating discord bots with [react](https://reactjs.org/). \nIt is built on top of the [discord.js](https://discord.js.org/) library and is designed to be easy to use.\n\nExplore the docs...\n\n
\n\n---\n\nTurn your react code into fully featured discord bots **[now](https://reaccord.djobbo.com)**!\n\n## Let's build a simple counter\n\nWhat we will be building: \n \n_You can view the complete source code [here](https://github.com/djobbo/reaccord/tree/master/examples/simple-counter)._\n\n**Define your App's behavior**, as you would do in a regular React webapp.\n\n```jsx\nconst Counter = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n\n return (\n <>\n {count}\n \n \n )\n}\n```\n\n**Create end-user command.**\n\n```jsx\nconst counterCommand = createSlashCommand(\"counter\", \"A simple counter\")\n .intParam(\"start\", \"Number to start counting from\")\n .render(({ start }) => )\n```\n\n**Instantiate the gateway client**, and register the command.\n\n```jsx\nconst client = createClient({\n token: \"bot-token\",\n intents: [GatewayIntentBits.Guilds, GatewayIntentBits.GuildMessages],\n devGuildId: \"dev-guild-id\",\n clientId: \"bot-client-id\",\n commands: [counterCommand],\n})\n```\n\n**Connect the client to discord's gateway**\n\n```js\nclient.connect(() =>\n console.log(`🚀 Client connected as ${client.user?.username}!`),\n)\n```\n\n
\n\n**Congratulations**, now you can go ahead and try your brand new command!\n\n\n
![\"Reaccord](\"./assets/reaccord.svg\")
\n ![\"Ping](\"./assets/command_ping.png\")
\n\n## A few more examples\n\n### `Echo` command with a required string parameter\n\n```tsx\nconst echo = new ChatInputCommand(\"echo\", \"Echoes msg\")\n .stringParam(\"input\", \"Message to be echoed\", { required: true })\n .render(({ input }) => ![\"Echo](\"./assets/command_echo.png\")
\n\n### `Add` command with two optional number parameters\n\n```tsx\nconst add = new ChatInputCommand(\"add\", \"Add two numbers\")\n .numberParam(\"a\", \"First number\")\n .numberParam(\"b\", \"Second number\")\n .render(({ a = 0, b = 0 }) => (\n \n ))\n\nclient.registerCommand(add)\n```\n\n**Result** \n![\"Add](\"./assets/command_add.png\")
\n","readmeFilename":"README.md","description":"![\"Reaccord](\"https://raw.githubusercontent.com/djobbo/reaccord/master/assets/reaccord.svg\")
\n ![\"Ping](\"https://raw.githubusercontent.com/djobbo/reaccord/master/assets/command_ping.png\")
\n\n## A few more examples\n\n### `Echo` command with a required string parameter\n\n```tsx\nconst echo = new ChatInputCommand(\"echo\", \"Echoes msg\")\n .stringParam(\"input\", \"Message to be echoed\", { required: true })\n .render(({ input }) => ![\"Echo](\"https://raw.githubusercontent.com/djobbo/reaccord/master/assets/command_echo.png\")
\n\n### `Add` command with two optional number parameters\n\n```tsx\nconst add = new ChatInputCommand(\"add\", \"Add two numbers\")\n .numberParam(\"a\", \"First number\")\n .numberParam(\"b\", \"Second number\")\n .render(({ a = 0, b = 0 }) => (\n \n ))\n\nclient.registerCommand(add)\n```\n\n**Result** \n![\"Add](\"https://raw.githubusercontent.com/djobbo/reaccord/master/assets/command_add.png\")
\n","readmeFilename":"README.md","description":"![\"Simple](\"https://raw.githubusercontent.com/djobbo/reaccord/master/assets/simple-counter.gif\")
\n\n[View complete typescript example here](https://github.com/djobbo/reaccord/examples/simple-counter)\n\n**imports**\n```jsx\nimport {\n ButtonStyle,\n ChatInputCommand,\n Client,\n GatewayIntentBits,\n} from \"reaccord\"\nimport { useState } from \"react\"\n```\n\n**Define App behavior**, just like in a React app.\n```jsx\nexport const CounterApp = ({ start = 0 }) => {\n const [count, setCount] = useState(start)\n const increment = () => setCount((count) => count + 1)\n\n return (\n <>\n ![\"\"](\"https://img.shields.io/npm/v/reaccord.svg?style=flat-square&labelColor=2E3749&color=4596D1&logo=npm&label=reaccord\")
\n\t\t\t\t\t\n ![\"Reaccord](\"https://raw.githubusercontent.com/djobbo/reaccord/master/assets/readme_banner.png\")
\n\n\n![\"\"](\"https://img.shields.io/npm/v/@reaccord/router.svg?style=flat-square&labelColor=2E3749&color=4596D1&logo=npm&label=@reaccord/router\")
\n ![\"\"](\"https://img.shields.io/badge/reaccord--_.svg?style=flat-square&labelColor=2E3749&color=4596D1&logo=npm\"){kind=icon}
\n ![\"\"](\"https://img.shields.io/badge/@reaccord/router--_.svg?style=flat-square&labelColor=2E3749&color=4596D1&logo=npm\"){kind=icon}
\n ![\"\"](\"https://img.shields.io/badge/@reaccord/canvas--_.svg?style=flat-square&labelColor=2E3749&color=4596D1&logo=npm\"){kind=icon}
\n ![\"\"](\"https://img.shields.io/badge/@reaccord/chalk--_.svg?style=flat-square&labelColor=2E3749&color=4596D1&logo=npm\"){kind=icon}
\n