Urban Bot

The universal chatbot library based on React.

• Declarative. You don't need to know any messenger API, just write simple react components.
• Multiplatform. Write once, launch any messenger.
• Reusable. Easy share logic between different chatbots or just use common parts.
• Session. App renders unique for every chat, so just write your app as if it is client-side rendering.
• Types. Full typescript support.

Platforms we are supporting

Soon

Get Started

API

Tutorials

• How to create Todo List in Telegram
• Как создать Todo List в Telegram

Installation

Please use our zero configuration starter.

typescript

npx create-urban-bot my-app

javascript

npx create-urban-bot my-app --template js

Or install manually:

bash
npm i react @urban-bot/core @urban-bot/telegram @urban-bot/facebook ...

Example

```javascript import React from 'react'; import { render, Route, Router, Root, Text, ButtonGroup, Button, useText } from '@urban-bot/core'; import { UrbanBotTelegram } from '@urban-bot/telegram'; import { UrbanBotSlack } from '@urban-bot/slack';

function Echo() { const [text, setText] = React.useState('Say something');

useText(({ text }) => {
    setText(text);
});

return (
    
        {text}
    
);

}

function Counter() { const [count, setCount] = React.useState(0);

const increment = () => setCount(count + 1);
const decrement = () => setCount(count - 1);

return (
    
        +1
        -1
    
);

}

function App() { return ( ); }

const urbanBotTelegram = new UrbanBotTelegram({ token: 'telegramToken', });

const urbanBotSlack = new UrbanBotSlack({ signingSecret: 'slackSigningSecret', token: 'slackToken', });

render( );

render( ); ```