React 系列教程

【React 系列教程】的更多相关文章

React 系列教程 1：实现 Animate.css 官网效果

前言这是 React 系列教程的第一篇,我们将用 React 实现 Animate.css 官网的效果.对于 Animate.css 官网效果是一个非常简单的例子,原代码使用 jQuery 编写,就是添加类与删除类的操作.这对于学习 React 来说是一个非常典型且简单的示例.但是我并不会在教程中介绍相关的前置知识,比如 JSX.ES6 等,对于小白来说还是会有一些困惑的地方,所以可能还要了解一下 React 相关的基础知识.虽然 React 有很多值得深究的知识,但这个系列教程主要以浅显易懂…

react系列教程

这个系列将从基础语法讲起,把react全家桶都讲到,然后到具体的使用,最后完成后,会写一个完整的demo. 前置要求: 基本的CSS,JS要熟练. 部分ES6语法需要了解.可以参考下面提到的阮一峰老师的<ECMAScript 6 入门>和MDN文档. 目前已经完成的内容: react系列(零)安装 react系列(一)JSX语法.组件概念.生命周期介绍 react系列(二)高阶组件-HOC react系列(三)组件间通信 react系列(四)Redux的概念和使用 react系列(五)在Rea…

React 系列教程2：编写兰顿蚂蚁演示程序

简介最早接触兰顿蚂蚁是在做参数化的时候,那时候只感觉好奇,以为是很复杂的东西.因无意中看到生命游戏的 React 实现,所以希望通过兰顿蚂蚁的例子再学习一下 React. 兰顿蚂蚁的规则非常简单: 如果蚂蚁位于白色方块,则向右旋转 90°,反转方块的颜色,然后向前移动一步. 如果蚂蚁位于黑色方块,则向左旋转 90°,反转方块的颜色,然后向前移动一步. 如下图所示: 蚂蚁在前一百步有一定规律,之后陷入混沌,直到一万步之后将走出混沌形成一条高速公路. 兰顿蚂蚁和生命游戏都是元胞自动机的一种,关于兰…

英文版:https://reactjs.org/docs/create-a-new-react-app.html 中文版:https://doc.react-china.org/docs/hello-world.html NodeJS:https://nodejs.org/en/ 使用参考教程:https://ant.design/components/input-cn/ 阮一峰博客:http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_pa…

React系列之--props属性

版权声明:本文为博主原创文章,未经博主允许不得转载. PS:转载请注明出处作者:TigerChain地址:http://www.jianshu.com/p/fa81cebac3ef本文出自TigerChain简书 React系列教程 1.React之props属性我们想要在组件之间进行传值,那么props属性就起到了这个作用,在React中props和state是两个非常非常非常重要的属性一定要掌握这两个.(以下都是使用ES5的写法,没有特殊说明的都是使用ES5写法) Note:属性是用于设置…

【REACT NATIVE 系列教程之十二】REACT NATIVE(JS/ES)与IOS(OBJECT-C)交互通信

http://blog.csdn.net/xiaominghimi/article/details/51586492 一用到跨平台的引擎必然要有引擎与各平台原生进行交互通信的需要.那么Himi先讲解React Native与iOS之间的通信交互. 本篇主要分为两部分讲解:(关于其中讲解的OC语法等不介绍,不懂的请自行学习) 1. React Native 访问iOS 2. iOS访问React Native 一:React Native 访问iOS 1. 我们想要JS调用OC函数,就要实…

React Native实战系列教程之自定义原生UI组件和VideoView视频播放器开发

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…

angular2系列教程（一）hello world

今天我们要讲的是angular2系列教程的第一篇,主要是学习angular2的运行,以及感受angular2的components以及模板语法. 例子这个例子非常简单,是个双向数据绑定.我使用了官网上最简单的方法来启动这个程序,并且去除cdn使用本地加载,保证长期可以运行(因为文件都在本地,我们不用担心版本更新的问题.) 源代码运行方法: 全局安装http-server npm install -g http-server 在根目录(hellowold)运行服务 http-server 根据…

Vue.js 系列教程 ②

这是关于 JavaScript 框架 Vue.js 五个教程的第二部分.在这一部分,我们将学习组件,Props 以及 Slots.这不是一个完整的指南,而是基础知识的概述,所以你可以了解Vue.js 以及它的用途. Article Series: 渲染, 指令, 事件组件, Props, Slots (你在这!) Vue-cli (耐心等待!) Vuex (耐心等待!) 动画 (耐心等待!) 组件和传递数据如果你熟悉 React 或者 Angular2,组件思想和传递状态对你并不陌生.如果不…

Vue.js 系列教程 3：Vue-cli，生命周期钩子

原文:intro-to-vue-3-vue-cli-lifecycle-hooks 译者:nzbin 这是 JavaScript 框架 Vue.js 五篇教程的第三部分.在这一部分,我们将学习 Vue-cli ,还会涉及真实的开发流程.这不是一个完整的指南,而是基础知识的概述,所以你可以了解 Vue.js 以及它的用途. 系列文章: 渲染, 指令, 事件组件, Props, Slots Vue-cli (你在这!) Vuex (耐心等待!) 动画 (耐心等待!) Vue-cli 和构建过程如…

Vue.js 系列教程 5：动画

原文:intro-to-vue-5-animations 译者:nzbin 译者的话:经过两周的努力,终于完成了这个系列的翻译,由于时间因素及个人水平有限,并没有详细的校对,其中仍然有很多不易理解的地方.我和原作者的初衷一样,希望大家能够通过这个系列文章有所收获,至少可以增加学习的乐趣,我也在学习的路上,所学心得必将与大家共勉. 这是 JavaScript 框架 Vue.js 五篇教程的第五部分.在这个系列的最后一部分,我们将学习动画(如果你了解我,你知道这一章迟早会来).这不是一个完整的指南,…

前端测试框架Jest系列教程 -- 简介

写在前面: 随着互联网日新月异的发展,用户对于页面的美观度,流畅度以及各方面的体验有了更高的要求,我们的网页不再是简单的承载文字,图片等简单的信息传递给用户,我们需要的是更加美观的页面展示,更快的浏览速度,更加的丰富的用户交互效果.好的用户体验必要需要优秀的前端技术支撑,这使得我们的前端技术发生了翻天覆地的变化,前端的项目架构也越来越复杂,已经逐渐的演变成重量级的前端.从软件开发的角度来说项目技术的复杂度会带来开发,测试,交付流程等的复杂度的成倍提升,而我们知道测试是整个软件交付流程中非常重要的…

Vue.js 系列教程 2：组件，Props，Slots

原文:intro-to-vue-2-components-props-slots 译者:nzbin 这是关于 JavaScript 框架 Vue.js 五个教程的第二部分.在这一部分,我们将学习组件,Props 以及 Slots.这个系列教程并不是一个完整的用户手册,而是通过基础知识让你快速了解 Vuejs 以及它的用途. 系列文章: 渲染, 指令, 事件组件, Props, Slots (你在这!) Vue-cli Vuex 动画组件和传递数据如果你熟悉 React 或者 Angular…

webpack4 系列教程: 前言

1. 什么是webpack? 前端目前最主流的javascript打包工具,在它的帮助下,开发者可以轻松地实现加密代码.多平台兼容.而最重要的是,它为前端工程化提供了最好支持.vue.react等大型项目的脚手架都是利用 webpack 搭建. 所以,学习webpack可以帮助开发者更好的进行基于javascript语言的开发工作. 2. 怎么学习webpack? 如果一个新手不幸打开vue-cli中关于webpack的配置,乱起八糟的配置就像看天书一样(我就是这样). 所以,学习的时候还是要从…

React Native教程

React Native 中文网 http://reactnative.cn/ 相关资料======================= React-Native学习指南 https://github.com/reactnativecn/react-native-guide 教程 React Native React.js ES6 系列教程开源APP 图书组件工具资源网站业界讨论视频教程================================= 听晴明老师从头讲React N…

Vue.js 系列教程 3：Vue

原文:intro-to-vue-3-vue-cli-lifecycle-hooks 译者:nzbin 这是 JavaScript 框架 Vue.js 五篇教程的第三部分.在这一部分,我们将学习 Vue-cli ,还会涉及真实的开发流程.这个系列教程并不是一个完整的用户手册,而是通过基础知识让你快速了解 Vuejs 以及它的用途. 系列文章: 渲染, 指令, 事件组件, Props, Slots Vue-cli (你在这!) Vuex 动画 Vue-cli 和构建过程如果你还没有读过上一部分关…

免费开源的 HelloDjango 系列教程，结束还是开始？

作者:HelloGitHub-追梦人物我们已经成功地开发了一个功能比较完备的个人博客,是时候来总结一下我们的工作了.博客系列完整的源代码地址: https://github.com/HelloGitHub-Team/HelloDjango-blog-tutorial 在教程的前两篇,我们介绍了如何搭建 django 开发环境,如何创建 django 项目以及 django 应用,这是我们进行 django 项目开发的基础. 第 3.4 篇:讲了 django ORM 的基础操作.ORM 是 d…

Angular2入门系列教程7-HTTP（一）-使用Angular2自带的http进行网络请求

上一篇:Angular2入门系列教程6-路由(二)-使用多层级路由并在在路由中传递复杂参数感觉这篇不是很好写,因为涉及到网络请求,如果采用真实的网络请求,这个例子大家拿到手估计还要自己写一个web api来提供调用:好在Angular2提供了本地模拟的api,可以供我们编写方便:但是,真实使用的情况往往与本地模拟有一些差别,会存在跨域等一系列问题:这些不在本篇文章的讲解范围之内,如果在.net下遇到跨域问题可以直接私信我. Angular的http模块并不是Angular2的核心模块,你并不一…

Angular2入门系列教程6-路由（二）-使用多层级路由并在在路由中传递复杂参数

上一篇:Angular2入门系列教程5-路由(一)-使用简单的路由并在在路由中传递参数之前介绍了简单的路由以及传参,这篇文章我们将要学习复杂一些的路由以及传递其他附加参数.一个好的路由系统可以使我们的程序更好的工作. 假设你已经跟上了我们的进度. 我们来为我们的文章明细新增一个评论框:当我们在明细中点击评论的时候,在我们的明细页面显示评论,这里,我们就可以完全把明细页面看成一个独立的路由,可以建立自己的子路由页面,做一些评论,分享等操作. 那,首先在data目录下建立我们的评论实体Commen…

Angular2入门系列教程5-路由（一）-使用简单的路由并在在路由中传递参数

上一篇:Angular2入门系列教程-服务上一篇文章我们将Angular2的数据服务分离出来,学习了Angular2的依赖注入,这篇文章我们将要学习Angualr2的路由为了编写样式方便,我们这篇文章开始引入第三方的css库materializecss,引入方法直接在index.html中普通引用就可以了众所周知,Angular出现的目的就是解决web编程的一些限制,让我们编写的网页能像App一样运作,我们现在称之为单页面应用(SPA),单页面应用程序有诸多好处,譬如页面响应快,良好的前后…

Angular2入门系列教程4-服务

上一篇文章 Angular2入门系列教程-多个组件,主从关系在编程中,我们通常会将数据提供单独分离出来,以免在编写程序的过程中反复复制粘贴数据请求的代码 Angular2中提供了依赖注入的概念,使得我们可以很优雅得做到这一点.这里简单描述下,依赖注入可以使我们在编写代码的时候不用使用new 去生成一个类,这样就达到了解耦的目的,更多关于依赖注入的知识我觉得不应该在这里讲解和其他方式类似,Angular2使用的是装饰器@Injectable()来描述以一个类是否可注入,我们本篇文章的目的,就是…

一步一步使用ABP框架搭建正式项目系列教程

研究ABP框架好多天了,第一次看到这个框架的名称到现在已经很久了,但由于当时内功有限,看不太懂,所以就只是大概记住了ABP这个名字.最近几天,看到了园友@阳光铭睿的系列ABP教程,又点燃了我内心要研究ABP框架的熊熊烈火.@阳光铭睿的系列ABP教程我已经看完了,并且ABP官网(http://www.aspnetboilerplate.com/)的文档也看得差不多了.同时也发现了园友@阳光铭睿的系列ABP教程很多都是从官网翻译过来的,而且翻译水平有限,很难不让对英语稍微感兴趣的我挑刺儿(可能@阳光…