资料下载
React和强尼五号交通灯开源分享
王银喜
分享资料个
描述
React 和强尼五号交通灯
一个简单的项目，涉及使用 Johnny-Five 和 React 来控制一组灯，使用动作和函数来控制它们并为其设置动画。这是我发布的（不完美的）作品。这实际上是我制作的第一个使用 JavaScript 构建 IoT 应用程序的项目。
电路
为此，电路非常简单——它由 3 个 LED（红色、黄色和绿色）组成，就像一组交通灯。
组件列表
- Arduino Uno（实际上，任何 Arduino 都可以）
- 面包板（最好是带有侧轨的电源）
- 3 个 LED（1 个红色、1 个黄色、1 个绿色）
- 3 220欧姆电阻
- 8根彩色跨接电缆（5根黑色跨接电缆用于接地）
图表
该图非常简单——将每个 LED 分别连接到引脚 11、10 和 9，以及每个 LED 的 220 欧姆电阻。记住要接地，这样电路才能工作！总而言之，电路组装起来非常简单。
安装中
你可以使用 NPM 或 Yarn 来安装和使用应用程序，虽然我推荐 yarn，它对于依赖管理非常好。
您可以执行npm install 或yarn install 下载应用程序的所有依赖项。
命令
您可以使用各种命令来运行该应用程序，从构建、开发到测试。同样，您可以使用 Yarn 或 NPM 来运行该应用程序。
命令列表
start — 启动应用服务器（注意：build 先运行！）build — 为生产环境构建应用dev-start — 在开发环境下启动应用服务器dev-server — 为客户端 React 应用运行 Webpack 开发服务器styles — 构建应用样式（使用 PostCSS ) test — 运行 ESlint 和 Flow 来检查代码是否存在问题。
关于作者
Iain是一位患有阿斯伯格综合症的开发人员、设计师和艺术家，他擅长创造事物，并且对所有有创意的事物都着迷。他喜欢尝试代码、看板和数字艺术。
支持作者！
在 Twitter 上关注，在 Facebook 上关注，并在 Patreon 上向 Iain 承诺！
声明：本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人，不代表电子发烧友网立场。文章及其配图仅供工程师学习之用，如有内容侵权或者其他违规问题，请联系本站处理。 举报投诉
- 相关下载
- 相关文章
