Redux 课程介绍与准备项目

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

Redux 提供了一整套方法,可以更好的帮我们管理应用上的 state,也就是应用的数据 .. Redux 一般会跟其它的一些框架结合到一块儿用 .. 比如 react ..

这个课程我们先专注一下 redux 本身,去理解它的一些核心概念 ...

下面去创建一个项目 ..

打开系统上的命令行工具,mac 上使用终端,windows 用户可以下载安装一下 cmder .. 进入到某个地方 .. 比如我的桌面上 .. 我们可以用一下 create-react-app 这个工具去创建一个 react 项目 ..

虽然我们在这个课程还不到 react,不过我们还是可以先用 create-react-app 这个工具去创建一个 react 项目 ..

用它创建的 react 项目已经配置好了我们需要的东西 .. 所以会比较方便 ..

这个工具可以使用 npm 去安装一下 ..

npm install create-react-app --global ... 在全局范围安装一下这个工具 ..

安装好以后,再执行一下 create-react-app 后面加上项目的名字 .. ninghao-redux ..

完成以后,再进入到创建好的这个项目 .. cd ninghao-redux

再去安装一下项目需要的 redux ... yarn add redux

执行一下 yarn start .. 这样会创建一个本地服务器,然后打开项目 ..

再用编辑器打开刚才我们创建的项目 .. 这里我用的是 atom 编辑器 ..

打开项目下面的 src 里的 index.js ... 把这个文件里面的东西先删除掉 .. 调整一下编辑器窗口 ..

再打开浏览器的控制台 ...

回到命令行,初始化一个项目仓库 .. git init .. git add . 再做一次提交 .. git commit ...

再回到浏览器 .. 打开 github 网站 .. 创建一个远程仓库 ...

名字是 ninghao-redux ... 创建仓库 ...

复制一下添加远程仓库的命令 ... 回到命令行 ... 再执行一下 ..

然后把项目推送到刚才创建的远程仓库 ... git push -u origin master

完成以后回到项目的远程仓库页面 .. 刷新一下 ...

在课程里我对项目做的修改都会 push 到这个仓库里 .. 到时候你可以参考一下 ...

Redux 课程介绍与准备项目《 Redux:数据管理 》

统计

13799
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点