React Native 新架构实战课
蒋宏伟
58 同城前端架构师,58RN 负责人
18214 人已学习
新⼈⾸单¥59
登录后,你可以任选4讲全文学习
课程目录
已完结/共 42 讲
React Native 新架构实战课
15
15
1.0x
00:00/00:00
登录|注册

13|生态:React Native Awesome

你好,我是蒋宏伟。
上一个模块我和你介绍的是 React Native 的基础知识,通过核心基础篇 12 讲的学习,你现在是否达成学习目标,可以搭建一个简单的 React Native 页面了呢?
接下来,在社区生态篇这个模块中,我们将要再进一步,学习搭建一个完整的 React Native 应用。但在搭建 React Native 应用的过程中,除了 React Native 本身的知识,我们还需要用到很多 React Native 生态中的知识和工具。
不过,React Native 生态是一个非常庞大的概念,我没有办法只用六讲,就把其中所有的知识点都讲透彻。但用更多的篇幅去讲,效果也不一定好,很多知识是用到的时候才需要去深入学习的,在此之前你只需要知道这些知识大概是干什么用的就可以了。真正用到的时候,一边实践一边学习的效果会更好。
因此,这一讲的目的不是告诉你,你还要学什么,而是告诉你,你可能会用到什么。只要在你需要的时候,你还能想到,还有这样一个技术能够解决你的问题,那今天这一讲的目的就达到了。
另外,我们这一讲采用的是 GitHub 社区 Awesome 的形式,为你推荐一些我精选的参考资料。参考资料中,有很多都是英文的,我知道你会觉得很难啃,但相信我,这些一手的英语资料能给你带来更大的帮助。
确认放弃笔记?
放弃后所记笔记将不保留。
新功能上线,你的历史笔记已初始化为私密笔记,是否一键批量公开?
批量公开的笔记不会为你同步至部落
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线
笔记
复制
AI
  • 深入了解
  • 翻译
    • 英语
    • 中文简体
    • 中文繁体
    • 法语
    • 德语
    • 日语
    • 韩语
    • 俄语
    • 西班牙语
    • 阿拉伯语
  • 解释
  • 总结

React Native生态是一个广泛的领域,涉及React Native整体认知、JavaScript/Typescript和React开发框架。本文提供了学习React Native所需的相关资料和学习路径,包括React Native快速入门、JavaScript学习、TypeScript学习和React学习的相关资料。此外,还涵盖了项目工程中的技术选型、包管理、状态管理和自动化测试,以及样式和组件的学习。在技术选型方面,文章提到了脚手架、包管理、状态管理和自动化测试的选择,以及React Native中的样式工具和组件库。此外,还介绍了核心组件、路由、手势和动画的解决方案,以及一些国内常用的组件。总的来说,本文为读者提供了全面的学习指南,帮助读者快速了解并入门React Native开发。文章还强调了学习过程中不应对“中文”、“英文”资料有语言偏好,而是应该偏好“权威的”资料,以建立正确的基准认知。文章鼓励读者接触英文资料,以便获取最前沿的知识。通过本文,读者可以获得全面的技术广度,建立正确的基准认知,并快速提升技术能力。

仅可试看部分内容,如需阅读全部内容,请付费购买文章所属专栏
《React Native 新架构实战课》
新⼈⾸单¥59
立即购买
登录 后留言

全部留言(7)

  • 最新
  • 精选
  • dao
    老师分享了很好的 RN 的实践技术栈。 我也找了些我学习的资料分享: https://javascript.info/ (中英文) react hooks - useeffect https://overreacted.io/a-complete-guide-to-useeffect/ (中英文) 下面几个英文的 https://kentcdodds.com/ https://dmitripavlutin.com/ https://mobisoftinfotech.com/resources/blog/best-react-tutorials/ https://egghead.io/q/graphql-and-javascript-and-react-and-typescript 极客时间的几个课程也蛮好: 前端、typescript、react 。 技术英文相对简单,英文可能不那么重要,但好的英文阅读能力绝对是有助于拓展学习和了解技术前沿。(毕竟说中文的人口不到1/5) 另外,别忙着学习框架/组件,会永远学不完,要思考框架/组件解决了什么和怎么解决的。

    作者回复: 点赞👍

    2022-05-17
    8
  • 若川
    老师列举的学习资料很有参考价值! 其中ts列举的是我熟知的社区活跃的阿宝哥的文章~

    作者回复: 看了很多篇,他写的最好

    2022-04-28
    2
    1
  • Forest
    老师,最近做RN开发遇到一些问题,烦请老师指点迷津。 1、沉浸式导航、非沉浸式导航页面跳转的时候页面抖动 2、在使用react-native-webview的时候,直接渲染html在部分机型(荣耀 magic2)中持续上下抖动,当加载url网页的时候,因为网页内容高度不固定,所以就会导致瞬间滚动(原因是:进入页面后滑到底部,如果webview中的内容还没有加载完成就会出现这种情况)

    作者回复: 1. 没看你具体的代码,只能根据经验盲猜了。 在我们内部是 Native&RN 混合应用,有两种更新 statusbar 的方案,一种是在跳转协议中由 Native 同步设置,另一种是通过页面 StatuaBar 组件异步设置。同步设置不会抖动,页面渲染出来后异步设置会抖动。 2. 没有遇到过,建议用 Flipper 和 Chrome/Safari 远程调试功能,确定一下具体布局高度,看下是不是高度有问题。

    2022-05-18
  • woJA1wCgAA0KlkYM2ua-rXEtkJvL7...
    老师,最近我们想接RN,重构了一个模块,cookie方面遇到些问题,原生传给RN容器一个token,用了 react-native-cookie 这个库,RNCookie.set(baseUrl, token, 'asd').then(() => { 请求列表数据 })。感觉这样解决cookie的问题不是很好,有没有更好的解决方式。或者原生能直接把RN容器的cookie设置好么?

    作者回复: 1. 原理:cookie 只是 HTTP 请求头中的一个字段而已 2. 不同:RN 和 Web 不同点在于,Web 的 cookie 即是持久化存储方案也是 HTTP 请求字段,RN 的 cookie 没有持久化存储方案。 3. react-native-cookies:它的主要作用是实现持久化存储和发请求时携带 cookie,你可以也不存储直接设置 cookie。 4. 方案:你可以直接通过 React Native 提供的 fetch API 或者第三方库 axios 直接设置。 5. 示例代码: ``` fetch('https://httpbin.org/cookies', { headers: { Cookie: 'xxx=yyy' } }) ```

    2022-04-28
  • 夏目🐳
    你好,手机登录的第三方ask哪个比较流行
    2022-12-18归属地:上海
  • 见字如晤
    react-native数据可视化图表好像三方库都不是很好(弄了很久),请问老师目前业内有成熟的实践吗
    2022-05-30
    1
  • chenzesam
    weekly 系列都挺好的。
    2022-05-10
收起评论
显示
设置
留言
7
收藏
沉浸
阅读
分享
手机端
快捷键
回顶部