[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-10754":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":17,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":22,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":28,"readmeContent":29,"aiSummary":30,"trendingCount":16,"starSnapshotCount":16,"syncStatus":31,"lastSyncTime":32,"discoverSource":33},10754,"react-simple-chatbot","LucasBassetti\u002Freact-simple-chatbot","LucasBassetti",":speech_balloon: Easy way to create conversation chats","https:\u002F\u002Flucasbassetti.com.br\u002Freact-simple-chatbot\u002F",null,"JavaScript",1754,597,47,94,0,1,21.33,"MIT License",false,"master",true,[24,25,26,27],"chat","chatbot","conversational-ui","react","2026-06-12 02:02:26","> [!WARNING]  \n> React Simple Chatbot is no longer maintained. I recommend using [react-chatbotify](https:\u002F\u002Fgithub.com\u002Ftjtanjin\u002Freact-chatbotify) as an alternative.\n\n\n\n# React Simple Chatbot\n\n\u003Ca href=\"https:\u002F\u002Ftravis-ci.org\u002FLucasBassetti\u002Freact-simple-chatbot\">\u003Cimg src=\"https:\u002F\u002Ftravis-ci.org\u002FLucasBassetti\u002Freact-simple-chatbot.svg?branch=master\" alt=\"Travis CI\" \u002F>\u003C\u002Fa> \u003Ca href=\"https:\u002F\u002Fbadge.fury.io\u002Fjs\u002Freact-simple-chatbot\">\u003Cimg src=\"https:\u002F\u002Fbadge.fury.io\u002Fjs\u002Freact-simple-chatbot.svg\" alt=\"npm version\">\u003C\u002Fa>\n  \u003Cimg src=\"https:\u002F\u002Fcodecov.io\u002Fgh\u002FLucasBassetti\u002Freact-simple-chatbot\u002Fbranch\u002Fmaster\u002Fgraph\u002Fbadge.svg\" alt=\"Codecov\" \u002F>\n\u003C\u002Fa> \u003Ca href=\"https:\u002F\u002Fbeerpay.io\u002FLucasBassetti\u002Freact-simple-chatbot\">\u003Cimg src=\"https:\u002F\u002Fbeerpay.io\u002FLucasBassetti\u002Freact-simple-chatbot\u002Fbadge.svg?style=flat\" \u002F>\u003C\u002Fa>\n\nA simple chatbot component to create conversation chats\n\n\u003Cimg src=\"https:\u002F\u002Fcloud.githubusercontent.com\u002Fassets\u002F1014326\u002F25716667\u002F2d4bb4c4-30d6-11e7-996e-30c8fb316361.gif\" height=\"400\" \u002F>\n\n## Getting Start\n\n```bash\nnpm install react-simple-chatbot --save\n```\n\n## Usage\n\nThere are several examples on the [website](http:\u002F\u002Flucasbassetti.com.br\u002Freact-simple-chatbot). Here is the first one to get you started:\n\n``` javascript\nimport ChatBot from 'react-simple-chatbot';\n\nconst steps = [\n  {\n    id: '0',\n    message: 'Welcome to react chatbot!',\n    trigger: '1',\n  },\n  {\n    id: '1',\n    message: 'Bye!',\n    end: true,\n  },\n];\n\nReactDOM.render(\n  \u003Cdiv>\n    \u003CChatBot steps={steps} \u002F>\n  \u003C\u002Fdiv>,\n  document.getElementById('root')\n);\n```\n\n## React Simple Chatbot with AI\n\n1. [CodeParrot AI](https:\u002F\u002Fcodeparrot.ai\u002Foracle?owner=LucasBassetti&repo=react-simple-chatbot) - Bot will help you understand this repository better. You can ask for code examples, installation guide, debugging help and much more.\n\n## React Simple Chatbot on media\n\n1. [webdesignerdepot](https:\u002F\u002Fwww.webdesignerdepot.com\u002F2017\u002F08\u002Fwhats-new-for-designers-august-2017\u002F)\n2. [blogduwebdesign](http:\u002F\u002Fwww.blogduwebdesign.com\u002Fwebdesign\u002Fressources-web-du-lundi-aout-164\u002F2507)\n3. [codrops](https:\u002F\u002Ftympanus.net\u002Fcodrops\u002Fcollective\u002Fcollective-335\u002F)\n\n## Build with `react-simple-chatbot`\n\n1. [Seth Loh Website](https:\u002F\u002Fgithub.com\u002Flackdaz\u002Flackdaz.github.io) - Personal website of Seth Loh ([demo](https:\u002F\u002Fwww.sethloh.com))\n2. [Paul's Website](https:\u002F\u002Fpsheon.github.io\u002F) - Personal website of Paul Jiang ([demo](https:\u002F\u002Fpsheon.github.io\u002Farchives\u002F))\n3. [Cisco Partner Support API Chatbot](https:\u002F\u002Fgithub.com\u002Fbtotharye\u002Fcisco-pss-api-chatbot) - Code with screenshots to have your own Cisco Serial lookup chatbot.\n4. [Chatcompose](https:\u002F\u002Fwww.chatcompose.com\u002Fen.html) - Chatbot Platform for Conversational Marketing and Support.\n5. [Mixat](https:\u002F\u002Fwww.svt.se\u002Fmixat) - News Chatbot for tweenies. Also as app ([iOS](https:\u002F\u002Fapps.apple.com\u002Fse\u002Fapp\u002Fmixat-h%C3%A4r-f%C3%A5r-du-koll\u002Fid1239444432) or [Android](https:\u002F\u002Fplay.google.com\u002Fstore\u002Fapps\u002Fdetails?id=se.svt.mixat))\n\nBuilt something with `react-simple-chatbot`? Submit a PR and add it to this list!\n\n## How to Contribute\n\nPlease check the [contributing guide](https:\u002F\u002Fgithub.com\u002FLucasBassetti\u002Freact-simple-chatbot\u002Fblob\u002Fmaster\u002Fcontributing.md)\n\n## Authors\n\n| ![Lucas Bassetti](https:\u002F\u002Favatars3.githubusercontent.com\u002Fu\u002F1014326?v=3&s=150)|\n|:---------------------:|\n|  [Lucas Bassetti](https:\u002F\u002Fgithub.com\u002FLucasBassetti\u002F)   |\n\nSee also the list of [contributors](https:\u002F\u002Fgithub.com\u002FLucasBassetti\u002Freact-simple-chatbot\u002Fcontributors) who participated in this project.\n\n## License\n\nMIT · [Lucas Bassetti](http:\u002F\u002Flucasbassetti.com.br)\n","React Simple Chatbot 是一个用于创建对话聊天机器人的简单组件。它基于 React 构建，提供了易于配置的步骤来定义聊天流程，支持自定义消息和触发器，能够快速搭建基本的对话界面。尽管项目已不再维护，但其简洁的设计理念与实现非常适合初学者学习如何集成聊天机器人到网页应用中，或者用于小型项目的客户服务、信息查询等场景。请注意，对于需要长期支持或更复杂功能的应用，建议考虑其他活跃维护的替代方案如 react-chatbotify。",2,"2026-06-11 03:30:01","top_topic"]