基于React开发的入门案例-豆瓣电影

red_bricks 发布于2019-08-23 11:01 / 503人阅读

摘要：基于开发的豆瓣电影此项目只是用来作为的简单入门示例。是基于官方提供的脚手架创建的。执行了将项目源码研究了下，并进行了一些定制化的开发。附上源码地址有关豆瓣的限制这里根据此教程，自己做了一个反向代理服务。

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

GPU云服务器云服务器豆瓣电影 python豆瓣电影豆瓣电影api接口豆瓣电影数据分析可视化

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/96911.html

2017年2月份前端资源分享

平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用扩展JavaScript语法记录 - 掉坑初期工具汉字拼音转换...

lily_wang 2019-06-27 16:28 评论0 收藏0
2017年2月份前端资源分享

平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用扩展JavaScript语法记录 - 掉坑初期工具汉字拼音转换...

chengjianhua 2019-08-29 12:35 评论0 收藏0
2017年2月份前端资源分享

平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用扩展JavaScript语法记录 - 掉坑初期工具汉字拼音转换...

Anonymous1 2019-08-20 16:31 评论0 收藏0
2017年2月份前端资源分享

平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用扩展JavaScript语法记录 - 掉坑初期工具汉字拼音转换...

dreamtecher 2019-08-01 16:51 评论0 收藏0