基于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编码规范

    原文作者:文博
    原文地址: https://segmentfault.com/a/1190000015995705
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞