文档章节

react+react-redux demo 连载 如何自学前端

小婧大神
 小婧大神
发布于 2017/04/26 15:22
字数 164
阅读 2
收藏 0
点赞 0
评论 0

import React from "react";

import {browserHistory, IndexRoute,Redirect, Route, Router} from "react-router";

//引入app

import app from"../pages/app.jsx";

//引入home 页面

import pageHome from"../pages/home.jsx";

//webpack会打包成chunk包 在进入album时去加载

const pageAlbum = (location, cb) => {

 require.ensure([], require => {

   cb(null, require('../pages/album.jsx').default)

  },'pageAlbum')

};

...

//定义路由 首先加载 app

//然后根据正则去匹配path来实现路由页面

const RouteConfig = (

 <Router history={browserHistory}>

   <Route path="/" component={app}>

     <IndexRoute component={pageHome}/>

     <Route path="home" component={pageHome}/>

     <Route path="album" getComponent={pageAlbum}/>

     <Route path="feedback" getComponent={pageFeedback}/>

     <Route path="blist" getComponent={pageBlogList}/>

     <Route path="bdetail" getComponent={pageBlogDetail}/>

     <Redirect from='*' to='/'/>

   </Route>

 </Router>

);

 

export default RouteConfig;

技术问题,可以+618237474一起讨论交流

本文转载自:

共有 人打赏支持
小婧大神
粉丝 0
博文 77
码字总数 3758
作品 0
React全家桶实现一个简易备忘录

前言 总括: 本文采用react+redux+react-router+less+es6+webpack,以实现一个简易备忘录(todolist)为例尽可能全面的讲述使用react全家桶实现一个完整应用的过程。 代码地址:React全家桶实现...

Damonare ⋅ 2017/01/16 ⋅ 0

投稿003期 | React进阶路 ——《深入浅出React和Redux》

书名:《深入浅出React和Redux》 作者:程墨 现如今,前端技术发展欣欣向荣,出现了很多出色的前端框架,Angular、React、Vue更是一股热潮,很多前端开发人员都会去学习至少一种前端框架。就...

__innocence ⋅ 05/18 ⋅ 0

react学习资源汇总

react-tutorial a tutorial react collection and sort,let you easily get started and organized 主要是搜集整理生态从入门到深入的教程、工具和自己做的demo,以便日后查阅 :blush: 设计思...

逆蝶_Snow ⋅ 2016/12/01 ⋅ 0

【webpack】【Beatbox才艺】【自我提升】【iOS Patch】【Spring Boot】| Chat · 预告

1 利用 React/Redux/React-Router 4/webpack 开发大型 web 项目时如何按需加载 作者简介: 爱死费崇政,以后端语言 Java 入行,曾在苏州智康担任 Java 中级研发工程师,后转向全栈研发工程师...

gitchat ⋅ 2017/11/29 ⋅ 0

ELSE 技术周刊(2017.12.04期)

团队分享 React 整洁代码最佳实践 作为开发人员不能仅仅满足于代码可以工作,而应该让代码更易于编写,阅读和维护,这篇文章介绍了很多 clean code 在 React 应用开发上的最佳实践。 注释的艺...

风清洋ELSE ⋅ 2017/12/04 ⋅ 0

ES6学习笔记(const和let)

前言:这周工作的中心开始倾向于前端了,自己虽然是个后端工程师,不过最终的期望还是倾向于全栈的,自己今年也有意朝着这个方向去努力,因为公司属于创业公司,如果每个人设计的技术层面会更...

程序员小哥哥 ⋅ 前天 ⋅ 0

基于 React.js + Redux + Bootstrap 的 Ruby China 示例

最近在学习前端的各大流行框架, 主要学习了 Vue.js 和 React.js, 前段时间用 Vue.js + uikit 实现了 V2EX 的克隆版本, 最近又用 React.js + redux + bootstrap 实现了 RubyChina 的克隆版本,...

rina_liuzhen ⋅ 2016/10/21 ⋅ 2

Redux 使用可变数据结构

不可变数据结构 可调式、可预测、可测试,与可变数据结构的响应式、数据修改简单都很好。 当希望使用 reduxDevTools 一键恢复、回溯页面状态时,我们想使用 redux;当频繁修改复杂对象、使用...

黄子毅 ⋅ 2017/07/03 ⋅ 0

从时间旅行的乌托邦,看状态管理的设计误区

Redux 的状态管理理念非常优雅,随之附带的时间旅行调试支持也非常酷炫。但这个特性是否是传说中的银弹,又会给使用者带来什么额外的负担呢?让我们重新思考一下吧。 什么是时间旅行? 在 20...

doodlewind ⋅ 2017/12/18 ⋅ 0

微信小程序学习资源

微信小程序开发资源汇总 QQ交流群 目录 官方文档 新闻报道 社区 工具 插件 分析 讨论 教程 视频教程 文章 代码 轮子 置顶 WePY:组件化的小程序开发框架 :100: WePY 开发资源汇总 :100: ZanU...

技术金三胖 ⋅ 01/01 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

20.zip压缩 tar打包 打包并压缩

6月25日任务 6.5 zip压缩工具 6.6 tar打包 6.7 打包并压缩 6.5 zip压缩工具: zip支持压缩目录 zip压缩完之后原来的文件不删除 不同的文件内容其实压缩的效果不一样 文件内有很多重复的用xz压...

王鑫linux ⋅ 刚刚 ⋅ 0

double类型数据保留四位小数的另一种思路

来源:透析公式处理,有时候数据有很长的小数位,有的时候由在四位以内,如果用一般的处理方法,那么不足四位的小树会补充0到第四位,这样子有点画蛇添足的感觉,不太好看。所以要根据小数的...

young_chen ⋅ 6分钟前 ⋅ 0

Python 优化 回溯下降算法

使用sympy构造表达式,实现回溯下降算法 完整代码 from matplotlib import pyplot as pltimport numpy as npfrom mpl_toolkits.mplot3d import Axes3Dfrom sympy import *import mat......

阿豪boy ⋅ 11分钟前 ⋅ 0

Django配置163邮箱出现 authentication failed(535)错误解决方法

最近用Django写某网站,当配置163邮箱设置完成后,出现535错误即:smtplib.SMTPAuthenticationError: (535, b'Error: authentication failed') Django初始配置邮箱设置 EMAIL_HOST = "smtp.1...

陈墨轩_CJX ⋅ 12分钟前 ⋅ 0

用接口模拟可伸缩枚举(34)

1、枚举的可伸缩性最后证明都不是什么好点子 扩展类型的元素是基本类型实例,基本类型的实例却不是扩展类型的元素,很混乱 目前还没有很好的方法来枚举基本类型的所有元素,及其扩展 可伸缩性...

职业搬砖20年 ⋅ 16分钟前 ⋅ 0

Ubuntu18.04 IDEA快捷键无法使用

IDEA默认的回退到上一视图的快捷键是Ctrl + Alt + Left,在ubuntu中这个快捷键被占用了,在16.04中可以在界面中取消这个快捷键,但是18.04就看不到了,可以使用以下命令解决 gsettings set ...

Iceberg_XTY ⋅ 20分钟前 ⋅ 0

如何解决s权限位引发postfix及crontab异常

一、问题现象 业务反馈某台应用服务器,普通用户使用mutt程序发送邮件时,提示“postdrop warning: mail_queue_enter: create file maildrop/713410.6065: Permission denied”,而且普通用法...

问题终结者 ⋅ 33分钟前 ⋅ 0

Unable to load database on disk

由于磁盘空间满了以后,导致zookeeper异常退出,清理磁盘空间后,zk启动报错,信息如下: 2018-06-25 17:18:46,904 INFO org.apache.zookeeper.server.quorum.QuorumPeerConfig: Reading co...

刀锋 ⋅ 52分钟前 ⋅ 0

css3 box-sizing:border-box 实现div一行多列

<!DOCTYPE html><html><head><style> div.container{ background:green; padding:10px 10px;}div.box{box-sizing:border-box;-moz-box-sizing:border-box; /* Fir......

qimh ⋅ 57分钟前 ⋅ 0

Homebrew简介和基本使用

一、Homebrew是什么 Homebrew是一款Mac OS平台下的软件包管理工具,拥有安装、卸载、更新、查看、搜索等很多实用的功能。简单的一条指令,就可以实现包管理,而不用你关心各种依赖和文件路径...

说回答 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部