React Native 新架构实战课 实操 + 基建 + 原理的一站式解决方案

2022年7月31日22:50:23 发表评论

React Native 新架构实战课 实操 + 基建 + 原理的一站式解决方案

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

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

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: