reactjs-chatroom-example icon indicating copy to clipboard operation
reactjs-chatroom-example copied to clipboard

reactjs - Simple Chat Room

Reactjs - Simple Chat Room

這個範例是透過 Reactjs 所完成的,模擬一個聊天室的情境,
希望可以透過簡單的範例讓大家感受一下 Reactjs 的優點。

| 範例來源:chatroom |

特別感謝 chentsulin 同意將範例提供我使用。:pray:


How To Use

$ git clone repo
$ npm install
$ npm start

Open http://localhost:3000 in your browser.

ESLint

$ npm run lint

Boilerplate

如果想要重新自己實作一次,可以使用這個樣板:React-Webpack-ES6-Boilerplate
將檔案 clone 回去之後,一樣先執行:

$ npm install
$ npm start

打開瀏覽器進入 localhost:3000 應該可以看到一個計數器在跑,代表 :ok_hand: 囉!

範例解說

PengJie's Blog - Simple Chat Room

Implement Redux

redux - Chat Room