初识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/,

0 0