Reaccord NPM | npm.io

0.0.1-dev.1659027321767.52ccab3 • Published 4 years ago

Install

Weekly downloads

-

License

-

Repository

Last release

4 years ago

A simple, and clean framework to build discord apps declaratively using React + JSX and Discord.js.

Explore the docs...

Let's build a simple counter

View complete typescript example here

imports

import {
    ButtonStyle,
    ChatInputCommand,
    Client,
    GatewayIntentBits,
} from "reaccord"
import { useState } from "react"

Define App behavior, just like in a React app.

export const CounterApp = ({ start = 0 }) => {
    const [count, setCount] = useState(start)
    const increment = () => setCount((count) => count + 1)

    return (
        <>
            <content>Count: {count}</content>
            <action-row>
                <button onClick={increment} style={ButtonStyle.Primary}>
                    +
                </button>
            </action-row>
        </>
    )
}

Create end-user command.

const counterCommand = new ChatInputCommand("counter", "A simple counter")
    .intParam("start", "Number to start counting from")
    .render(CounterApp)

Instantiate the gateway client, and register the command.

const client = new Client({
    token: DISCORD_TOKEN ?? "",
    intents: [
        GatewayIntentBits.Guilds,
        GatewayIntentBits.GuildMessages,
        GatewayIntentBits.GuildMessageReactions,
    ],
    devGuildId: DISCORD_DEV_GUILD_ID,
    clientId: DISCORD_CLIENT_ID,
})

client.registerCommand(counterCommand)

// Connect client to gateway
client.connect(() =>
    console.log(`🚀 Client connected as ${client.user?.username}!`),
)

@discordjs/rest @reaccord/jsx discord-api-types discord.js react react-reconciler

@everything-registry/sub-chunk-2537 @infinitebrahmanuniverse/nolb-reacc @reaccord/router @reaccord/canvas @reaccord/chalk

0.0.1-dev.1714049105721.d4342da

2 years ago

0.0.1-dev.1714059292047.0ea20c6

2 years ago

0.0.1-dev.1714009313101.6e20528

2 years ago

0.0.1-dev.1713387246674.f2307c9

2 years ago

0.0.1-dev.1713304593167.e117a63

2 years ago

0.0.1-dev.1713291232160.958a59a

2 years ago

0.0.1-dev.1713305281565.c2cdbf4

2 years ago

0.0.1-dev.1713304861144.0b37da7

2 years ago

0.0.1-dev.1713308713958.96eb876

2 years ago

0.0.1-dev.1713303303178.5f00f97

2 years ago

0.0.1-dev.1713310585353.d333bba

2 years ago

0.0.1-dev.1713306983816.ffc86e9

2 years ago

0.0.1-dev.1713215736861.43430e1

2 years ago

0.0.1-dev.1713207589628.3285a05

2 years ago

0.0.1-dev.1713215719587.27430db

2 years ago

0.0.1-dev.1713207731368.99dd75e

2 years ago

0.0.1-dev.1713217950898.64ded6f

2 years ago

0.0.1-dev.1713138589725.501af2e

2 years ago

0.0.1-dev.1713166668081.8fee683

2 years ago

0.0.1-dev.1713112533679.1af9901

2 years ago

0.0.1-dev.1713139503350.1979a84

2 years ago

0.0.1-dev.1713139260795.d468845

2 years ago

0.0.1-dev.1713138895315.dc6384b

2 years ago

0.0.1-dev.1713044665201.a6eeaf1

2 years ago

0.0.1-dev.1713017417055.98b56a6

2 years ago

0.0.1-dev.1713014401240.561d5b0

2 years ago

0.0.1-dev.1713023020992.8b1c175

2 years ago

0.0.1-dev.1713014129394.1259ad1

2 years ago

0.0.1-dev.1713016534299.ec3b730

2 years ago

0.0.1-dev.1713033496220.6932338

2 years ago

0.0.1-dev.1713051804686.a573e39

2 years ago

0.0.1-dev.1680552809439.fc17bd0

3 years ago

0.0.1-dev.1669742731656.1c2e96f

3 years ago

0.0.1-dev.1669722521691.be65906

3 years ago

0.0.1-dev.1669574009268.5e1ad62

3 years ago

0.0.1-dev.1669568215336.dff4683

3 years ago

0.0.1-dev.1662751121068.0fe298a

3 years ago

0.0.1-dev.1662391681688.08836fd

3 years ago

0.0.1-dev.1662397564622.7a70c56

3 years ago

0.0.1-dev.1662497783552.3701f94

3 years ago

0.0.1-dev.1662392247091.24b06ef

3 years ago

0.0.1-dev.1662497646706.8bd9035

3 years ago

0.0.1-dev.1658252164693.741d642

4 years ago

0.0.1-dev.1654826646.7bb613d

4 years ago

0.0.1-dev.1655383505.7bb613d

4 years ago

0.0.1-dev.1655344944.7bb613d

4 years ago

0.0.1-dev.1654912695.7bb613d

4 years ago

0.0.1-dev.1658753139750.bbaa584

4 years ago

0.0.1-dev.1655777067.7bb613d

4 years ago

0.0.1-dev.1656382081.7bb613d

4 years ago

0.0.1-dev.1656123400.7bb613d

4 years ago

0.0.1-dev.1654653468.7bb613d

4 years ago

0.0.1-dev.1660527073643.dda4a07

4 years ago

0.0.1-dev.1654692427.7bb613d

4 years ago

0.0.1-dev.1654526549.3032e1a

4 years ago

0.0.1-dev.1657465885.4309084

4 years ago

0.0.1-dev.1657246733.7bb613d

4 years ago

0.0.1-dev.1656469077.7bb613d

4 years ago

0.0.1-dev.1656987435.7bb613d

4 years ago

0.0.1-dev.1655173038.7bb613d

4 years ago

0.0.1-dev.1656506896.7bb613d

4 years ago

0.0.1-dev.1660152613364.58bc12b

4 years ago

0.0.1-dev.1656727769.7bb613d

4 years ago

0.0.1-dev.1656901382.7bb613d

4 years ago

0.0.1-dev.1659785951096.8709b49

4 years ago

0.0.1-dev.1660398212763.9299830

4 years ago

0.0.1-dev.1656210189.7bb613d

4 years ago

0.0.1-dev.1656814751.7bb613d

4 years ago

0.0.1-dev.1660841532531.6e9b96d

3 years ago

0.0.1-dev.1657466022.ba5fd0b

4 years ago

0.0.1-dev.1654951011.7bb613d

4 years ago

0.0.1-dev.1657555809.7249929

4 years ago

0.0.1-dev.1657112199.7bb613d

4 years ago

0.0.1-dev.1655988431.7bb613d

4 years ago

0.0.1-dev.1655901891.7bb613d

4 years ago

0.0.1-dev.1655555794.7bb613d

4 years ago

0.0.1-dev.1659020154319.8658279

4 years ago

0.0.1-dev.1656334056.7bb613d

4 years ago

0.0.1-dev.1656593336.7bb613d

4 years ago

0.0.1-dev.1655259007.7bb613d

4 years ago

0.0.1-dev.1660079738918.5190856

4 years ago

0.0.1-dev.1659728398664.05a725a

4 years ago

0.0.1-dev.1655469877.7bb613d

4 years ago

0.0.1-dev.1661028537683.a36504b

3 years ago

0.0.1-dev.1657025287.7bb613d

4 years ago

0.0.1-dev.1657467394.793c70a

4 years ago

0.0.1-dev.1659028965054.952c03d

4 years ago

0.0.1-dev.1656939097.7bb613d

4 years ago

0.0.1-dev.1654739977.7bb613d

4 years ago

0.0.1-dev.1655642225.7bb613d

4 years ago

0.0.1-dev.1656555262.7bb613d

4 years ago

0.0.1-dev.1660153167527.45ba874

4 years ago

0.0.1-dev.1657198036.7bb613d

4 years ago

0.0.1-dev.1654273828.c4689cd

4 years ago

0.0.1-dev.1656295756.7bb613d

4 years ago

0.0.1-dev.1659728039255.cda3c16

4 years ago

0.0.1-dev.1658759548674.059cf7c

4 years ago

0.0.1-dev.1655086260.7bb613d

4 years ago

0.0.1-dev.1654363137.2bea3a7

4 years ago

0.0.1-dev.1654361825.f8b389e

4 years ago

0.0.1-dev.1654274653.4cfdac0

4 years ago

0.0.1-dev.1654526149.d6f8fa9

4 years ago

0.0.1-dev.1656851847.7bb613d

4 years ago

0.0.1-dev.1655431413.7bb613d

4 years ago

0.0.1-dev.1656679718.7bb613d

4 years ago

0.0.1-dev.1654360867.72d1f6f

4 years ago

0.0.1-dev.1654307460.6075db9

4 years ago

0.0.1-dev.1657566463813.92a207e

4 years ago

0.0.1-dev.1654567048.3032e1a

4 years ago

0.0.1-dev.1660589068039.77568d3

3 years ago

0.0.1-dev.1655729086.7bb613d

4 years ago

0.0.1-dev.1655000206.7bb613d

4 years ago

0.0.1-dev.1659027321767.52ccab3

4 years ago

0.0.1-dev.1654363528.a738604

4 years ago

0.0.1-dev.1657561328951.ca0b6d5

4 years ago

0.0.1-dev.1658758773438.5a359ad

4 years ago

0.0.1-dev.1660526885857.3271027

4 years ago

0.0.1-dev.1658758958756.6c62520

4 years ago

0.0.1-dev.1659028439768.bfc7921

4 years ago

0.0.1-dev.1655605208.7bb613d

4 years ago

0.0.1-dev.1654605995.7bb613d

4 years ago

0.0.1-dev.1654778819.7bb613d

4 years ago

0.0.1-dev.1660528162099.4568c10

4 years ago

0.0.1-dev.1655517916.7bb613d

4 years ago

4 years ago

0.0.1-dev.1655037335.7bb613d

4 years ago

0.0.1-dev.1658849954804.ab74204

4 years ago

0.0.1-dev.1655815780.7bb613d

4 years ago

0.0.1-dev.1658840357449.7695bed

4 years ago

0.0.1-dev.1655690604.7bb613d

4 years ago

0.0.1-dev.1657555906.ca0b6d5

4 years ago

0.0.1-dev.1654590673.7bb613d

4 years ago

0.0.1-dev.1660407503414.f2818ae

4 years ago

0.0.1-dev.1657074347.7bb613d

4 years ago

0.0.1-dev.1655949859.7bb613d

4 years ago

0.0.1-dev.1655210621.7bb613d

4 years ago

0.0.1-dev.1656765418.7bb613d

4 years ago

0.0.1-dev.1656036520.7bb613d

4 years ago

0.0.1-dev.1657160643.7bb613d

4 years ago

0.0.1-dev.1657258496.0c9abc3

4 years ago

0.0.1-dev.1659038597687.17bbb78

4 years ago

0.0.1-dev.1659801815477.d963439

4 years ago

0.0.1-dev.1655297095.7bb613d

4 years ago

0.0.1-dev.1657566598950.18b2bdd

4 years ago

0.0.1-dev.1658762778627.91cef25

4 years ago

0.0.1-dev.1659729217051.3f7d6f1

4 years ago

0.0.1-dev.1659020892694.69e6232

4 years ago

0.0.1-dev.1657562377190.f43c4d8

4 years ago

0.0.1-dev.1657466914.3299405

4 years ago

0.0.1-dev.1656420381.7bb613d

4 years ago

0.0.1-dev.1654352776.e53393b

4 years ago

0.0.1-dev.1656247059.7bb613d

4 years ago

0.0.1-dev.1656642508.7bb613d

4 years ago

0.0.1-dev.1659344725293.6178688

4 years ago

0.0.1-dev.1657561675751.ca0b6d5

4 years ago

0.0.1-dev.1656074834.7bb613d

4 years ago

0.0.1-dev.1660156351181.45e5045

4 years ago

0.0.1-dev.1657562111096.ca0b6d5

4 years ago

0.0.1-dev.1656160570.7bb613d

4 years ago

0.0.1-dev.1655864313.7bb613d

4 years ago

0.0.1-dev.1659801722752.9597d4f

4 years ago

0.0.1-dev.1658840643438.da2178d

4 years ago

0.0.1-dev.1658745906414.56cbab1

4 years ago

0.0.1-dev.1654865102.7bb613d

4 years ago

0.0.1-dev.1661029230907.5a07940

3 years ago

0.0.1-dev.1647536931.f20078a

4 years ago

4 years ago