【前端直播资料】利用编译将 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

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

_

目录
相关文章
|
11天前
|
JavaScript
Vue 父传子组件传参 defineProps
Vue 父传子组件传参 defineProps
|
11天前
|
JavaScript 前端开发
Vue 创建组件
Vue 创建组件
|
11天前
|
JavaScript 前端开发 API
详解React与Vue的性能对比
详解React与Vue的性能对比
52 0
|
15天前
|
JavaScript
vue给table组件添加合计
vue给table组件添加合计
12 0
|
11天前
|
JavaScript
vue路由导航守卫(全局守卫、路由独享守卫、组件内守卫)
vue路由导航守卫(全局守卫、路由独享守卫、组件内守卫)
29 0
|
17天前
|
前端开发 应用服务中间件 nginx
Nginx配置详解Docker部署Nginx使用Nginx部署vue前端项目
Nginx配置详解Docker部署Nginx使用Nginx部署vue前端项目
78 0
|
8天前
|
JavaScript
vue 组件注册
vue 组件注册
|
8天前
|
JavaScript
vue 组件事件
vue 组件事件
|
8天前
|
JavaScript 前端开发 API
游戏开发入门:Python后端与Vue前端的协同工作方式
【4月更文挑战第11天】使用Python后端(Flask或Django)和Vue.js前端开发游戏变得流行,能提高开发效率和可维护性。本文指导如何构建这样的项目,包括设置环境、创建虚拟环境、搭建后端API及前端Vue组件,强调前后端协作和API接口的重要性。这种架构促进团队合作,提升代码质量和游戏体验。
|
9天前
|
供应链 JavaScript 前端开发
使用Django和Vue实现电子商务网站的后端和前端
【4月更文挑战第10天】本文介绍了使用Django和Vue构建电子商务网站的后端与前端方法。Django作为Python的Web框架负责后端,其模型-视图-控制器设计简化了商品管理、购物车和订单处理。Vue.js用于前端,提供数据驱动和组件化的用户界面。通过定义Django模型和视图处理请求,结合Vue组件展示商品和管理购物车,开发者可构建交互性强的电商网站。虽然实际开发涉及更多细节,但本文为入门提供了基础指导。