Base usage of components and hooks.

Telegram live example - https://t.me/BaseExampleUrbanBot.

1. Get telegram token
2. Paste token to .env TELEGRAM_TOKEN=YOUR_TOKEN
3. Uncomment // import './render/telegram'; inside src/index.ts
4. Run npm run dev and check your bot

1. Create slack app
2. Paste token to .env SLACK_TOKEN=YOUR_TOKEN
3. Paste signing secret to .env SLACK_SIGNING_SECRET=YOUR_SIGNING_SECRET
4. Run npm run start-tunnel and connect the public url with slack webhook.
5. Uncomment // import './render/slack'; inside src/index.ts
6. Run npm run dev and check your bot

1. Create facebook app
2. Paste credentials to .env
3. Run npm run start-tunnel and connect the public url with facebook webhook.
4. Uncomment // import './render/facebook'; inside src/index.ts
5. Run npm run dev and check your bot

Build your code to dist folder.

Build and start your code after every code changes. Settings are inside package.json nodemonConfig.

Check code style. All rules are inside .eslintrc.js.

Fix code style issues automatically including prettier formatting.

Start code from dist folder.

Start a public URL for exposing your local server.

Start your tests. File matching *.test.(js|jsx).

Check typescript errors.

You could import any file and paste to components as buffer or stream. It will be automatically added to dist bundle.

import image from './assets/logo.png';
import doc from './assets/document.doc';

function App() {
  return (
    <>
      <Image file={fs.createReadStream(image)} />
      <File file={fs.readFileSync(doc)} />
    </>
  );
}