aaa333qwe的博客

使用React构建一款音乐播放器

Sublime有很强的自定义功能，插件库很庞大，针对新语言插件更新很快，配合使用可以快速搭建适配语言的开发环境。1. babel-sublime支持ES6， React.js, jsx代码高亮，对 JavaScript, jQuery 也有很好的扩展。关于 babel 的更多介绍可以看这里：为什么说Babel将推动JavaScript的发展安装PC：Ctrl+shift+pMac：Cmd+shif...

设置.js文件默认以jsx的语法打开在没有进行设置的情况下，每次打开WebStorm的时候打开包含jsx语法的.js文件都会有以下提示：当然我们点击转换后就可以了，但是每次都会提示，所以还是来一个一劳永逸的方法把它给去掉吧：然后Apply/OK即可。设置.js文件中支持react-native语法高亮首先会发现在js文件中有不少的警告，类似这样：这个警告的原因是因为编辑器不知道所引用的这些东西是在...

前言WebStorm作为目前最流流行的前端IDE, 无论从运行速度还是开发的便捷性，无形之中提高了工作效率，目前比较火爆的React也越来越被众多开发人员所采纳，但是WebStorm下的React工程经常会出现很多警告以及转换提示，下面我就对此做一些整理，方便更多同志使用。React Library支持点击下载按钮，下来所需要的react library:激活所选library, 应用即可支持JS...

以前开发react native项目总是需要打开WebStorm编写代码,Xcode跑项目.显得有点多余.今天教大家如何直接使用WebStorm这个IDE直接完成编码+运行项目工作.这样就可以不用打开Xcode了.1.首先点击WebStorm右上方的下拉箭头弹出的Edit Configurations....2.然后会进入一个配置页面.点击左上方的+.在弹出的列表中选中npm.如图.3.在右边的配...

说在前面 使用的WebStorm版本是2017.1.1.123 一. 创建React Native项目 1.File->New->Project  2.在New Project窗口中选择React Native, 并根据情况, 修改项目路径和项目名称(我这里将untitled改为我的新项目ReactNativeDemo), 修改完成后, 点击create 随后项目就会被...

前两节的DEMO，都是 HashRouter，而非 BrowserRouter ，二者有所不同。以下解释的前提是你要懂什么叫 hash 地址，hash 地址就是指 # 号后面的 url。假如有一个 Link 标签，点击后跳转到 /abc/def。BrowserRouter： http://localhost:8080/abc/defHashRouter： http://localhost:8080...

　react-router作为react框架路由解决方案在react项目中举足轻重。　　在react-router 4.0版本中，API与先前版本相比有了很大的修改，在2.0、3.0中常用的<Router>组件作为路由底层配置组件不再常用，取而代之的是四个各有不同的路由组件：<BrowserRouter>, <HashRouter>, <MemoryRou...

自从Facebook在2013年发布了库之后，React.js正在快速被广大开发者所接受。它现在已经成为了GitHub上被收藏次数排名第5的开源项目，越来越多的企业正在寻找React.js开发者。本文为广大开发者介绍了14个工具和资源，助力web开发。作者：鲁行云来源：SDK.cn|2017-02-09 15:19 移动端 收藏  分享CTO训练

1.插件下载首先，下载react-eveloper-tools开发调试工具插件。官网下载路径：https://github.com/facebook/react-devtools谷歌下载.crx后缀的文件，火狐下载.xpi后缀的文件。因为谷歌插件下载需要翻墙，这里提供一个本地资源：http://download.youkuaiyun.com/detail/mafan121/98

文章中我整理了 React.js 开发过程中一些参见问题的解答汇总，供大家参考。1. 一些课程资源课程完整的思维导图请查考文章：React.js 入门与实战课程思维导图，我使用的思维导图软件是 Mac 下的 iThoughtsx。课程网站源码包请参考慕课问答区：求源代码地址，此源码包含了 node_modules ，因为非常大所以上传到了百度云上，压缩文件达到了 1 个

慕课笔记--[课程]React入门

当我们谈起React的时候，多半会将注意力集中在组件之上，思考如何将页面划分成一个个组件，以及如何编写可复用的组件。但对于接触React不久，还没有真正用它做一个完整项目的人来说，理解如何创建一个组件也并不那么简单。在最开始的时候我以为创建组件只需要调用createClass这个api就可以了；但学习了ES6的语法后，又知道了可以利用继承，通过extends React.component来创建组

在Airbnb React/JSX Style Guide中，推荐使用ES6语法来编写react组件。下面总结一下使用ES6 class语法创建组件和以前使用React.createClass方法来创建组件的不同。创建组件ES6 class创建的组件语法更加简明，也更符合javascript。内部的方法不需要使用function关键字。React.createClass

React是如今最热门的前端框架，它设计思路独特，性能卓越，逻辑简单，受到了广泛开发者的喜爱。一旦接触她，你就会被她深深吸引。我断断续续的学了将近两个月，今天终于有时间把自己学习React的一些学习资料总结一下。React 官方官网地址：http://facebook.github.io/react/Github地址：https://github.com/facebook/

这是一个模仿知乎界面的简单React demo。这个React demo能让你从零开始学习React，并逐渐掌握React。它包括了一个项目从零到项目完成的整个过程。项目地址：https://github.com/tsrot/react-zhihu项目预览：http://blog.xieliqun.com/react-zhihu/项目运行123456

1、react的特点虚拟DOM 高性能  组件化2、推荐编辑器Atom插件：atom-tern.js  atom-beauty  open-in-browser  emmet  file-icons  highlight-line  highlight-selected

React 专注于 view 层，组件化则是 React 的基础，也是其核心理念之一，一个完整的应用将由一个个独立的组件拼装而成。1. ES5写法React.createClass，2 . ES6写法React.Component，3. 无状态的函数式写法（纯组件-SFC）。你们最钟爱哪种写法呢？萝卜青菜各有所爱~ 每个团队都有自己的代码规范和开发模式，但书写 React 组件时

当你在React class中需要设置state的初始值或者绑定事件时需要加上constructor(){}[javascript] view plain copyconstructor() {          this.state = {searchStr: ''};          this.handleChange 

react.js路由-初步前面我们已经了解了react.js其中一种路由方式。这种方式是利用 html5的`window.history`，对浏览器历史记录的读取。`history.back()` 和在浏览器点击后退按钮相同；`history.forward()`和在浏览器中点击前进按钮相同。另外h5时段开始支持`pushState()`和`replaceState()`方法，并且当回退/...