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 学习和进阶的系统路径，用 10+ 实战 Demo 带你完整开发一个 React Native 应用。同时，也让你快速成长，为团队基础设施建设做贡献，提升自己的架构能力。这一阶段的内容主要包括三部分：

第一部分：React Native 核心基础篇。这一部分主要是打牢基础。老师会带你深入学习 React 和 React Native 的基础知识，让你能够成功搭建一个 React Native 页面。

第二部分：React Native 社区生态篇。这一部分主要是帮你开阔眼界，了解社区有哪些成熟方案，需要时能够拿来即用。同时也让你能够借助 React Native 生态中最常用的几个工具，搭建一个完整的 React Native 应用。

第三部分：React Native 基础设施建设篇。这一部分，老师会从技术应用层面，给你介绍从构建 React Native 混合应用到热更新，再到性能调优的全过程，让你能为团队搭建基础设施建设出谋献策，提升你的架构能力。

在动态更新阶段，也就是常规更新阶段结束之后，我们会以每月一讲的频率，持续一年帮你跟踪 React Native 新架构的最新进展，并和你聊聊和 React Native 新架构相关的最前沿的新技术。包括但不限于 Hermes、Fabric、JSI、React Native Skia、React Native SSR 等等，助你第一时间把握前沿技术变革的红利。

React Native 核心基础篇

• 01｜学习React Native，你需要掌握哪些知识？
• 02｜Component：搭建静态页面的正确思路是什么？
• 03｜Style：关于样式你需要知道的三件事
• 04｜State：如何让页面“动”起来？
• 05｜Image：选择适合你的图片加载方式
• 06｜Pressable：如何实现一个体验好的点按组件？
• 07｜TextInput：如何实现一个体验好的输入框？
• 08｜List：如何实现高性能的无限列表？
• 09｜Fast Refresh：提高UI调试效率神器
• 10｜Debug：解决BUG思路有哪些？
• 11｜组件实战：如何实现瀑布流？
• 12｜页面实战：如何搭建一个电商首页？
• 直播加餐｜七年，我的跨端实践和探索

课前必读

• 开篇词｜为什么要选择React Native做你的跨端方案？
• 加餐｜集中答疑：详解iOS环境搭建
• 加餐｜集中答疑：详解Android环境搭建

React Native 社区生态篇

• 13｜生态：React Native Awesome
• 14｜Reanimated：如何让动画变得更流畅？
• 15｜Gesture（上）：如何实现一个拖拽动效？
• 16｜Gesture（中）：如何解决单视图多手势的冲突问题？
• 17｜Gesture（下）：如何解决多视图多手势的冲突问题？
• 18｜Navigation：页面之间怎么跳转？
• 19｜Redux：大型应用应该如何管理状态？
• 20｜Sentry：线上错误与性能监控怎么处理？

React Native 基础设施建设篇

• 21｜混合应用：如何从零开始集成React Native？
• 22｜自定义组件：如何满足业务的个性化需求？
• 23｜热更新：如何搭建一个热更新平台？
• 24｜拆包：Metro拆包的工作原理是什么？
• 25｜性能优化：如何设计一个合适的性能优化方案？
• 26｜客户端优化：如何把性能提升到极致？

阶段总结

• 阶段测试｜React Native的这些核心知识，你都掌握了吗？
• 总结与展望｜新架构探索之旅，马上开始

React Native 新架构原理篇

• 27｜跨端的机遇：小程序、Flutter和React Native原理对比
• 28｜追本溯源：从第一版React Native开始学会读懂源码
• 29｜弄清现状：新架构预览版究竟长什么样？
• 30｜JavaScript引擎：双向通讯底层原理是什么？
• 31｜多线程：RN底层是如何保障交互体验的？
• 32｜Fabric：新渲染器的演进之路
• 33｜AI前沿：ChatGPT资料精选集
• 34｜升级收益：这两年React Native都做了哪些升级？
• 35｜自动化：升级0.72新架构的步骤和关键
• 36｜升新不升旧：自定义组件如何升级到新架构？