开发者社区> 王滕滕> 正文

【前端直播资料】利用编译将 Vue 组件转成 React 组件

2019-04-21 4056

简介： 在前端日常工作中，我们接触编译主要在代码构建上。除此之外，我们还能利用编译做什么事情呢。本次分享希望通过 Vue 组件代码转 React 组件代码为例，给听众介绍 Babel 相关工程实践。

+关注继续查看

课程介绍

在前端的日常工作中，大家接触编译主要是在代码构建，例如 Babel 将 ECMAScript 2015+ 版本的代码转成能在当前浏览器环境下运行的代码。那基于编译是否能做不同框架下前端代码的转化呢？

本次直播将从 Vue 组件转 React 组件这样一个实际工程实践入手，向大家介绍基于编译、Babel、AST 分析如何做代码转化。

课程大纲

Babel 是如何工作的
AST 是什么
Vue 和 React API上的异同
解析 Vue 代码
转化 React 代码

专家介绍

_2019_04_21_4_47_03

陈哲（玉缜）

阿里巴巴闲鱼团队，经历了闲鱼前端技术体系整体发展，目前主要负责闲鱼前端工程体系相关

课后回顾

直播回放：点击观看

PPT下载：点击下载

直播详情

时间：2019年4月23日 19:00

地点：前端技术钉钉群 扫码观看更多直播及往期回顾

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

前端开发 JavaScript

VUE.js组件 react.js组件前端组件前端react react.js前端

开发者社区 > 开发与运维 > 文章

云迁移中心

作者高分内容

更多

2021年阿里云双11上云狂欢节 - 亿元加油包提前领攻略 272 阿里巴巴繁星计划&支付宝合作伙伴扶持方案（二期）活动说明 4093 旧手机回收不放心？阿里小程序为回收加码！ 1377 阿里小程序“美豪酒店”重塑酒店业直销渠道新标杆 1321 繁星计划&支付宝IoT小程序创新大赛正式启动 2849

相关文章

前端歌谣

#yyds干货盘点 React+antDesign封装一个tab组件(类组件)

#yyds干货盘点 React+antDesign封装一个tab组件(类组件)

22 0

前端歌谣

#yyds干货盘点【React工作记录二十一】ant design封装一个弹框组件

#yyds干货盘点【React工作记录二十一】ant design封装一个弹框组件

13 0

前端歌谣

react笔记之完成Counter组件

react笔记之完成Counter组件

11 0

前端歌谣

react学习案例2-以组件形式构建ui

react学习案例2-以组件形式构建ui

10 0

前端歌谣

react学习案例9-高阶组件的概念1

react学习案例9-高阶组件的概念1

10 0

前端歌谣

react学习案例3-以组件形式构建ui

react学习案例3-以组件形式构建ui

6 0

前端歌谣

react学习案例2-以组件形式构建ui

react学习案例2-以组件形式构建ui

7 0

前端歌谣

react学习案例9-高阶组件的概念1

react学习案例9-高阶组件的概念1

6 0

前端歌谣

antd组件库封装23-配置react开发环境

antd组件库封装23-配置react开发环境

19 0

前端歌谣

#yyds干货盘点 react笔记之完成Counter组件

#yyds干货盘点 react笔记之完成Counter组件

13 0

+关注

王滕滕

文章

问答

作者高分内容

更多

2021年阿里云双11上云狂欢节 - 亿元加油包提前领攻略 272 阿里巴巴繁星计划&支付宝合作伙伴扶持方案（二期）活动说明 4093 旧手机回收不放心？阿里小程序为回收加码！ 1377 阿里小程序“美豪酒店”重塑酒店业直销渠道新标杆 1321 繁星计划&支付宝IoT小程序创新大赛正式启动 2849

文章排行榜

最热

最新

1 「开源人说」第五期 | KubeVela：一场向应用交付标准的“冲锋” 199279

2 一个业务前端关于成长的心路历程 64242

3 C语言 | 数据结构—约瑟夫环问题 58995

4 快速开发光伏电站数字孪生运维系统（一） 44683

5 使用 DataAnnotations（数据注解）实现模型的通用数据校验 43167

6 阿里云智能语音交互产品测评：基于语音识别、语音合成、自然语言理解等技术 41957

7 一文深度解读音视频行业技术发展历程 35748

8 Hive数据倾斜的原因以及常用解决方案 33200

9 高并发编程之阻塞队列 32762

10 Java的Stream操作详解 31673

11 Spring 事务【隔离级别与传播机制】 30516

12 性能优化之使用vue-worker插件（基于Web Worker）开启多线程运算提高效率 29515

13 计网之初识网络(理解网络传输的基本流程) 28031

14 Android体系课之--LeakCanary内存泄露检测原理解析 25947

15 零基础快速开发Vue图书管理系统—登录注册篇（一） 22692

16 IoT设备数据的存储、解析和价值挖掘实践 22661

17 【实战企业级Java二】渐进式理解Redis分布式锁 22540

18 IoT Studio 物联网可视化应用搭建开发实践 21328

19 虚拟数字人之《手语翻译官》的技术实践 19510

20 实现人机协同高稳定性，阿里云5G专网IoT方案入选工信部优秀解决方案 54136

1 OpenSearch上线实时热搜、个性化底纹功能 58

2 ChatGpt与EdgeGpt 129

3 JAVA中如何高效的实现SQL的like语法? 5843

4 RocketMQ x OpenTelemetry 分布式全链路追踪最佳实践 75

5 这才叫开箱即用！ 491

6 运维工程师工作时最常用的20个Linux命令有哪些？建议收藏 17678

7 玖章算术CEO叶正盛在杭州人工智能小镇AIGC论坛发表主题演讲 86

8 Linux基础IO【文件理解与操作】 16877

9 Flink 流批一体方案在数禾的实践 7444

10 超丰厚奖池｜天池达人积分榜，有你而不凡！ 187

11 今天出门你查老黄历了吗？包括万年历在内的超多免费可用 API 推荐（一） 103

12 关于几天前出的 MinIO 敏感信息泄露漏洞，分享两种扫描方法 219

13 五分钟！获得轻量级的云原生应用控制平面 169

14 域名资讯 - XYZ注册局域名报告-2023年2月 70

15 数据备份浅谈 145

16 ChatGPT软件技术栈解密 91

17 阿里云com和cn域名注册代金券免费领取 95

18 灵魂一问：一个Java文件的执行全部过程你确定都清楚吗？ 59

19 简要聊聊UNIX,MINIX,LINUX,BSD的区别与特质 27377

20 Flink Table Store 独立孵化启动，Apache Paimon 诞生 537

相关课程

更多

React前端开发入门与实战

8409

10

去学习

React 入门教程开发文档

1586

11

去学习

Vue.js完全自学手册图文教程

6237

13

去学习

React 入门与实战

13126

54

去学习

Vue.js 入门与实战

18696

86

去学习

Spring Boot+Vue.js+FastDFS实现分布式图片服务器

206

16

去学习

相关电子书

更多

React Native 全量化实践—web 技术打造移动研发新模式

立即下载

搭建React Native生态

立即下载

React在大型后台管理项目中的工程实践

立即下载

相关实验场景

更多