博客专栏  >  Web前端   >  React开发教程笔记

React开发教程笔记

React是有facebook开发并维护,短短时间内,几乎颠覆了前端开发的技术架构,组件化的开发理念,越来越边的普及,作为一个前端开发者,是有必要了解React的相关知识!

关注
26 已关注
30篇博文
  • 针对于WebStorm工具开发React工程详细配置

    前言WebStorm作为目前最流流行的前端IDE, 无论从运行速度还是开发的便捷性,无形之中提高了工作效率,目前比较火爆的React也越来越被众多开发人员所采纳,但是WebStorm下的React工程...

    2016-12-07 14:30
    10891
  • Redux中间件在React和React-Native项目架构中的应用实践

    前言 Redux和Flux的关系解释,这里不多赘述,这个观念在这两年被炒的异常火热,网上我们可以搜到很多的资源,单向数据流的观念越来越被众多的开发者应用于项目架构之中,下面我就来谈谈我再React项...

    2017-01-13 16:12
    1586
  • Redux-Saga在React工程架构之的应用实践详解

    前言React的作用View层次的前端框架,自然少不了很多中间件(Redux Middleware)做数据处理, 而redux-saga就是其中之一,目前这个中间件在网上的资料还是比较少,估计应用的不...

    2017-01-12 15:12
    6763
  • Onsen UI QUICK START FOR REACT

    To use Onsen UI in React apps, Onsen UI Core and React Components should be installed to the project...

    2016-11-17 17:50
    746
  • WebPack在React项目架构中的应用实践

    前言 说起WebPack的发展历程,不由想起了一那句“千里马常有,而伯乐不成有的”的名言,相信很多人都听说过Grunt, Gulp 这样的架构工具,但是却很少有人涉及应用过Webpack, 但是由于...

    2016-12-07 10:22
    1297
  • ReactJS学习系列课程1(ReactJS简介)

    最近几年HTML5技术日新月异,各种框架更是层出不穷,如果说2016年最火爆的框架,当属ReactJS莫属。React起源是Facebook的内部项目,当时市场上已经有很多流行的框架了,比如Angul...

    2016-06-24 15:42
    582
  • ReactJS学习系列课程附加(Flux应用架构)

    React相对于传统HTML5框架来讲,不同点在于React使用了Flux架构。Flux是Facebook用来构建用户端的web应用的应用程序体系架构。它通过利用数据的单向流动为React的可复用的视...

    2016-06-24 17:02
    475
  • ReactJS学习系列课程2(React环境搭建)

    作为任何一款HTML5的框架,基础搭建都会相对简单,但是实际项目中我们都会基于业务进行相应架构,会做部分更改,但是为了入门,我们先从最开始的进行学习。首先我们要下载React的核心资源库,我们可以从官...

    2016-06-24 17:38
    643
  • ReactJS学习系列课程3(React State状态)

    对于React来讲,一切都已组件形式拼接,有组件就免不了要进行用户交互,用户交互就会有交互状态,react中设定了一个state进行状态管理。大家可以参考如下代码:var LikeButton = R...

    2016-06-24 17:57
    1167
  • ReactJS学习系列课程(JSX语法)

    JSX语法很多人也不是第一次遇见,类似的语法在Java 的Jsp, .net等平台中都有出现,那么到底什么才是JSX语法呢?其实,HTML 语言直接写在 JavaScript 语言之中,不加任何引号,...

    2016-06-24 20:35
    684
  • ReactJS学习系列课程(组件的生命周期)

    对于任何一个框架,或者组件而言,都有其生命周期的定义,比如从定义到销毁,会有一定的流程在其中控制,以前我们接触过IONIC, 不得不说这个框架对生命周期的定义是非常完美的,也为开发者提供了很多的便利。...

    2016-06-24 21:41
    391
  • ReactJS学习系列课程(React学习总结)

    进来学习React, 下面来总结一下,主要有以下几点:  1、ReactJs是基于组件化的开发,所以最终你的页面应该是由若干个小组件组成的大组件。  2、可以通过属性,将值传递到组件内部,同理也可以通...

    2016-06-24 21:52
    566
  • ReactJS学习系列课程(React ES6语法使用)

    自从ES6发布以来,越来越多的人开始追捧这一崭新的语法,丰富的语义化方法,简介的符号说明,吸引了很多人,虽然目前ES6的语法还不被广大浏览器支持,仍需要用babel转化使用,但是ES6仍是一个不错的选...

    2016-06-25 11:41
    601
  • ReactJS学习系列课程(React Http网络数据读取)

    我学习过很多HTML5前端框架,比如AnguarJS, VUE.js Durandal, Avalon, Jquey, SAPUI5等等,对于任何一款框架都有自己的网络请求方案。 Jquery: $...

    2016-06-25 13:26
    5132
  • ReactJS学习系列课程(React ref的使用)

    在我学习React的过程当中,总会被一些名词搞得晕头转向,但是细想起来又非常简单,比如React定义的这个refs,其实就是用于获取dom的一种方式。在React中组件并不是真实的 DOM 节点,而是...

    2016-06-25 13:42
    11467
  • ReactJS学习系列课程(React 表单应用)

    到目前为止,我们已经学习了很多react的特性,对于表单的使用其实也没有大的区别,下面我们为了更加熟悉React, 我们纯当练习:我们看看代码吧:我们创建一个简单form: //约束组件 ...

    2016-06-25 15:53
    529
  • ReactJS学习系列课程(React 动画使用)

    常用Angular的开发者,一定熟悉angular的Animation的使用,其实React的动画效果原理和Angular是极其相似的。首先,我么需要导入一个额外的库(Angular也一样哦), 下面...

    2016-06-25 16:16
    1355
  • ReactJS学习系列课程(React webpack使用)

    什么是webpack?webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。之前,我们肯定...

    2016-06-25 17:54
    634
  • ReactJS学习系列课程(React Redux使用)

    React 数据流动的模式的Flux模式,也就是单向数据流,这也是官方推荐的方式,其实这也是React最难理解的一部分。 为了更好的了解React-redux的使用,我们先来了解一下Redux的使用...

    2016-06-28 12:29
    604
  • ReactJS学习系列课程(React 整体流程使用案例)

    对于一门语言的学习,少不了动手练习,今天我们就尝试一下,如何用React编写一个简单的程序,实现功能包括网络请求数据,绑定数据进行增删改查,并进行相应的路由操作。下面我们来年代码:package.js...

    2016-06-27 16:06
    2416
img博客搬家
img撰写博客
img专家申请
img意见反馈
img返回顶部