引言
经过一段时间的React学习,React和Vue的开发确实有很大的不同,但是都是MVVM框架,因此上手没有很大的难度,这次用React+Redux开发一个天气预报小项目。源码地址:github.com/Beichenlove…
“我自己是一名从事了8年web前端开发的老程序员(我的微信:webxxq),今年年初我花了一个月整理了一份最适合2020年自学的web前端全套培训教程(视频+笔记+素材+源码+项目实战),从最基础的HTML+CSS+JS到移动端HTML5以及各种框架和新技术都有整理,打包给每一位前端小伙伴(总共约85G),这里是前端学习者聚集地,欢迎初学和进阶中的小伙伴(所有前端教程关注我的微信公众号:web前端学习圈,关注后回复“2020”即可领取)。
技术栈
前端
- React: 用于构建界面的MVVM框架
- Redux: React的集中状态管理,方便快捷实现组件间通信
- Redux-thunk: 常用的 redux 异步 action 中间件,用来处理接口请求等异步操作
- styled-components: 以组件化的思想编写CSS样式
- React-Redux:组件从Redux中读取数据,并向store分发actions以更新数据
- antd:基于React的UI库
- immutable:一种持久化数据结构,防止state对象被错误赋值
数据获取
- axios: 实现数据接口请求(用本地json文件模拟数据)
项目预览
页面初始化
选择热门城市