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

简介: 在前端日常工作中,我们接触编译主要在代码构建上。除此之外,我们还能利用编译做什么事情呢。本次分享希望通过 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

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

_

目录
相关文章
|
9天前
|
开发框架 Dart 前端开发
【Flutter前端技术开发专栏】Flutter与React Native的对比与选择
【4月更文挑战第30天】对比 Flutter(Dart,强类型,Google支持,快速热重载,高性能渲染)与 React Native(JavaScript,庞大生态,热重载,依赖原生渲染),文章讨论了开发语言、生态系统、性能、开发体验、学习曲线、社区支持及项目选择因素。两者各有优势,选择取决于项目需求、团队技能和长期维护考虑。参考文献包括官方文档和性能比较文章。
【Flutter前端技术开发专栏】Flutter与React Native的对比与选择
|
2天前
|
JavaScript
Vue3的 组件事件
Vue3的 组件事件
12 0
|
2天前
|
存储 JavaScript
vue3组件之间传值通讯
vue3组件之间传值通讯
8 0
|
2天前
|
资源调度 JavaScript 前端开发
vue3怎么调用vant中的icon组件
vue3怎么调用vant中的icon组件
15 4
|
3天前
|
JavaScript
vue实现递归组件
vue实现递归组件
12 0
|
3天前
|
缓存 JavaScript
vue 中 keep-alive 组件的作用
vue 中 keep-alive 组件的作用
10 1
|
7天前
|
JavaScript 前端开发 API
Vue.js 中子组件向父组件传值的方法
Vue.js 中子组件向父组件传值的方法
23 2
|
7天前
|
JSON JavaScript Java
从前端Vue到后端Spring Boot:接收JSON数据的正确姿势
从前端Vue到后端Spring Boot:接收JSON数据的正确姿势
19 0
|
8天前
|
前端开发 JavaScript 开发者
【专栏:HTML与CSS前端技术趋势篇】前端框架(React/Vue/Angular)与HTML/CSS的结合使用
【4月更文挑战第30天】前端框架React、Vue和Angular助力UI开发,通过组件化、状态管理和虚拟DOM提升效率。这些框架与HTML/CSS结合,使用模板语法、样式管理及组件化思想。未来趋势包括框架简化、Web组件标准采用和CSS在框架中角色的演变。开发者需紧跟技术发展,掌握新工具,提升开发效能。
|
9天前
|
前端开发 搜索推荐 UED
【Flutter前端技术开发专栏】Flutter中的高级UI组件应用
【4月更文挑战第30天】探索Flutter的高级UI组件,如`TabBar`、`Drawer`、`BottomSheet`,提升应用体验和美观度。使用高级组件能节省开发时间,提供内置交互逻辑和优秀视觉效果。示例代码展示了如何实现底部导航栏、侧边导航和底部弹出菜单。同时,自定义组件允许个性化设计和功能扩展,但也带来性能优化和维护挑战。参考Flutter官方文档和教程,深入学习并有效利用这些组件。
【Flutter前端技术开发专栏】Flutter中的高级UI组件应用