锐客网

  1. 首页 > 生活百科 > it技术 > >

利用create-react-app结合react-reduxreact-router4构建单页应用

IT知识react-routerreact-router单页应用

高斋晓开卷，独共圣人语。这篇文章主要讲述利用create-react-app结合react-reduxreact-router4构建单页应用相关的知识，希望能为你提供帮助。
1.创建项目：
a.全局安装create-react-app: npm   install   create-react-app   -g
        b.执行create-react-app   my-projectName创建自己的项目，完成之后npm run   start即可启动项目。
2.引入组件库、插件配置等:
a.执行npm install   antd-mobile   --save安装组件库
【利用create-react-app结合react-reduxreact-router4构建单页应用】b.执行npm install   babel-plugin-import   --save安装按需加载插件
c.执行npm   run   eject   弹出个性化配置，在package.json中的babel配置项添加按需加载插件配置:

利用create-react-app结合react-reduxreact-router4构建单页应用

文章图片

3.引入redux、react-redux
a.执行npm install   redux   --save安装redux 
b.执行npm install   redux-thunk安装thunk插件，使redux可处理异步操作
c.执行npm install   react-redux   --save安装react-redux简化参数传递
d.执行npm   install   babel-plugin-transform-decorators-legacy --save-dev安装此插件支持connect的装饰器写法

4.引入react-router4
a.执行npm   install   react-router-dom   --save
 
 


    推荐阅读


    上一篇：Android将Activity打成jar包供第三方调用（解决资源文件不能打包的问题）

    下一篇：Android 解决ScrollView嵌套RecyclerView导致滑动不流畅的问题