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 新架构，蒋老师还将带你持续一年追踪它的最新动态，聚焦新架构的原理和社区最新实践，让你能第一时间享受到前沿技术变革带来的红利。

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

pdf

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