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 承诺！