React 一个综合类PC站分享学习
来源:互联网 发布:游戏开发行业前景知乎 编辑:程序博客网 时间:2024/06/05 12:39
使用react + webpack + react-router + es6 构建的电影新闻图书等综合类网站,适用于react初级学者研究,其中使用豆瓣电影API,聚合新闻API等
源码:https://github.com/jixianu/EasyFun
其中功能页面比较费时,故搁浅,但主要学习功能已完成。
简趣
一个简单趣味的pc-react站
###技术栈
- React
- React-Router
- ES6
- Less
- Antd
- Mock.js
- Webpack
###运行 在目录中,运行指令
yarn install
开发版
yarn run dev
发布版
yarn run pro
###历程(各种偷懒啊)
2.24 配置webpack与包管理
2.25 配置webpack开发热更新 4.6 使用stage-0编程,这样可以省去bind(this) 使用聚合数据API与localStorage做用户登录,接口只能接受username-aaa 4.21 完成电影详情页,首页 5.21 router的异步加载
###挖坑埋坑
- 公共的base,其他css引用不每次都要引用
- 豆瓣的API访问次数,30次/min
- 异步读取数据时,返回数据之前切换router会使页面报waring,setState nothing 用给路由一个状态this.mouted
- fetch时mock的数据需要放在服务器环境才能拦截http请求,未解决--需要配置node后台环境
- 组件样式问题,需要在渲染组件上引入,不应在容器组件上那应用样式,会导致再次使用时还需引样式
- fetch错误的catch怎么能统一返回一个数据组合?给一个state做判断,能不能统一返回一个DOM节点--不能
- 组件的大小样式是px像素,而当二次使用时不可适配,应使用百分比
- webpack打包无法处理jsx中的img标签引用,使用require()则会被编译
- react-router@4.x.x渲染是需要按照react-router-dom,没有hashHistory方法,推荐使用browserHistory,只有react-router@3.x.x才有hashHistory
###预览
阅读全文
0 0
- React 一个综合类PC站分享学习
- 一个简单趣味的pc-react站
- React-native学习过程 八 组件综合应用
- React-native学习过程 九 Text组件综合应用
- react-redux 开发实践与学习分享
- java综合技术分享
- 分享一个正则学习工具
- React Native 学习资源精选仓库(汇聚知识,分享精华)
- React Native基础——环境配置、学习资源分享
- React Native 学习资源精选仓库(汇聚知识,分享精华)
- React Native学习之自定义一个组件
- PC端分享功能
- Python学习笔记(八)分享一个类混…
- React Native学习笔记(5)--ReactNative阶段综合项目--购物车
- 分享一个mysql类~
- 分享一个分页类。
- 综合---专业版Unity技巧分享:使用定制资源配置文件:制作一个对象池
- React Native支付分享
- LibreOJ #504. 「LibreOJ β Round」ZQC 的手办 线段树+堆
- 朴素贝叶斯分类
- QT日常学习代码一
- PHP框架
- 达内课程-数组
- React 一个综合类PC站分享学习
- Maven学习笔记----基本配置
- oracle自动向表中插入随机数据
- 瑞士轮 洛谷1309 排序
- Sturts2和Hibernate整合可能会出现的错误
- 进程和线程的区别
- 一些linux命令
- 关于Windows7如何禁止程序自启动
- Android07-高级控件-ListView