2016-11-28 令狐葱
本文所有代码可以在Github上查看。 react-flux-demo 新建React项目 既然有兴趣打开本文,说明你对React的基本开发应该有所了解。我们教程的第一步就是创建一个新的React项目。我们可以使用一些React Boilerplate项目方便的创建一个新的React项目,比如我之前创建的React Boilerplate: react_boilerplate 该React Boilerplate的实现过程,可以参考我之前的文章手把手教你基于ES6架构自己的React Boilerplate项目。 或者,也可以使用facebook最新推出的一个类似项目: create-react-app 我们这里使用f 继续阅读 »
2017-12-02 Wenjie Yao
本文翻译自Cory House的博客文章。   React自2013年开源以来,逐步进化演变。当你在网上搜索它时,你会偶尔发现一些讲述过时方法的旧文章。本文就是讲述了团队中编写React组件时需要采取的八项关键决策。 继续阅读 »
2016-01-04 Jason Liao
Glad you back @Drake React.Component or React.createClass 刚刚学习 React 的时候,有很多教程创建一个 React 组件的时候,都是使用 React.createClass,那是 ES6 还没有广泛使用的时候的语法,后来在 React v0.13 的时候,就可以使用 ES6 的 class 来创建 React 组件,也就是继承 React.Component。 继续阅读 »
2015-10-04 AnnatarHe
在React组件中定义视图 在开始编写React视图库之前,要先添加react包,这个包囊括了你在Meteor应用中开始运行React所需要所有东西。这个React库自己可以自动将jsx文件编译,并且通过ReactMeteorData的mixin加载数据。我们将会在接下来的步骤中看到如何使用所有的这些东西。 继续阅读 »
2016-04-29 令狐葱
Update [20160725] Facebook 官方提供了一个可以生成React Starter项目的工具,有兴趣可以看下:create-react-app 前言 React技术之火爆无须多言,其与webpack的完美结合,也让二者毋庸置疑的成为天生一对。为了进行React的快速和规范化开发,开源社区中涌现了很多React+webpack的boilerplate项目。通过使用这些boilerplate,我们可以快速的创建一个React项目的架构。 葱哥之前专门创建了一个Github项目用于收集这些boilerplate:awesome-react-boilerplate。当然这里不可能完整收录,但是目前为止已经有近30个 继续阅读 »
2015-11-07 AnnatarHe
Warning 你首先要熟悉基础的React语法 What's React React 是一个不存在的网络公司Facebook出的JavaScript视图框架。 继续阅读 »
2016-07-26 令狐葱
前言 在上一篇文章中,葱哥从零开始创建了一个react的boilerplate,并使用webpack进行build,使其支持ES6,同时使用karma+mocha等进行单元测试。虽然单元测试有了,但是代码中哪些写了测试,哪些没写呢?本文就将在上一篇文章的基础上为其增加生成代码覆盖率的功能。 代码 本文的最终代码可以在react_boilerplate_v8中查看。 准备工作 react boilerplate代码 首先拿到上一篇文章的代码: ``` git clone https://github.com/jiji262/react_boilerplate.git cd tutorial/react_boilerp 继续阅读 »
2015-10-10 AnnatarHe
在组件状态中存储临时数据 在这个步骤,我们会在为应用的客户端添加数据过滤特性,这样用户就可以通过点击’确认选框‘来查看当前进行的任务。我们会去学习如何仅在客户端使用React组件状态来存储临时模板 首先,我们需要在我们的App组件中,添加’确认选框‘ 继续阅读 »
2015-10-11 AnnatarHe
这篇中有几个点是受到瑛那同学的指导翻译出来的,表示感谢 添加多用户账户 Meteor带来了一套账户系统然后顺便还带了用户界面来让你可以在几分钟之内在你的应用中添加多用户功能 目前,这套UI组件使用Blaze作为默认的UI引擎,在未来,可能会以React的专有组件来将其替换。 继续阅读 »
2017-02-17 Lim Geng
昨天有朋友说让vsc支持react和es6太难配置了,我说直接用webpack吧,vsc仅仅用来敲代码就行了。之所以我这么说,因为我的vsc只是用来敲代码的,常用的git操作,依赖安装都是寄几在终端搞的。于是今天试了一下webpack,也踩了几脚坑,先让我擦干眼泪。 这里是这篇文章涉及到的源代码,如果需要运行可以直接跳到下面的最后一步生成。 如何配置 当你看到最终的是如何实现的时候,我其实是拒绝的,我宁可花长时间写的复杂点,但是很简单,绞尽脑汁也多写不了几行字。 创建目录 cd ~/Desktop mkdir hello-react cd hello-react 初始化npm npm init -y // 你也可以不 继续阅读 »