上一次玩前端还是 JQuery 1.5 的年代，这两天玩了一下 React…………

[billtsui]

写了 10 年的服务，上一次搞前端还是 2010 年，记得当时还是用 JQuery 1.5 。

这段时间工作需要玩了一下 ReactJS,Taro,AntD 。妈的真香，真 TM 好玩！

有没有前端大佬带我飞的，求一个前端群！

[faceRollingKB]

要玩 angular 么

[IGJacklove]

@faceRollingKB 这是邪教，React 大法天下第一。

[jydeng]

Vue 考虑一下

[autoname]

啥 React 比 jq 香吗
举个例子？

$ajax('url','data')

[billtsui]

@faceRollingKB 不玩，angular 是邪教

[billtsui]

@jydeng 这个也挺香的，就是学不过来，更新太快了

[billtsui]

@autoname 我说他香，就是我觉得他比 jq 香，杠精散去。

[autoname]

@billtsui 看谁的代码少，
发个请求是怎么发的 React

[billtsui]

@autoname 不看

[autoname]

@billtsui https://www.jianshu.com/p/74a5e5aba82f
感觉。。。
为啥说 jq 太重呢，

[ddup]

我居然成了邪教一员。

[elone]

angular 邪教成员来报道

[SuperManNoPain]

只会 jq 的不敢吭声

[billtsui]

@SuperManNoPain 玩玩 React

[artyhacker]

@autoname 建议学习一下再发言吧,用 react 发个请求是什么鬼? 另外你写的那句 jq 就是发个请求,你引用的文章里发请求、处理 response 、处理异常、渲染页面全有了,但凡能看懂几句 js 也不会这么比吧...

[cydian]

@artyhacker jq 处理异常很复杂吗？

[artyhacker]

@cydian 不复杂.

[minglanyu]

jq 其实还有不少老项目在跑的，比如银行这种

[DOLLOR]

@autoname


//老式 jquery 写法
$.ajax('url1', {
data: {username: 'example'},
success: function (res) {
$.ajax('url2', {
data: {somedata:res},
success: function (res) {
$.ajax('url3', {
data: {somedata:res},
success: function (res) {
},
error: function () {
console.log('error')
}
})
},
error: function () {
console.log('error')
}
})
},
error: function () {
console.log('error')
}
})
/////////////////////////////////////////////////

//fetch api
try{
let res = await fetch('url1',{
body:{username: 'example'},
method: 'POST'
}).then(res=>res.text())

res = await fetch('url2',{
body:{somedata:res},
method: 'POST'
}).then(res=>res.text())

res = await fetch('url3',{
body:{somedata:res},
method: 'POST'
}).then(res=>res.text())
}catch(err){
console.log('error')
}

再见，回调地域。

[MorningStar0]

@autoname 所以发请求和用哪个前端框架有啥关系呢？或者实在想知道哪个代码少 fetch 了解下？

[billtsui]

@minglanyu 还有 gov 的网站

[lancelock]

确实好玩，用 hooks 更好玩了

[wunonglin]

ng 大法好

[murmur]

@DOLLOR 我记得 await 写法是不是有专属 bug，好像是 promise.reject 不触发异常还是啥

[billtsui]

@lancelock 多谢大佬指点

[krystal9527]

为什么 angular 是邪教？我觉得挺好的，项目工程化

[billtsui]

@krystal9527 不要太认真，你开心就好。

[autoname]

@MorningStar0 不知道这么比啊，只能拿常用的功能比了

[shintendo]

@autoname 大哥，求你先学一下 react，你这例子举得我这个 react 黑都看不下去了

[ccyu220]

@autoname 大哥，下次找个合适的例子再来黑，用封装的请求函数来说框架，半毛钱都没联系。

[otakustay]

我们现在请求都是
const response = useResource('url', {data})
这样子了，await 都不用

[faceRollingKB]

vue 、react 的数据请求概念都是 promise 那一套，如果想玩出花样的话建议试试 angular 的 observable，你会看到新世界

[Bramblex2]

@autoname 黑都黑不到点子上哎……

[huijiewei]

@autoname 你在搞笑么？

[auroraccc]

@otakustay 这样咋处理异常啊

[jingcoco]

无耻的又来宣传一下 https://v2ex.com/t/661640#reply19

[sirnay]

@faceRollingKB 然而可以自己加入 rxjs 随便玩

[otakustay]

@auroraccc Suspense 处理异步，Error Boundary 处理异常： https://github.com/ecomfe/react-suspense-boundary

[faceRollingKB]

@sirnay 试过 vue 添加 rxjs，不好玩

[fescover]

https://www.zhihu.com/answer/675777174

[auroraccc]

@otakustay 感谢，去了解一波

[autoname]

@Bramblex2 这怎么叫黑？黑它我有什么好处，就不能端正下看法？

我是真不明白才问的，什么黑不黑的

[autoname]

@DOLLOR 感谢大佬科普

[raymanr]

@DOLLOR
呃， 先说我不是专业前端

不过回调地狱这个不是用 Promise 就可以解决吗？

也不用这一个就引入一个框架这么大的东西啊

[raymanr]

其实我之所以不想学的原因是总觉得前端的东西变化太快了。。。除了 jq 以外的东西指不定说凉就凉

反正我的页面简单，包装个类，然后用 get set 模仿一下数据绑定，顶层添加个事件监听 ，也凑活用了

[wildnode]

@murmur 是 reject 出来的值用 await 接收不到，所以一般 async/await 都用 try/catch 来处理错误

[wildnode]

@murmur 可能我说不明白哈。。补一段 MDN 上的解释

When an async function is called, it returns a Promise. When the async function returns a value, the Promise will be resolved with the returned value. When the async function throws an exception or some value, the Promise will be rejected with the thrown value.

按这个意思来看，如果 reject 了，是以 throw 的方式直接抛错误了，所以拿不到

[jon]

@IGJacklove #2 为什么 angular 是邪教？

[billtsui]

@faceRollingKB 多谢大神指点

[orzorzorzorz]

react 是好玩，但玩厌了、碰到瓶颈了、累了，然后就会发现你会不知不觉地慢慢往 angular 的方向靠，然后慢慢研究测试、rx 、ivy 这些，然后就会发现，还是服务端好。:doge

[Canrz]

@DOLLOR 你这都是多少年前的写法了。就我所知的 jQuery 1.7 版本 ajax 进行重写，改成 deferred，那都是已经 2011 年的版本了。

[wszgrcy]

ng 大法好

[huijiewei]

@wildnode
```
const flatry = (promise) =>
promise
.then((data) => ({ data, error: null }))
.catch((error) => ({ error, data: null }))

export default flatry
```
使用方法
const { data, error } = await flatry(promise)

[imswing]

vue 其实更好玩啊

[lewinlan]

力挺 ng 邪教！

[ooee2016]

同感

[itning]

angular 赛高 虽然 市场份额最少...

[hareandlion]

Angular 始终给我 Java MVC 的既视感。。。还是 React 好玩

[qinxi]

来了来了

[qinxi]

@qinxi #59 几年前看到了,仅供娱乐...

[Felldeadbird]

所以没有前端群？

我现在还在写 JQ 。VUE 目前还在观望中。
我目前发现，JQ 最大问题还是项目复用性低，写着写着，感觉这代码以前就有啊。

[Tdy95]

@Felldeadbird
前端框架的生态可以让你只关注你的核心业务代码，免去通用组件的开发，稍微复杂一点的页面，用 vue\reatc\angular 之类的现代框架开发起来，效率提升不是一点半点。

[fedfrank]

@Felldeadbird 前端群加我 vx：qianduanmi

[Chenamy2017]

VUE 入门快很香

[DOLLOR]

@raymanr
Fetch API 是浏览器内置的接口标准，如果想用它并不需要引入任何框架。它不是 vue 或者 react 的组件。😐
我现在写快速原型直接用 Vanilla JS 已经足够了，连<script src="jquery.js">都嫌多余。

[Lawlieti]

三天兴趣，一周后发狂

[StrayBugs]

@faceRollingKB observable-hooks.js.org 了解一下

[chocotan]

我用 element ui 和 ant design 的感受是

npm install 会遇到各种奇葩问题
打个包，idea 卡成狗，时间比 java 应用打包时间都长

[TimLang]

试试 flutter 啊，更好玩。

[Hanggi]

哈哈，Angular 都成邪教了，那些把传统 HTML/CSS 都弄成 js/jsx 对象处理不更邪教吗？

[zhouS9]

jq 转到 vue 无比震撼，现在玩腻了准备换 react 玩玩❤️

[hantsy]

说 Angular XX，自己已经给自己打上了杠精的标签了。

我个人几乎没用过 JQuery 。

写一点前端的时候用过 Prototypejs, delicious, dojo，刚看到 JQuery 的时候，Angularjs （内置了一个 JQLite ） 来了。

对于长期做后端的，特别是 Java 等 OOP 语言的，还是喜欢 Angular 系。在用 Angularjs 的就开始试用过了 React， 感觉一般，不是我首选，对于我而言，原因两个，1，对 TS，ES6+ 支持太慢了，最初版本只能用 ES5 （实在写不来），时到今日，React 还是太重的 JS 味。2，仅仅包含了 Components UI 部分，其它部分选择太多了，不是像 Angular 一样全栈的方案，当然对于高级 FE，选择多是好事。

[bzj]

@autoname 说 jq 太重是因为，有的页面即使只有一个 ajax 请求，也要引用 jquery 核心文件，然而 jq 压缩后也有几百 k

[autoname]

@bzj 谢谢回复，jq 的生态应该也是比较好的吧，比如各种特效什么的

反正都是客户端的事情，“重”不到哪里去吧。没啥影响吧

套用某大佬的，前端娱乐圈真 TM 的乱 哈

[bzj]

@autoname

Jquery 我也用，Vuejs 也用，适合自己项目的才是最好的，没必要一味追新，不然坑的是自己。

[charten]

@autoname ？？？ react 里不包括请求库的，人家只负责渲染。。。。比$(`<div>${2333}</div>`).append($('body'))好维护许多。。。特别是大型应用里。。。

[redbuck]

vue3 发布了，不趁热来一发？

vue 的 hooks 比 react 的好用多了

[xiaomingVTEX]

vue 才是最好的 vue 才是最好的 , 嘻嘻

[pandaii]

目前在用 ng8，等 vue3 发布了可以试试搞一下，感觉 ts 还是很香的 :doge

[MYDTX]

async function getEdition() {
return await $.getJSON('/home/material/edition');
}
jquery 也可以很香啊，回调什么的用 es6 新语法完全可以去掉的……
框架只是做大项目更易于梳理维护，在语法上并没有什么优势。

[billtsui]

昨晚看了 VUE3 的直播发布会，香气逼人啊！

[hbolive]

@billtsui 2 还没整明白呢，3 都来了啊，那直接上 3 行不？

[faceRollingKB]

只希望 3 能把 ts 的支持做好一点，目前在 2.6 基础上加 ts 真的是坑

[billtsui]

@hbolive 我一个前端初学者，你问我这么高深的问题，合适吗。