有用:即学即用,8+ 核心组件应用技巧
实战:10+ 实战 Demo,搭建完整 React Native 应用
深入:掌握一套完整的基建解决方案
前沿:持续 365 天技术追踪,解读新架构动态
课程介绍
作为当前最热门的跨端框架之一,近年来 React Native 备受开发者追捧。它好上手,开发成本低,对前端和客户端都相对友好,而且它也是当下唯一能支持复杂业务场景下热更新的跨端框架。
但另一方面,React Native 本身迭代速度非常快,想要系统学习 React Native 并没有那么容易。而且,它也曾饱受性能方面的诟病,让一些团队踩了不少坑。
技术的车轮滚滚向前。年初,Facebook 发布重磅消息,重构已久的 React Native 新架构确定会在今年,也就是 2022 年正式推出。据行业内报告及调研,新架构在最关键的性能问题上相比老架构有了非常大的提升,这将会为 React Native 开启一个全新的阶段。现在就是你“入坑” React Native 的最佳时机!
为此,我们邀请了 58 同城前端架构师、58RN 负责人蒋宏伟老师。他会结合多年的一线经验,为你重点讲解 React Native 的核心组件、社区生态和基础设施建设,帮你一次性打通 React Native 开发能力,让你不仅能完整开发一个 React Native 应用,还能为团队基出设施建设做贡献,并提升自己的架构能力。
同时,针对 React Native 新架构,蒋老师还将带你持续一年追踪它的最新动态,聚焦新架构的原理和社区最新实践,让你能第一时间享受到前沿技术变革带来的红利。
课程目录
01-开篇词
开篇词丨为什么要选择ReactNative做你的跨端方案?.html
开篇词丨为什么要选择ReactNative做你的跨端方案?.m4a
02-ReactNative核心基础篇
01丨学习ReactNative,你需要掌握哪些知识?.html
01丨学习ReactNative,你需要掌握哪些知识?.m4a
02丨Component:搭建静态页面的正确思路是什么?.html
02丨Component:搭建静态页面的正确思路是什么?.m4a
03丨Style:关于样式你需要知道的三件事.html
03丨Style:关于样式你需要知道的三件事.m4a
04丨State:如何让页面“动”起来?.html
04丨State:如何让页面“动”起来?.m4a
05丨Image:选择适合你的图片加载方式.html
05丨Image:选择适合你的图片加载方式.m4a
06丨Pressable:如何实现一个体验好的点按组件?.html
06丨Pressable:如何实现一个体验好的点按组件?.m4a
07丨TextInput:如何实现一个体验好的输入框?.html
07丨TextInput:如何实现一个体验好的输入框?.m4a
08丨List:如何实现高性能的无限列表?.html
08丨List:如何实现高性能的无限列表?.m4a
09丨FastRefresh:提高UI调试效率神器.html
09丨FastRefresh:提高UI调试效率神器.m4a
10丨Debug:解决BUG思路有哪些?.html
10丨Debug:解决BUG思路有哪些?.m4a
11丨组件实战:如何实现瀑布流?.html
11丨组件实战:如何实现瀑布流?.m4a
12丨页面实战:如何搭建一个电商首页?.html
12丨页面实战:如何搭建一个电商首页?.m4a
直播加餐丨七年,我的跨端实践和探索.html
直播加餐丨七年,我的跨端实践和探索.m4a
03-React Native 社区生态篇
13丨生态:ReactNativeAwesome.html
13丨生态:ReactNativeAwesome.m4a
14丨Reanimated:如何让动画变得更流畅?.html
14丨Reanimated:如何让动画变得更流畅?.m4a
15丨Gesture(上):如何实现一个拖拽动效?.html
15丨Gesture(上):如何实现一个拖拽动效?.m4a
16丨Gesture(中):如何解决单视图多手势的冲突问题?.html
16丨Gesture(中):如何解决单视图多手势的冲突问题?.m4a
17丨Gesture(下):如何解决多视图多手势的冲突问题?.html
17丨Gesture(下):如何解决多视图多手势的冲突问题?.m4a
18丨Navigation:页面之间怎么跳转?.html
18丨Navigation:页面之间怎么跳转?.m4a
19丨Redux:大型应用应该如何管理状态?.html
19丨Redux:大型应用应该如何管理状态?.m4a
20丨Sentry:线上错误与性能监控怎么处理?.html
20丨Sentry:线上错误与性能监控怎么处理?.m4a
04-React Native 基础设施建设篇
21丨混合应用:如何从零开始集成ReactNative?.html
21丨混合应用:如何从零开始集成ReactNative?.m4a
22丨自定义组件:如何满足业务的个性化需求?.html
22丨自定义组件:如何满足业务的个性化需求?.m4a
23丨热更新:如何搭建一个热更新平台?.html
23丨热更新:如何搭建一个热更新平台?.m4a
24丨拆包:Metro拆包的工作原理是什么?.html
24丨拆包:Metro拆包的工作原理是什么?.m4a
25丨性能优化:如何设计一个合适的性能优化方案?.html
25丨性能优化:如何设计一个合适的性能优化方案?.m4a
26丨客户端优化:如何把性能提升到极致?.html
26丨客户端优化:如何把性能提升到极致?.m4a
05-阶段总结
阶段测试丨ReactNative的这些核心知识,你都掌握了吗?.html
阶段测试丨ReactNative的这些核心知识,你都掌握了吗?.m4a
总结与展望丨新架构探索之旅,马上开始.html
总结与展望丨新架构探索之旅,马上开始.m4a
01丨学习ReactNative,你需要掌握哪些知识?.pdf
02丨Component:搭建静态页面的正确思路是什么?.pdf
03丨Style:关于样式你需要知道的三件事.pdf
04丨State:如何让页面“动”起来?.pdf
05丨Image:选择适合你的图片加载方式.pdf
06丨Pressable:如何实现一个体验好的点按组件?.pdf
07丨TextInput:如何实现一个体验好的输入框?.pdf
08丨List:如何实现高性能的无限列表?.pdf
09丨FastRefresh:提高UI调试效率神器.pdf
10丨Debug:解决BUG思路有哪些?.pdf
11丨组件实战:如何实现瀑布流?.pdf
12丨页面实战:如何搭建一个电商首页?.pdf
13丨生态:ReactNativeAwesome.pdf
14丨Reanimated:如何让动画变得更流畅?.pdf
15丨Gesture(上):如何实现一个拖拽动效?.pdf
16丨Gesture(中):如何解决单视图多手势的冲突问题?.pdf
17丨Gesture(下):如何解决多视图多手势的冲突问题?.pdf
18丨Navigation:页面之间怎么跳转?.pdf
19丨Redux:大型应用应该如何管理状态?.pdf
20丨Sentry:线上错误与性能监控怎么处理?.PDF
21丨混合应用:如何从零开始集成ReactNative?.PDF
22丨自定义组件:如何满足业务的个性化需求?.PDF
23丨热更新:如何搭建一个热更新平台?.PDF
24丨拆包:Metro拆包的工作原理是什么?.PDF
25丨性能优化:如何设计一个合适的性能优化方案?.PDF
26丨客户端优化:如何把性能提升到极致?.PDF
阶段测试丨ReactNative的这些核心知识,你都掌握了吗?.pdf
开篇词丨为什么要选择ReactNative做你的跨端方案?.pdf
直播加餐丨七年,我的跨端实践和探索.pdf
总结与展望丨新架构探索之旅,马上开始.pdf