1.从Jquery 到 Reactjs 转变 遇到的十大神坑
2016-05-20 21:06
435 查看
经历过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
由于后面做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
相关文章推荐
- React Native的Navigator详解
- react笔记
- react native 选择手机照片页面英文问题
- React Native 解决iOS上键盘遮挡TextInput
- ReactOS-Freeldr注册表HIVE文件格式2
- ReactOS-Freeldr注册表HIVE文件格式
- React Native开发
- ReactNative 第六节 实战之ReactJS 组件和生命周期
- React Native踩坑Tip
- 【React】 React的优点+实现分页组件
- React入门实践之Todo List
- react 入门 阮一峰
- 【React】《Why did we build React?》 我们为什么要创建React-译文
- 学习iOS、React Native、算法开发的建议
- React Native 中组件的生命周期
- React-native 关于 android真机解决出现连不上服务器
- webpack React+ES6
- Ubuntu React Native 环境搭建
- ReactNative动画(下)
- ReactNative动画(上)