写在前面:本文主要收集一些常用的外部资源。有好的资源欢迎留言推荐。
HTML/CSS/JS
ES6入门
Css参考手册
MDN-Mozilla开发者网络
W3C School
继续阅读 »
这是 Facebook 官方学习 Flux 的 demo
这是我用 ES6 重写的版本,可以看有什么不同喔
继续阅读 »
前言
在上一篇文章中,葱哥从零开始创建了一个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
继续阅读 »
此博客将记录了我学习RN过程中很有价值的内容,源码可以参考ReactNativeLeaning(ES6版),源码最后附了一个sinaWebBo项目,看着还不错^_^。顺便支持一下react-native-image-browser吧。
1、Hello World!
react-native init AwesomeProject 卡住不动:解决React Native初始化项目速度很慢的问题;
2、选个好用的编辑器
atom+nuclide的详细使用方法
这个编辑器很好用,有察看dom结构和debugger功能,不过如果你喜欢别的编辑器也可以用;
3、学习的两个重点,布局和语言
如果布局不会请参考阮一峰的Flex 布局教
继续阅读 »
本文所有代码可以在Github上查看。
react-flux-demo
新建React项目
既然有兴趣打开本文,说明你对React的基本开发应该有所了解。我们教程的第一步就是创建一个新的React项目。我们可以使用一些React Boilerplate项目方便的创建一个新的React项目,比如我之前创建的React Boilerplate:
react_boilerplate
该React Boilerplate的实现过程,可以参考我之前的文章手把手教你基于ES6架构自己的React Boilerplate项目。
或者,也可以使用facebook最新推出的一个类似项目:
create-react-app
我们这里使用f
继续阅读 »