描述

React 和強(qiáng)尼五號(hào)交通燈

一個(gè)簡(jiǎn)單的項(xiàng)目，涉及使用 Johnny-Five 和 React 來控制一組燈，使用動(dòng)作和函數(shù)來控制它們并為其設(shè)置動(dòng)畫。這是我發(fā)布的（不完美的）作品。這實(shí)際上是我制作的第一個(gè)使用 JavaScript 構(gòu)建 IoT 應(yīng)用程序的項(xiàng)目。

電路

為此，電路非常簡(jiǎn)單——它由 3 個(gè) LED（紅色、黃色和綠色）組成，就像一組交通燈。

?

?

組件列表

• Arduino Uno（實(shí)際上，任何 Arduino 都可以）

• 面包板（最好是帶有側(cè)軌的電源）

• 3 個(gè) LED（1 個(gè)紅色、1 個(gè)黃色、1 個(gè)綠色）

• 3 220歐姆電阻

• 8根彩色跨接電纜（5根黑色跨接電纜用于接地）

圖表

該圖非常簡(jiǎn)單——將每個(gè) LED 分別連接到引腳 11、10 和 9，以及每個(gè) LED 的 220 歐姆電阻。記住要接地，這樣電路才能工作！總而言之，電路組裝起來非常簡(jiǎn)單。

安裝中

你可以使用 NPM 或 Yarn 來安裝和使用應(yīng)用程序，雖然我推薦 yarn，它對(duì)于依賴管理非常好。

您可以執(zhí)行npm install 或yarn install 下載應(yīng)用程序的所有依賴項(xiàng)。

命令

您可以使用各種命令來運(yùn)行該應(yīng)用程序，從構(gòu)建、開發(fā)到測(cè)試。同樣，您可以使用 Yarn 或 NPM 來運(yùn)行該應(yīng)用程序。

命令列表

start — 啟動(dòng)應(yīng)用服務(wù)器（注意：build 先運(yùn)行?。?/font>build — 為生產(chǎn)環(huán)境構(gòu)建應(yīng)用dev-start — 在開發(fā)環(huán)境下啟動(dòng)應(yīng)用服務(wù)器dev-server — 為客戶端 React 應(yīng)用運(yùn)行 Webpack 開發(fā)服務(wù)器styles — 構(gòu)建應(yīng)用樣式（使用 PostCSS ) test — 運(yùn)行 ESlint 和 Flow 來檢查代碼是否存在問題。