React Native实战指南：5大核心技能打造小红书级APP

 1. 从零构建完整的React Native知识体系 
本课程采用阶梯式教学法，从开发环境搭建到项目发布形成完整闭环。学员将系统掌握RN核心组件如ScrollView、FlatList的应用，深入理解StyleSheet样式系统与PixelRatio像素适配技巧。动画章节特别涵盖9种高阶动画实现方案，包括衰减动画、弹性动画等企业级交互效果的开发实战。 

 2. TypeScript与性能优化深度解析 
TypeScript模块详细讲解基础类型、函数类型到命名空间的进阶应用，帮助开发者构建类型安全的项目架构。在性能优化方面，课程独创性地将memo机制细分为组件拦截、计算结果缓存等5种实战场景，配合Hermes引擎调优方案，显著提升APP运行效率。 

 3. 高阶组件与原生桥接技术突破 
通过Context上下文和HOC高阶组件的对比教学，深入讲解组件解耦的两种范式。原生桥接章节包含4种核心技术：常量获取、方法调用、原子组件封装到容器组件通信，每个技术点均配有小红书项目中的真实应用案例，如相册模块的Native扩展实现。 

 4. 商业级项目全流程实战 
小红书APP克隆项目覆盖18个功能模块开发：从TabBar定制、瀑布流布局到嵌套评论系统。特别包含： 

- 基于Mobx的状态管理方案 

- Axios网络请求二次封装 

- 频道编辑的动态拖拽实现 

- 商品列表的无缝搜索切换 

每个功能模块都配套TypeScript类型定义文件，培养工程化开发思维。 

 5. 生产环境专项优化方案 
课程独创热修复专题，完整演示Pushy模块从集成到补丁发布的6大关键步骤。发布环节详解安卓签名配置、资源优化等注意事项，特别分享React Native应用上架主流应用市场的审核要点与规避方案。 

本课程通过146节实操视频，将React Native开发拆解为可复用的技能模块，既包含基础组件的创意应用，又涵盖memo优化等进阶技巧，更通过商业项目演示完整工作流程，是掌握跨平台开发的高效学习路径。

资源目录列表：

├─xs829
│  ├─RN从0到1系统精讲与小红书APP实战（2023版）106094
│  │  ├─{1}--第1章【课程介绍】把握整套课程知识结构和大纲
│  │  │  ├─[1.1]--1-1课程导学.mp4
│  │  │  ├─[1.2]--1-2课程大纲介绍，从整体上了解本套课程的学习内容.mp4
│  │  │  ├─[1.3]--1-3课程知识导图展示，从框架上把握课程知识结构.mp4
│  │  │  ├─[1.4]--1-4课程代码，及资料下载方法.mp4
│  │  ├─{10}--第10章【小试牛刀-练习项目，账号密码本】巩固强化基础阶段知识
│  │  │  ├─[10.1]--10-1练习项目账号管理-演示与分析.mp4
│  │  │  ├─[10.10]--10-10本章小节.mp4
│  │  │  ├─[10.2]--10-2初始化项目和页面框架.mp4
│  │  │  ├─[10.4]--10-4使用UUID和AsyncStorage保存账号数据.mp4
│  │  │  ├─[10.5]--10-5绘制账号列表ui.mp4
│  │  │  ├─[10.6]--10-6账号列表实现展开收起功能.mp4
│  │  │  ├─[10.7]--10-7添加账号后实时刷新列表.mp4
│  │  │  ├─[10.8]--10-8实现账号列表细节交互.mp4
│  │  │  ├─[10.9]--10-9项目打包发布.mp4
│  │  │  ├─10-3自定义封装添加账号弹窗.mp4
│  │  ├─{11}--第11章【练兵场-TypeScript快速进阶】掌握企业级开发的
│  │  │  ├─[11.2]--11-2TypeScript安装和项目配置.mp4
│  │  │  ├─[11.3]--11-3number、string、boolean三大基础类型.mp4
│  │  │  ├─[11.4]--11-4数组、元组、枚举类型的使用.mp4
│  │  │  ├─[11.5]--11-5函数类型.mp4
│  │  │  ├─[11.6]--11-6类型文件和命名空间.mp4
│  │  │  ├─[11.7]--11-7课后作业和本章总结.mp4
│  │  │  ├─11-1TypeScript介绍和优势.mp4
│  │  ├─{12}--第12章【进阶学习-Context上下文】深刻理解解耦的精髓
│  │  │  ├─[12.1]--12-1Context上下文介绍和演示.mp4
│  │  │  ├─[12.2]--12-2Context实例演示应用主题配置.mp4
│  │  │  ├─[12.3]--12-3Context内容小结.mp4
│  │  ├─{13}--第13章【进阶学习-HOC高阶组件】掌握高阶组件强大的解耦和封装
│  │  │  ├─[13.1]--13-1HOC高阶组件介绍.mp4
│  │  │  ├─[13.2]--13-2HOC高阶组件案例演示1.mp4
│  │  │  ├─[13.3]--13-3HOC高阶组件案例演示2.mp4
│  │  │  ├─[13.4]--13-4课后作业和本章小结.mp4
│  │  ├─{14}--第14章【高手必学-memo与性能优化】掌握几种必备的memo应
│  │  │  ├─[14.1]--14-1memo与性能优化函数式组件和class组件拦截多余渲染.mp4
│  │  │  ├─[14.2]--14-2使用useMemo缓存计算结果.mp4
│  │  │  ├─[14.3]--14-3useMemo缓存ui以及useCallback缓存回调.mp4
│  │  │  ├─[14.4]--14-4Hermes引擎.mp4
│  │  │  ├─[14.5]--14-5本章小结.mp4
│  │  ├─{15}--第15章【高手必学-ref转发】具备更强的自定义组件能力
│  │  │  ├─[15.1]--15-1Ref转发案例演示1外层操作原始组件.mp4
│  │  │  ├─[15.2]--15-2Ref转发案例演示2对外暴露api.mp4
│  │  │  ├─15-3课后作业和本章小结.mp4
│  │  ├─{16}--第16章【高手必学-桥接原生】精通4种桥接方式，让RN能力无限延
│  │  │  ├─[16.10]--16-10课后作业和本章小结.mp4
│  │  │  ├─[16.2]--16-2桥接原生实现JS调用原生方法.mp4
│  │  │  ├─[16.4]--16-4桥接原生原子组件实现原生组件.mp4
│  │  │  ├─[16.5]--16-5桥接原生原子组件JS层调用原生组件.mp4
│  │  │  ├─[16.6]--16-6桥接原生原子组件封装原生组件属性.mp4
│  │  │  ├─[16.7]--16-7桥接原生原子组件原生事件回调.mp4
│  │  │  ├─[16.8]--16-8桥接原生原子组件原生组件公开api给JS调用.mp4
│  │  │  ├─[16.9]--16-9桥接原生容器组件.mp4
│  │  │  ├─16-1桥接原生介绍.mp4
│  │  │  ├─16-3桥接原生实现JS层获取原生常量.mp4
│  │  ├─{17}--第17章项目实战仿写小红书App【需求宣讲和前期准备】
│  │  │  ├─[17.1]--17-1实战仿写小红书App实战项目指导大纲.mp4
│  │  │  ├─[17.2]--17-2实战仿写小红书App功能演示和需求梳理.mp4
│  │  │  ├─[17.3]--17-3实战仿写小红书App项目初始化和资源准备.mp4
│  │  │  ├─[17.4]--17-4实战仿写小红书App导入并配置TypeScript和As.mp4
│  │  ├─{18}--第18章项目实战仿写小红书App【路由管理和欢迎登陆页面】
│  │  │  ├─[18.1]--18-1实战仿写小红书App路由管理安装和介绍.mp4
│  │  │  ├─[18.2]--18-2实战仿写小红书App构建导航栈并测试核心Api.mp4
│  │  │  ├─[18.3]--18-3实战仿写小红书App实现欢迎页面和快捷登陆页面.mp4
│  │  │  ├─[18.4]--18-4实战仿写小红书App实现账号密码登陆页面.mp4
│  │  │  ├─[18.5]--18-5实战仿写小红书App欢迎登陆首页三连跳.mp4
│  │  │  ├─[18.6]--18-6实战仿写小红书App登陆页面交互细节优化.mp4
│  │  ├─{19}--第19章实战项目-项目实战仿写小红书App【服务端接口与网络请求
│  │  │  ├─[19.1]--19-1实战仿写小红书App-nodejs服务介绍及使用方法.mp4
│  │  │  ├─[19.2]--19-2实战仿写小红书App-封装Axios请求.mp4
│  │  │  ├─[19.3]--19-3实战仿写小红书App-封装接口配置.mp4
│  │  │  ├─[19.4]--19-4实战仿写小红书App-拦截接口响应.mp4
│  │  │  ├─[19.5]--19-5实战仿写小红书App-使用Mobx和缓存实现完整登陆流程.mp4
│  │  ├─{2}--第2章【学前准备】了解ReactNative优势和本套课程的学习
│  │  │  ├─[2.1]--2-1跨平台的优势和机遇，在移动端内卷的当下，只有跨平台才能破局.mp4
│  │  │  ├─[2.2]--2-2各种跨平台方案的百家争鸣.mp4
│  │  │  ├─[2.3]--2-3ReactNative和Flutter的比较，客观比较两者.mp4
│  │  │  ├─[2.4]--2-4学习ReactNative的优势，增强学习本套课程的信心.mp4
│  │  │  ├─[2.5]--2-5ReactNative大厂级应用.mp4
│  │  │  ├─[2.6]--2-6本套课程的学习目标.mp4
│  │  ├─{20}--第20章实战项目-项目实战仿写小红书App【构建应用自定义主Ta
│  │  │  ├─[20.1]--20-1实战仿写小红书App-构建基础底部Tab.mp4
│  │  │  ├─[20.2]--20-2实战仿写小红书App-自定义底部TabBar样式.mp4
│  │  │  ├─[20.3]--20-3实战仿写小红书App-集成相册选择模块.mp4
│  │  ├─{21}--第21章实战项目-高仿商业级小红书App【构建应用首页瀑布流列表
│  │  │  ├─[21.1]--21-1实战仿写小红书App-搭建首页框架.mp4
│  │  │  ├─[21.2]--21-2实战仿写小红书App-实现列表显示和分页加载.mp4
│  │  │  ├─[21.3]--21-3实战仿写小红书App-实现瀑布流布局.mp4
│  │  │  ├─[21.4]--21-4实战仿写小红书App-自定义Heart实现点赞特效.mp4
│  │  │  ├─[21.5]--21-5实战仿写小红书App-封装TitleBar组件.mp4
│  │  │  ├─[21.6]--21-6实战仿写小红书app-封装CategoryList频道组.mp4
│  │  │  ├─[21.7]--21-7实战仿写小红书App-自定义频道编辑弹窗.mp4
│  │  │  ├─[21.8]--21-8实战仿写小红书App-实现频道编辑数据修改.mp4
│  │  │  ├─[21.9]--21-9实战仿写小红书App-Toast和Loading小工具.mp4
│  │  ├─{22}--第22章实战项目-高仿商业级小红书App【实现文章详情及评论区展
│  │  │  ├─[22.1]--22-1实战仿写小红书App-文章详情页面框架搭建.mp4
│  │  │  ├─[22.2]--22-2实战仿写小红书App-实现详情图片浏览.mp4
│  │  │  ├─[22.4]--22-4实战仿写小红书App-嵌套评论列表1.mp4
│  │  │  ├─[22.5]--22-5实战仿写小红书App-嵌套评论列表2.mp4
│  │  │  ├─[22.6]--22-6实战仿写小红书App-嵌套评论列表3.mp4
│  │  │  ├─22-3实战仿写小红书App-基本信息编写.mp4
│  │  ├─{23}--第23章实战项目-高仿商业级小红书App【实现购物列表及搜索无缝
│  │  │  ├─[23.2]--23-2实战仿写小红书App-顶部Top10品类.mp4
│  │  │  ├─23-1实战仿写小红书App-实现商品列表.mp4
│  │  │  ├─23-3实战仿写小红书App-实现无缝搜索切换.mp4
│  │  ├─{24}--第24章项目实战仿写小红书App【实现消息页面及气泡展示】
│  │  │  ├─[24.1]--24-1实战仿写小红书App-实现消息列表头部.mp4
│  │  │  ├─[24.2]--24-2实战仿写小红书App-实现消息列表展示.mp4
│  │  │  ├─[24.3]--24-3实战仿写小红书App-实现悬浮菜单效果.mp4
│  │  ├─{25}--第25章项目实战仿写小红书App【实现我的页面及侧拉菜单】icl
│  │  │  ├─[25.1]--25-1实战仿写小红书App-我的页面头部信息-1.mp4
│  │  │  ├─[25.2]--25-2实战仿写小红书App-我的页面头部信息-2.mp4
│  │  │  ├─[25.3]--25-3实战仿写小红书App-动态高度和Tab切换.mp4
│  │  │  ├─[25.5]--25-5实战仿写小红书App-实现侧拉菜单1.mp4
│  │  │  ├─[25.6]--25-6实战仿写小红书App-侧拉菜单与动效2.mp4
│  │  │  ├─25-4实战仿写小红书App-列表渲染和空元素.mp4
│  │  │  ├─25-7实战仿写小红书App-登陆流程闭环.mp4
│  │  ├─{26}--第26章项目实战仿写小红书App【项目发布与热修复实践】icla
│  │  │  ├─[26.1]--26-1热修复技术应用-RN热修复两大框架介绍.mp4
│  │  │  ├─[26.2]--26-2热修复技术应用-安装Pushy模块与创建应用.mp4
│  │  │  ├─[26.3]--26-3热修复技术应用-代码集成热修复加载流程.mp4
│  │  │  ├─[26.4]--26-4热修复技术应用-发布补丁并成功加载.mp4
│  │  │  ├─[26.5]--26-5热修复技术应用-6处流程细节优化.mp4
│  │  ├─{27}--第27章课程总结与未来展望iclass=new_tagi
│  │  │  ├─[27.1]--27-1课程总结与未来展望.mp4
│  │  ├─{3}--第3章【开发环境搭建和demo运行】为正式学习做好前期准备
│  │  │  ├─[3.1]--3-1开发环境介绍：JS端环境+Native端环境.mp4
│  │  │  ├─[3.2]--3-2安装node和watchman.mp4
│  │  │  ├─[3.3]--3-3安装VSCode.mp4
│  │  │  ├─[3.4]--3-4安装JDK和AndroidStudio.mp4
│  │  │  ├─[3.5]--3-5安装sdkplatform和sdktools.mp4
│  │  │  ├─[3.6]--3-6配置环境变量.mp4
│  │  │  ├─[3.7]--3-7AndroidStudio创建模拟器，及m1芯片创建方法.mp4
│  │  │  ├─[3.8]--3-8使用cli命令创建ReactNative工程，并启动运行.mp4
│  │  ├─{4}--第4章为“原生开发”同学补充前端基础
│  │  │  ├─[4.1]--4-1了解什么是ES5、ES6，掌握ES6常用的一些方法.mp4
│  │  │  ├─[4.2]--4-2了解什么是babel以及常见的配置.mp4
│  │  │  ├─[4.3]--4-3学习CSS-flex布局基础，为后面正式学习rn布局打下基.mp4
│  │  │  ├─[4.4]--4-4npm是什么？npm如何检索、安装和卸载.mp4
│  │  │  ├─[4.5]--4-5使用nrm管理npm源.mp4
│  │  ├─{5}--第5章为“前端开发”同学补充原生基础
│  │  │  ├─[5.1]--5-1如何连接安卓设备以及开发中常用的adb命令.mp4
│  │  │  ├─[5.2]--5-2移动端ui结构和设备特性.mp4
│  │  │  ├─[5.3]--5-3RN开发中常见的原生文件.mp4
│  │  │  ├─[5.4]--5-4RN和原生组件对应关系.mp4
│  │  │  ├─[5.5]--5-5原生开发语言选择.mp4
│  │  │  ├─[5.6]--5-6移动端应用发布及主流的应用市场.mp4
│  │  │  ├─[5.7]--5-7移动端特有的生产热修复机制和应用场景.mp4
│  │  │  ├─[5.8]--5-8移动端设备的版本兼容选择.mp4
│  │  ├─{6}--第6章【React基础知识和工程结构】掌握核心文件的用法和职能
│  │  │  ├─[6.1]--6-1工程目录结构，了解关键文件作用.mp4
│  │  │  ├─[6.2]--6-2构建通用源码目录结构，好的工程从模块划分开始.mp4
│  │  │  ├─[6.3]--6-3package.json全局大管家文件.mp4
│  │  │  ├─[6.4]--6-4import和export，三种导入导出类型.mp4
│  │  │  ├─[6.5]--6-5class组件的标准写法和生命周期.mp4
│  │  │  ├─[6.6]--6-6函数式组件的优势和常用hook.mp4
│  │  │  ├─[6.7]--6-7JSX语法：高效开发源自于此.mp4
│  │  │  ├─[6.8]--6-8课后练习：RN计数器.mp4
│  │  │  ├─[6.9]--6-9作业答疑.mp4
│  │  ├─{7}--第7章【夯实基础－系统组件精讲】全面掌握系统组件的使用方法以及各
│  │  │  ├─[7.1]--7-1章节内容介绍.mp4
│  │  │  ├─[7.10]--7-10Button使用简单但样式固定.mp4
│  │  │  ├─[7.12]--7-12ScrollView基础滚动组件.mp4
│  │  │  ├─[7.13]--7-13FlatList高性能列表组件.mp4
│  │  │  ├─[7.14]--7-14SectionList多类型分组列表.mp4
│  │  │  ├─[7.15]--7-15RefreshControl下拉刷新.mp4
│  │  │  ├─[7.16]--7-16Modal自定义弹窗.mp4
│  │  │  ├─[7.17]--7-17StatusBar适配状态栏.mp4
│  │  │  ├─[7.18]--7-18Switch开关切换.mp4
│  │  │  ├─[7.19]--7-19课后作业个人信息页面练习.mp4
│  │  │  ├─[7.20]--7-20作业答疑.mp4
│  │  │  ├─[7.3]--7-3Text使用占比最高的组件，使用简单，深入复杂.mp4
│  │  │  ├─[7.4]--7-4Image构建精美ui.mp4
│  │  │  ├─[7.5]--7-5ImageBackground-View和Image的结合.mp4
│  │  │  ├─[7.6]--7-6TextInput唯一且强大的输入组件.mp4
│  │  │  ├─[7.7]--7-7TouchableOpacity最好用的点击组件.mp4
│  │  │  ├─[7.8]--7-8TouchableHighlight使用略显麻烦的点击组件.mp4
│  │  │  ├─[7.9]--7-9TouchbaleWithoutFeedback几乎不用的.mp4
│  │  │  ├─7-11强大的Pressable.mp4
│  │  │  ├─7-2View：ui构建的基石，一切页面的起点.mp4
│  │  ├─{8}--第8章【夯实基础-常用API】深刻理解RN核心API的功能
│  │  │  ├─[8.1]--8-1章节内容介绍.mp4
│  │  │  ├─[8.10]--8-10Vibration简单好用的震动交互.mp4
│  │  │  ├─[8.11]--8-11ToastAndroid安卓平台的提示.mp4
│  │  │  ├─[8.12]--8-12Transform矩阵变换的伪3D效果.mp4
│  │  │  ├─[8.13]--8-13Keyboard键盘操作有神器.mp4
│  │  │  ├─[8.14]--8-14课后作业和本章小结.mp4
│  │  │  ├─[8.2]--8-2alert和console你不知道的调试小技巧.mp4
│  │  │  ├─[8.4]--8-4Platform获取平台属性.mp4
│  │  │  ├─[8.5]--8-5StyleSheet构建灵活样式表.mp4
│  │  │  ├─[8.6]--8-6Linking一个api节省50行代码.mp4
│  │  │  ├─[8.7]--8-7PixelRatio像素比例工具.mp4
│  │  │  ├─[8.8]--8-8BackHandler安卓返回键适配.mp4
│  │  │  ├─[8.9]--8-9PermissionsAndroid轻松解决权限问题.mp4
│  │  │  ├─8-3Dimension和useWindowDimension获取屏幕信息.mp4
│  │  ├─{9}--第9章【夯实基础-RN动画系统】全面掌握RN动画所有技巧，挑战9
│  │  │  ├─[9.1]--9-1简单示例学习基础动画方法.mp4
│  │  │  ├─[9.10]--9-10跟随动画延迟难题.mp4
│  │  │  ├─[9.11]--9-11自定义Modal背景动画.mp4
│  │  │  ├─[9.12]--9-12LayoutAnimation超级简单又强大的布局动画.mp4
│  │  │  ├─[9.13]--9-13课后作业练习.mp4
│  │  │  ├─[9.14]--9-14内容小结.mp4
│  │  │  ├─[9.2]--9-2四大动画类型.mp4
│  │  │  ├─[9.3]--9-3六种支持动画的组件.mp4
│  │  │  ├─[9.4]--9-4平移动画的多种属性支持.mp4
│  │  │  ├─[9.5]--9-5Animated.decay衰减动画函数.mp4
│  │  │  ├─[9.6]--9-6Animated.spring弹性动画函数.mp4
│  │  │  ├─[9.7]--9-7Animated.timing时间动画函数.mp4
│  │  │  ├─[9.8]--9-8Animated.ValueXY矢量动画.mp4
│  │  │  ├─[9.9]--9-9四种组合动画.mp4
│  │  ├─课件.zip