React实战之React+Redux实现一个天气预报小项目

引言

经过一段时间的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文件模拟数据）

项目预览

页面初始化

 

                                        

       

选择热门城市