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

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

_

目录
相关文章
|
1天前
|
前端开发 JavaScript 安全
学习如何为 React 组件编写测试:
学习如何为 React 组件编写测试:
11 2
|
3天前
|
前端开发 JavaScript 开发者
React与Vue:前端框架的巅峰对决与选择策略
【10月更文挑战第23天】React与Vue:前端框架的巅峰对决与选择策略
|
3天前
|
缓存 JavaScript UED
Vue 中实现组件的懒加载
【10月更文挑战第23天】组件的懒加载是 Vue 应用中提高性能的重要手段之一。通过合理运用动态导入、路由配置等方式,可以实现组件的按需加载,减少资源浪费,提高应用的响应速度和用户体验。在实际应用中,需要根据具体情况选择合适的懒加载方式,并结合性能优化的其他措施,以打造更高效、更优质的 Vue 应用。
|
3天前
|
前端开发 JavaScript 开发者
“揭秘React Hooks的神秘面纱:如何掌握这些改变游戏规则的超能力以打造无敌前端应用”
【10月更文挑战第25天】React Hooks 自 2018 年推出以来,已成为 React 功能组件的重要组成部分。本文全面解析了 React Hooks 的核心概念,包括 `useState` 和 `useEffect` 的使用方法,并提供了最佳实践,如避免过度使用 Hooks、保持 Hooks 调用顺序一致、使用 `useReducer` 管理复杂状态逻辑、自定义 Hooks 封装复用逻辑等,帮助开发者更高效地使用 Hooks,构建健壮且易于维护的 React 应用。
11 2
|
3天前
|
前端开发 JavaScript 数据管理
React与Vue:两大前端框架的较量与选择策略
【10月更文挑战第23天】React与Vue:两大前端框架的较量与选择策略
|
7天前
|
JavaScript 前端开发 测试技术
组件化开发:创建可重用的Vue组件
【10月更文挑战第21天】组件化开发:创建可重用的Vue组件
14 1
|
8天前
|
JavaScript 前端开发 Java
《vue3第五章》新的组件,包含:Fragment、Teleport、Suspense
《vue3第五章》新的组件,包含:Fragment、Teleport、Suspense
18 2
|
8天前
|
Java
vue3知识点:Teleport组件
vue3知识点:Teleport组件
17 1
|
1天前
|
前端开发 Android开发 开发者
前端框架趋势:React Native在跨平台开发中的优势与挑战
【10月更文挑战第26天】近年来,React Native凭借其跨平台开发能力在移动应用开发领域迅速崛起。本文将探讨React Native的优势与挑战,并通过示例代码展示其应用实践。React Native允许开发者使用同一套代码库同时构建iOS和Android应用,提高开发效率,降低维护成本。它具备接近原生应用的性能和用户体验,但也面临平台差异、原生功能支持和第三方库兼容性等挑战。
10 0
|
3天前
|
前端开发 JavaScript 开发者
React与Vue:前端框架的巅峰对决与选择策略
【10月更文挑战第23天】 React与Vue:前端框架的巅峰对决与选择策略