React Native 新架构实战课 实操 + 基建 + 原理的一站式解决方案资源简介:
你将获得
有用:即学即用,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