初识react
来源:互联网 发布:软件测试文档模板 编辑:程序博客网 时间:2024/06/04 23:23
最近刚开始学react,入门有些难度,早就知道react很强大,完全颠覆了前端的那一套东西,有了虚拟DOM甚至有了自己的SQL语句。听有些人说这个难,有些人说没什么难的,还是自己体会,去尝试才行,真正去做一些东西。小马过河而已。
首先入门是看了网易云课堂的《react的实战入门》,然后看了慕课的《React入门》,总算有点感觉,然后看阮一峰的教程发现有一些问题,很模糊,百度之后才明白。
问题一:<script type="text/babel"><script type="text/jsx">是一样的么?browser.min.js和jsxTransformer.js又是什么意思呢?
1.JSX是什么JSX其实是JavaScript的扩展,React为了代码的可读性更方便地创建虚拟DOM等原因,加入了一些类似XML的语法的扩展。
2.编译器——jsxTransformerJSX代码并不能直接运行,需要将它编译成正常的JavaScript表达式才能运行,jsxTransformer.js就是这一编译器的角色。
3.第二代编译器——babel React官方博客发布了一篇文章,声明其自身用于JSX语法解析的编译器JSTransform已经过期,不再维护,React JS和React Native已经全部采用第三方Babel的JSX编译器实现。原因是两者在功能上已经完全重复,而Babel作为专门的JavaScript语法编译工具,提供了更为强大的功能。而browser.js是babel编译器的浏览器版本。
问题二:npm install 下载很慢
使用淘宝镜像
1.临时使用
npm install --registry = http://registry.npm.taobao.org
2.永久使用
在nodejs的安装目录,修改node_modules/npm目录下npmrc文件
打开输入:registry = http://registry.npm.taobao.org
这样npm下载安装软件时就会从指定的镜像中下载了
问题三:学习指导路线
深入浅出es6
webpack官方文档
react编程思想
react文档
redux(flux)&react-router文档
react native
深入浅出nodejs
总结:
学习一定要用google,面试从来不要说百度,不能翻墙的话,那就必应,http://cn.bing.com/,
- 初识React
- 初识react
- 初识react
- 初识React
- React初识
- React初识
- 初识React
- 初识React
- React初识
- 初识React
- 【React】初识React
- react(一):初识react
- React Native初识
- 初识React.js
- 初识React Native
- 初识React Native
- 初识react native
- React-native FlexBox初识
- Linux下的 Linux 终端仿真器Terminator
- Spring框架学习
- handsontable选中列,按键盘delete键,整列数据清除,如何禁止
- opencv2.4.10 安装与vs2013配置
- Handler机制和AsyncTask机制的使用
- 初识react
- 13、Spring MVC 之 Using themes
- 十月第四周周报
- SpringMVC入门笔记(一)
- 2016.10.24
- 常用正则表达式总结
- 分布式拒绝服务攻击(DDOS)攻击原理
- Oracle_12505错误解决方法
- 分析urllib.unquote乱码的原因