备案控制台
探索云世界
开发者社区 云计算 文章 正文

react-native注意事项，开发前必读文档

2022-09-26 107
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 笔记

26.png

1. 平台区别

组件文件区别
index.js        -> index.rn.js
index.scss  -> index.rn.scss
路由页面区别 <请避免使用>
index.js    -> index.android.js   index.ios.js
index.scss  -> index.android.scss   index.ios.scss
scss 行rn忽略
/*postcss-pxtransform rn eject enable*/   
white-space: nowrap;
/*postcss-pxtransform rn eject disable*/
js 里特殊判断
process.env.TARO_ENV === "rn"

2. 样式处理及不同点

27.png28.png


3. 特殊注意点

29.png30.png




关键词：
React Native开发
react.js文档
react.js开发
React Native注意事项
欧阳呀
目录
相关文章
叫个什么名字
|
2月前
|
开发框架 前端开发 JavaScript
从零开始学习React Native开发
React Native是一种基于React框架的移动端开发框架，使用它可以快速地构建出高性能、原生的移动应用。本文将从零开始，介绍React Native的基础知识和开发流程，帮助读者快速入门React Native开发，并实现一个简单的ToDo应用程序。
叫个什么名字
36 2
龙大吉
|
1月前
|
JavaScript 前端开发 算法
js开发：请解释什么是虚拟DOM（virtual DOM），以及它在React中的应用。
虚拟DOM是React等前端框架的关键技术，它以轻量级JavaScript对象树形式抽象表示实际DOM。当状态改变，React不直接操作DOM，而是先构建新虚拟DOM树。通过高效diff算法比较新旧树，找到最小变更集，仅更新必要部分，提高DOM操作效率，降低性能损耗。虚拟DOM的抽象特性还支持跨平台应用，如React Native。总之，虚拟DOM优化了状态变化时的DOM更新，提升性能和用户体验。
龙大吉
23 0
答神~
|
3月前
|
前端开发 JavaScript API
【第54期】一文读懂React文档
【第54期】一文读懂React文档
答神~
40 1
答神~
|
3月前
|
存储 移动开发 前端开发
【第35期】一文学会React-Router开发权限
【第35期】一文学会React-Router开发权限
答神~
44 0
qq_734449600
|
4月前
|
前端开发 数据库 Docker
一款可以直接使用的招聘网站, react django开发招聘网站，docker 部署
一款可以直接使用的招聘网站, react django开发招聘网站，docker 部署
qq_734449600
50 0
小周sir
|
4天前
|
前端开发 API 开发者
React这些新特性在开发效率上有哪些改进
【4月更文挑战第18天】React 18 提升开发效率，引入新Root API `createRoot`优化挂载，支持渐进式升级，减少迁移成本。新增性能工具如Profiler API和Concurrent Mode，自动化批处理提高性能，减少重渲染。服务器组件优化加载速度，减轻客户端负担。开发者可更高效构建和优化React应用。
小周sir
71 6
小周sir
|
16天前
|
前端开发 JavaScript
React生命周期方法在实际开发中的应用场景有哪些？
【4月更文挑战第6天】 React 生命周期方法应用于数据获取、订阅管理、渲染逻辑处理、用户交互响应、性能优化、资源清理、强制更新、错误处理、动画实现、代码分割、服务端渲染、路由处理、依赖注入和集成第三方库。它们帮助控制组件行为和性能，但现代开发推荐使用Hooks替代部分生命周期方法。
小周sir
14 0
李杰-@yd
|
22天前
|
JSON API 网络架构
FastAPI+React全栈开发13 FastAPI概述
FastAPI是一个高性能的Python Web框架，以其快速编码和代码清洁性著称，减少了开发者错误。它基于Starlette（一个ASGI框架）和Pydantic（用于数据验证）。Starlette提供了WebSocket支持、中间件等功能，而Pydantic利用Python类型提示在运行时进行数据验证。类型提示允许在编译时检查变量类型，提高开发效率。FastAPI通过Pydantic创建数据模型，确保数据结构的正确性。FastAPI还支持异步I/O，利用Python 3.6+的async/await关键词和ASGI，提高性能。此外，
李杰-@yd
33 0
历年考试不作弊
|
2月前
|
存储 前端开发 JavaScript
从零开始学习React Native开发
【2月更文挑战第1天】React Native是一种跨平台的移动应用程序框架，可以使用JavaScript和React来构建Android和iOS应用程序。本文将带您从零开始学习React Native开发，涵盖了基础知识、组件、样式、布局、API等方面。
历年考试不作弊
28 0
答神~
|
3月前
|
前端开发 JavaScript API
React 生态系统：路由、状态管理、调试、测试、组件库、文档……
React 生态系统：路由、状态管理、调试、测试、组件库、文档……
答神~
41 0

热门文章

最新文章

  • 1
    发现了一款宝藏学习项目，包含了Web全栈的知识体系，JS、Vue、React知识就靠它了！
  • 2
    【React】React原理面试题集锦
  • 3
    怎么学习React 18 进行项目开发？
  • 4
    React这些新特性在开发效率上有哪些改进
  • 5
    详解React与Vue的性能对比
  • 6
    FastAPI+React全栈开发13 FastAPI概述
  • 7
    如何在React中监听键盘事件
  • 8
    使用React Hooks实现简单的计数器应用
  • 9
    如何学习react
  • 10
    React：JSX语法入门
  • 1
    探索前端框架React Hooks的优势与应用
    10
  • 2
    React这些新特性在开发效率上有哪些改进
    71
  • 3
    怎么学习React 18 进行项目开发？
    84
  • 4
    使用React Hooks实现简单的计数器应用
    28
  • 5
    深入理解 React 中的 Context（二）useContext、createContext
    14
  • 6
    【边做边学】React Hooks （二）——useEffect Hook
    18
  • 7
    深入了解 React 中的 Ref：不是魔法，是超级工具
    24
  • 8
    深入解析 React-i18next：在 React 中实现国际化（二）
    17
  • 9
    深入解析 React-i18next：在 React 中实现国际化（一）
    24
  • 10
    【掰开揉碎】React Router——React应用导航（二）
    12

    • 相关课程

    更多
  • React 入门与实战
  • React 入门教程开发文档
  • 前端开发框架Bootstrap使用教程
  • Vue.js完全自学手册图文教程
  • JavaScript 自学手册文档教程
  • Vue.js 入门与实战

    • 相关电子书

    更多
  • 利用编译将 Vue 组件转成 React 组件
  • React Native 全量化实践
  • React在大型后台管理项目中的工程实践

    • 相关实验场景

    更多
  • 语言入门-1：环境构建
  • 前端开发基础6：Node.js和LESS预编译工具
  • 前端开发基础1：前端开发环境的安装和配置
  • 零基础入门Serverless：TodoList应用创建
  • 函数计算入门-HelloWorld应用开发
  • 搭建Node.js编程环境
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）