13|生态:React Native Awesome
- 深入了解
- 翻译
- 解释
- 总结
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-178 - 若川老师列举的学习资料很有参考价值! 其中ts列举的是我熟知的社区活跃的阿宝哥的文章~
作者回复: 看了很多篇,他写的最好
2022-04-2821 - 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-301
- chenzesamweekly 系列都挺好的。2022-05-10