基於React開發的入門案例-豆瓣電影

基於React開發的豆瓣電影

此項目只是用來做爲 React 的簡單入門示例。是基於官方提供的腳手架 create-react-app 建立的。執行了 npm run eject,將項目源碼研究了下，並進行了一些定製化的開發。
附上github源碼地址： https://github.com/cklwblove/...

有關豆瓣API的限制

這裏根據此教程， 本身作了一個反向代理服務 。項目中的修改點在於，在文件 package.json 裏添加以下代碼：

"proxy": {
    "/v2/*": {
      "target": "https://api.muziso.com",
      "secure": false,
      "changeOrigin": true
    }
  }

項目調試的時候便可以看到效果。

一些坑

• 有關引用 Swiper 庫在執行 build 的時候，構建失敗，具體問題以下：

./node_modules/swiper/dist/js/swiper.esm.bundle.js:15

解決方法是引用了 Swiper 的 UMD 版本，

import Swiper from 'swiper/dist/js/swiper.js'

其餘

Airbnb 出了一版有關 React 的編碼規範，很是值得一看。這裏分享一箇中文版本
Airbnb React編碼規範