React系列
TigerChain
这个作者很懒,什么都没留下…
展开
-
01、React系列之--React简介
React简介一、什么是React 废话不说,我们先看看官方是杂说的React is a JavaScript library for creating user interfaces by Facebook and Instagram. Many people choose to think of React as the V in MVC.大概意思就是说React是被Facebook和In原创 2017-04-13 11:01:27 · 290 阅读 · 0 评论 -
07、React系列之--使用jspm管理
1、使用JSPM管理JavaScript 1、什么是JSPMjspm是一个浏览器包管理工具也可以理解成是JavaScript的软件包管理工具,它是工作在SystemJs(模块加载器)通用模块之上,jspm不是一个全新的包管理器,而是基于已存在的包资源进行的,它是与NPM和GitHub协同合作的 2、systemjs简述systemjs是模块加载器,它可以导入任何流行格式的模块(Commo原创 2017-04-16 14:11:30 · 1746 阅读 · 0 评论 -
06、React系列之--使用browserify管理
1、使用browserify管理react在永不过时的Hello world中我们介绍了一些创建工具,可我们在那一节并没有使用任何的创建工具,只是简单的使用最原始的办法来编写React,基本上代码都在Html当中编写,这一节中我们介绍browserify来管理js代码 (1)、什么是browserifyBrowserify 可以让你使用类似于 node 的 require() 的方式来组织浏览原创 2017-04-16 14:08:58 · 1076 阅读 · 0 评论 -
05、React系列之--永不过时的Hello world
目录:1、快速创建工具2、[不使用工具,一步步来写Hello World](#2、不使用工具,一步步来写Hello World)3、单个组件1、快速创建工具我们可以通过好多种方式来创造react项目,比如官方说的Create React App(要求是Node4或以上版本),可以通过npm工具来安装npm install -g create-react-app然后创建一个项目create-r原创 2017-04-16 14:08:13 · 638 阅读 · 0 评论 -
04、React系列之--开发工具Atom配置
开发工具Atom配置首先必须说一点不是主atom是React的必选的开发工具,你可以使用webstrom,sublime等各种开发工具,由于本人喜欢使用Atom所以使用Atom比较多。1、开发React的配置 1、emmet使得输入html飞速提升 2、file-icon让你的侧边栏显示对应后缀名的文件图片很漂亮 3、language-babelbabel插件,让你的react显示原创 2017-04-16 14:07:26 · 468 阅读 · 0 评论 -
03、React系列之--ES6的新特性
等待添加原创 2017-04-16 14:06:21 · 351 阅读 · 0 评论 -
10、React系列之--props属性
版权声明:本文为博主原创文章,未经博主允许不得转载。PS:转载请注明出处 作者:TigerChain 地址:http://www.jianshu.com/p/fa81cebac3ef 本文出自TigerChain简书React 教程系列1、React之props属性我们想要在组件之间进行传值,那么props属性就起到了这个作用,在React中props和state是两个非常非常非常重要的属性原创 2017-04-18 18:27:30 · 2257 阅读 · 0 评论 -
09、React系列之--使用yarn包管理工具
版权声明:本文为博主原创文章,未经博主允许不得转载。PS:转载请注明出处 作者:TigerChain 地址:http://www.jianshu.com/p/f05eabdf3ab6 本文出自TigerChain简书React系列教程 教程简介1、阅读对象本篇教程适合初学者,老鸟直接略过,如果有误,欢迎指出,谢谢。2、教程难度初级 正文1、什么是yarnyarn是facebook(原创 2017-04-18 18:26:59 · 5826 阅读 · 0 评论 -
08、React系列之--使用webpack管理
1、什么是webpackwebpack是一个打包工具,是一个模块加载工具,是一个构建工具,在 webpack 当中, 所有的资源都被当作是模块, js, css, 图片等等。因此, webpack 当中 js 可以引用 css, css 中可以嵌入图片 dataUrl。看下图说明了webpack的功能2、webpack的特点1、插件丰富2、有非常多的加载器,比如加载css的是css-loader原创 2017-04-18 18:26:26 · 1124 阅读 · 0 评论 -
11、React系列之--state状态
版权声明:本文为博主原创文章,未经博主允许不得转载。PS:转载请注明出处 作者:TigerChain 地址:http://www.jianshu.com/p/44a787904d9b 本文出自TigerChain简书React 教程系列 教程简介1、阅读对象本篇教程适合新手阅读,老手直接略过2、教程难度初级注:本篇文章采用ES6的写法,以后不没有特别说明都使用ES6+yarn+web原创 2017-04-28 09:11:22 · 2186 阅读 · 0 评论 -
02、React系列之--FlexBox
本篇demo下载地址https://github.com/githubchen001/react-lesson/tree/master/lesson01/01-flexboxFlexBox1、什么是FlexBox Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。FlexBox是css3中引入的一个新布局方试 Flex布局主要思想是让容器有能力原创 2017-04-13 14:08:27 · 284 阅读 · 0 评论 -
12、React系列之--微博 Demo 01
版权声明:本文为博主原创文章,未经博主允许不得转载。PS:转载请注明出处 作者:TigerChain 地址:http://www.jianshu.com/p/f4e6ecfd52fd 本文出自TigerChain简书React 教程系列 教程简介1、阅读对象本篇教程适合有React基础的朋友阅读(基础知道 state,props, 组件化思想,webpack+yarn 等),老鸟直接略过原创 2017-09-19 17:27:17 · 1570 阅读 · 0 评论