Webpack http://blog.sina.com.cn/s/blog_6a2787d40102wm14.html
最近选了时下很流行的React玩了玩,工欲善其事必先利其器,自从node出来后,各种工具一个接一个,gulp, browserify, webpack,作为前端菜鸟,就选了个网上觉得比较新比较好的Webpack来作为构建工具。
这几篇Webpack入门文章写的很不错,傻瓜式,一步步来就可以了。挺简单的,配个entry, output,再加些plugins, 加些loader就
手把手教你基于ES6架构自己的React Boilerplate项目
React
React入门的话,过两遍官方文档应该差不多了,
Component: React最大的好处就是组件编程嘛,对于那种公司后台用的系统,界面比较复杂的,我觉得React挺适合的。
JSX: JSX
Props: 用来在组件间传递数据的,这里的数据传递是单向的,只能从父组件向子组件传递。
State: 用来管理组件状态的,通过setState改变状态后,组件会自动调用render函数重新渲染。其实state里面也可以放很多数据,那么什么时候用state,什么时候用props比较合适呢。官方两段话解释的很清楚。
事件响应:组件内的事件响应很简单,比如鼠标点击事件,加个onClick=XXXFunction然后在XXXFunction里响应就可以了。但是如果父组件需要知晓子组件的事件怎么办呢,父组件可以通过props传递个callback函数给子组件,这样就可以处理子组件的事件了。但如果组件的层级比较多,这种方式感觉也挺恶心的,不知道Flux, Redux这些东西是不是来解决这个问题的,还没了解,后面马上要开始学Redux了,Common On.