使用React重構「ONE·一個」Website

使用React重構「ONE·一個」Website

來自專欄 阿輝正傳

關於

「ONE · 一個」隸屬於上海有樹文化傳播有限公司,是由韓寒主編和監製,原《獨唱團》主創成員共同製作的文藝應用軟體。

複雜世界裡,一個就夠了。

介紹

基於React開發的仿「ONE · 一個」桌面端網站,用到的服務端API是 one-api 本項目是開源僅供學習之用,沒有任何商業用途,如果其中有任何侵權行為,請告知,必將及時刪除。先來一起看效果圖:

效果演示Gif圖

Why?

一言不合就寫了。沒有啦,主要是學習!

What?

其實沒什麼東西,也就是這些:

Yarn

Webpack@3.4.1

React

  • react@15.6.1
  • react-dom@15.6.1

Router

  • react-router-dom@4.1.2

Jquery

Bootstrap

How?

如果你想在本地運行,並查看效果,請執行下面的命令(假定你已安裝過Git):

# 克隆項目到本地$ git clone git@github.com:gongph/react-one-webapp.git # 安裝 yarn$ npm i yarn -g # 安裝模塊依賴$ yarn install# 啟動項目$ npm run start

最後

如果你對React學習感興趣的話,歡迎Star 和 Fork 我的代碼。另外如果你有什麼意見或建議的話,歡迎提交 Issues。

推薦閱讀:

TAG:React | reactrouter | 前端開發 |