其他章节请看: react实战 系列 起步 本篇我们首先引入 mockjs ,然后进入 spug 系统,接着模仿"任务计划"模块实现一个类似的一级导航页面("My任务计划"),最后玩一下 Facebook 的 docusaurus,将 spug 官网文档在本地跑起来. Tip:环境准备请看 上文 mockjs 点击登录,提示"请求异常: Network Error".因为没有后端提供接口. 笔者使用 mockjs 来绕过,进入系统. 添加 moc…

其他章节请看: react实战 系列 My Dashboard 上一篇我们在 spug 项目中模仿"任务计划"模块实现一个类似的一级导航页面("My任务计划"),本篇,我们将模仿"Dashboard"来实现一个仪表盘"My Dashboard". 主要涉及 antd 的 Grid.Card.Descriptions等组件.bizcharts 的使用.moment 日期库和页面适配. 注:实现的代码在上一篇的基础上展开. Das…

其他章节请看: react实战 系列 数据流和生命周期 如何处理 React 中的数据,组件之间如何通信,数据在 React 中如何流动? 常用的 React 生命周期方法以及开源项目 spug 中使用了哪些生命周期方法? 数据和数据流 虽然也有很多静态网站,但人们使用的大多数网站都充满了随时间变化的数据. state 和 props 是 React 组件处理数据和彼此通信的两种主要方法. React 提供了两个数据相关的 api:state 和 props. 前面我们已经知道,不要直接修改 s…

其他章节请看: react实战 系列 React 中的表单和路由的原理 React 中的表单是否简单好用,受控组件和非受控是指什么? React 中的路由原理是什么,如何更好的理解 React 应用的路由? 请看下文: 简单的表单 你有见过在生成环境中没有涉及任何表单的应用吗?大多 web 应用都会涉及表单.比如登录.注册.提交信息. 表单由于难用有时名声不好,于是许多框架针对表单做了一些神奇的事情来减轻程序员的负担. React 并未采用神奇的方法,但它却能让表单更容易使用. 在做实验测试 r…

本系列以实战为主,通过一个 TODO 应用来学习深入 React. 学习无捷径,唯一的办法就是 coding!coding!coding! 如有不足之处,欢迎大家批评指正,共同进步! 言毕,开始撸…

react 的第一个组件 写了 react 有一个半月,现在又有半个月没写了,感觉对其仍旧比较陌生. 本文分两部分,首先聊一下 react 的相关概念,然后不使用任何语法糖(包括 jsx)或可能隐藏底层技术的便利措施来构建 React 组件. Tip:从一项新技术的底层元素起步有利于使用者更好的长期使用它 跨平台 大部分 react 应用是在 Web 平台上.而 React Native 和 React VR 这样的项目则创造了 react 应用在其他平台上运行的可能 React 应用主要成分…

React Native实战系列教程之自定义原生UI组件和VideoView视频播放器开发   2016/09/23 |  React Native技术文章 |  Sky丶清|  4 条评论 |  11232 views   尊重版权,未经授权不得转载 本文来自:画虎烂的专栏(http://blog.csdn.net/it_talk/article/details/52638456) (一)原生UI组件之VideoView视频播放器开发 React Native并没有给我们提供VideoView…

总览篇:react 实战之云书签 本篇是实战系列的第一篇,主要是搭建 react 开发环境,在create-react-app的基础上加上如下功能: antd 组件库按需引入 ,支持主题定制 支持 less 语法,并使用 css-module 配置路由 支持 http 请求 配置 redux 注意:需要 node 版本大于 8.0. 创建 create-react-app 安装 npm install -g create-react-app 创建 react 应用 create-react-ap…

基础: 1.GitHub实战系列~1.环境部署+创建第一个文件 2015-12-9 http://www.cnblogs.com/dunitian/p/5034624.html 2.GitHub实战系列~2.把本地项目提交到github中 2015-12-10 http://www.cnblogs.com/dunitian/p/5035625.html 3.GitHub实战系列~3.提交github的时候过滤某些文件 2015-12-10 http://www.cnblogs.com/dunit…

GitHub实战系列汇总:http://www.cnblogs.com/dunitian/p/5038719.html —————————————————————————————————————————————————————— 很多人问,明明有git gui 和 github可以直接图形化操作的吗?全部指令干啥??? 呃(⊙o⊙)…呃(⊙o⊙)… ===> 装逼~ O(∩_∩)O~,开玩笑的,其实就是为了通用和熟悉git,linux里面照样这样用,多熟悉点基础指令很有用的, 如果觉得顿时不开心…