1.从Jquery 到 Reactjs 转变 遇到的十大神坑

来源:互联网 发布:carplay支持哪些软件 编辑:程序博客网 时间:2024/06/17 01:06

 经历过js->dojo,YUI,jquery->  14年见人用过(Angularjs )->15年听说过Reactjs

由于后面做Java SpringMvc+Hinbernate+Myql 和开发管理,需求和产品一堆乱起八糟事情,从外卖公司出来创业旅游

,为了让项目有技术的红利,更新一下技术,决定用Reactjs  开发一版M站。


Jquery 和Reactjs 差别

Jquery和一个JavaScript  的库,借鉴了结合CSS简化和精简了JavaScript的操作方式和解决浏览器兼容问题。

从产品来说只是改良了JavaScript 让操作便利和兼容性更好。


ReactJs 

是一个框架,框架是解决问题的套路。

从产品来说差别如: JavaScript 是马路,JQuery让马路更快,跑的更快顺。Reactjs是铁路,虽然都是路,但是理念不是改良,而是用新的方式解决前端问题。



决定用Reatjs 开发项目遇到不少神坑

技术栈:Nodejs + React +WebPack 

Nodejs  JavaScript 解释还依赖于浏览器?刷新,F5. 不用有了nodejs 直接给你报错,解释。

而且鸟枪换大炮的是用npm 神器,npm  是啥玩意,就是JavaScript 包管理工具,包管理是啥玩意,如

Java 的String ,File是一个包,然后import 进来。




网站是用原型是用Jquery+ Bootstrap3做的,变身成React 方法


基础部分:

1.安装node.js V6.20

http://www.nodejs.org/

2.安装npm 

安装node 时候已经安装npm 了。

ref: https://www.npmjs.com/


3.安装webpack

npm install -g webpack


4.React





0 0