React Native指南

React本机 (React Native)

React Native is a cross-platform framework for building mobile applications that can run outside of the browser — most commonly iOS and Android applications

React Native是一个跨平台框架，用于构建可在浏览器外部运行的移动应用程序-最常见的iOS和Android应用程序

It can be used to build applications on Windows devices, desktop OS’s, and Apple TV apps as well but this guide will only be covering its most common purpose — Android and iOS applications.

它也可以用于在Windows设备，台式机操作系统和Apple TV应用程序上构建应用程序，但本指南仅涵盖其最常见的用途-Android和iOS应用程序。

Table of Contents

目录

  • What is React Native?

    什么是React Native？

  • Reasons to choose React Native

    选择React Native的理由

  • How to Get Started with React Native

    如何开始使用React Native

什么是React Native？ (What is React Native?)

React Native falls in-between native and hybrid applications on the mobile app spectrum. The user interface you create is entirely native and the overall application performance is nearly as good as writing a native app.

在移动应用程序范围内，React Native介于本地应用程序和混合应用程序之间。 您创建的用户界面完全是本机的，整体应用程序性能几乎与编写本机应用程序一样好。

It also gives you the flexibility to embed web views (webpages) or native code (Java/Kotlin for Android, Objective C/Swift for iOS) inside your applications wherever you want.

它还使您可以灵活地将Web视图(网页)或本机代码(Android的Java / Kotlin，iOS的Objective C / Swift)嵌入到所需的位置。

It follows the same pattern as React where the views (what you see on the screen) are rendered from the JavaScript files. The difference is that it supplies its own API for handling native mobile views vs the DOM on the web.

它遵循与React相同的模式，其中从JavaScript文件渲染视图(在屏幕上看到的内容)。 不同之处在于，它提供了自己的API来处理本机移动视图，而不是Web上的DOM。

If you are confused about how this works, follow this guide on freeCodeCamp and it will take you step by step through these concepts.

如果您对它的工作方式感到困惑，请遵循freeCodeCamp上的本指南，它将逐步引导您了解这些概念。

选择React Native的理由 (Reasons to choose React Native)

  1. Code reusability — It uses one code based that is shared between both platforms.

    代码可重用性 -它使用一种基于代码的代码，在两个平台之间共享。

  2. Reuse web tools and skills — Reuse JavaScript knowledge, tools and utilities like axios, Redux, and other libraries that don’t require the DOM from the web.

    重用Web工具和技能 -重用JavaScript知识，工具和实用程序，例如axios ，Redux和其他不需要Web DOM的库。

  3. Optimized for developer productivity — Comes with features like hot/live module reloading and chrome developer tools for debugging out of the box!

    针对开发人员的生产力进行了优化 -带有热/实时模块重新加载功能以及用于调试的chrome开发人员工具等功能！

  4. Performance — Performs better than hybrid application frameworks like Ionic and Cordova since it is not using web views.

    性能 —由于未使用Web视图，因此其性能比Ionic和Cordova等混合应用程序框架更好。

  5. Corporate backing — Lots of companies support and contribute to React Native including Walmart, Airbnb, Wix, and, of course, Facebook.

    企业支持 -许多公司支持和贡献React Native，包括沃尔玛，Airbnb，Wix，当然还有Facebook。

  6. Community — React Native has a large (and growing) community with over 1500 contributors to the core project and thousands more who contribute to various libraries.

    社区 -React Native拥有一个庞大的社区(并且正在不断发展)，该社区有1500多个贡献者为核心项目，成千上万的人为各种图书馆做出了贡献。

  7. Better user experience — React Native uses the JavaScript code to render native components from your phone’s OS. In other words, the application’s user interface (UI) is entirely native!

    更好的用户体验 -React Native使用JavaScript代码从手机的操作系统渲染本机组件。 换句话说，应用程序的用户界面(UI)完全是本机的！

  8. Cross-Platform - Great way to prototype and save time while building either a universal user interface or platform specific mobile application that can run on both iOS and Android devices.

    跨平台 -在构建可在iOS和Android设备上运行的通用用户界面或特定于平台的移动应用程序时，实现原型和节省时间的好方法。

如何开始使用React Native (How to Get Started with React Native)

There are two quick easy ways to get started with React Native. Depending on your situation, one can be a better option for you.

有两种快速简便的方法可以开始使用React Native。 根据您的情况，一个可能是您更好的选择。

  1. Create React Native App- Similar to Create React App, it gets up and running using the terminal.

    创建React Native应用程序 -与创建React App类似，它使用终端启动并运行。

  2. Expo - Best for prototyping an app or if it is earlier stage. Using Expo you can even create a quick app using drag and drop features from snack.expo.io in the browser.

    博览会 -最适合制作应用原型或处于早期阶段的原型。 使用Expo，您甚至可以使用浏览器中Snack.expo.io的拖放功能来创建快速应用程序。

关于React Native的更多资源： (More resources on React Native:)

  • How to build mobile apps with React Native

    如何使用React Native构建移动应用

  • Functional vs Class Components in React Native

    React Native中的功能与类组件

  • How to test React Native Apps with Jest and Enzyme

    如何使用Jest和Enzyme测试React Native Apps

翻译自: https://www.freecodecamp.org/news/react-native-guide/

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/390802.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

leetcode 1074. 元素和为目标值的子矩阵数量（map+前缀和）

leetcode 1074. 元素和为目标值的子矩阵数量（map+前缀和）

给出矩阵 matrix 和目标值 target&#xff0c;返回元素总和等于目标值的非空子矩阵的数量。 子矩阵 x1, y1, x2, y2 是满足 x1 < x < x2 且 y1 < y < y2 的所有单元 matrix[x][y] 的集合。 如果 (x1, y1, x2, y2) 和 (x1’, y1’, x2’, y2’) 两个子矩阵中部分坐…
阅读更多...
失物招领php_新奥尔良圣徒队是否增加了失物招领？

失物招领php_新奥尔良圣徒队是否增加了失物招领？

失物招领phpOver the past couple of years, the New Orleans Saints’ offense has been criticized for its lack of wide receiver options. Luckily for Saints’ fans like me, this area has been addressed by the signing of Emmanuel Sanders back in March — or has…
阅读更多...
教你分分钟使用Retrofit+Rxjava实现网络请求

教你分分钟使用Retrofit+Rxjava实现网络请求

撸代码之前&#xff0c;先简单了解一下为什么Retrofit这么受大家青睐吧。 Retrofit是Square公司出品的基于OkHttp封装的一套RESTful&#xff08;目前流行的一套api设计的风格&#xff09;网络请求框架。它内部使用了大量的设计模式&#xff0c;以达到高度解耦的目的&#xff1b…
阅读更多...
线程与进程区别

线程与进程区别

一.定义&#xff1a; 进程&#xff08;process&#xff09;是一块包含了某些资源的内存区域。操作系统利用进程把它的工作划分为一些功能单元。 进程中所包含的一个或多个执行单元称为线程&#xff08;thread&#xff09;。进程还拥有一个私有的虚拟地址空间&#xff0c;该空间…
阅读更多...
基本SQL命令-您应该知道的数据库查询和语句列表

基本SQL命令-您应该知道的数据库查询和语句列表

SQL stands for Structured Query Language. SQL commands are the instructions used to communicate with a database to perform tasks, functions, and queries with data.SQL代表结构化查询语言。 SQL命令是用于与数据库通信以执行任务&#xff0c;功能和数据查询的指令。…
阅读更多...
leetcode 5756. 两个数组最小的异或值之和（状态压缩dp）

leetcode 5756. 两个数组最小的异或值之和（状态压缩dp）

题目 给你两个整数数组 nums1 和 nums2 &#xff0c;它们长度都为 n 。 两个数组的 异或值之和 为 (nums1[0] XOR nums2[0]) (nums1[1] XOR nums2[1]) … (nums1[n - 1] XOR nums2[n - 1]) &#xff08;下标从 0 开始&#xff09;。 比方说&#xff0c;[1,2,3] 和 [3,2,1…
阅读更多...
客户细分模型_Avarto金融解决方案的客户细分和监督学习模型

客户细分模型_Avarto金融解决方案的客户细分和监督学习模型

客户细分模型Lets assume that you are a CEO of a company which have some X amount of customers in a city with 1000 *X population. Analyzing the trends/features of your customer and segmenting the population of the city to land new potential customers would …
阅读更多...
用 Go 编写一个简单的 WebSocket 推送服务

用 Go 编写一个简单的 WebSocket 推送服务

用 Go 编写一个简单的 WebSocket 推送服务 本文中代码可以在 github.com/alfred-zhon… 获取。 背景 最近拿到需求要在网页上展示报警信息。以往报警信息都是通过短信&#xff0c;微信和 App 推送给用户的&#xff0c;现在要让登录用户在网页端也能实时接收到报警推送。 依稀记…
阅读更多...
leetcode 231. 2 的幂

leetcode 231. 2 的幂

给你一个整数 n&#xff0c;请你判断该整数是否是 2 的幂次方。如果是&#xff0c;返回 true &#xff1b;否则&#xff0c;返回 false 。 如果存在一个整数 x 使得 n 2x &#xff0c;则认为 n 是 2 的幂次方。 示例 1&#xff1a; 输入&#xff1a;n 1 输出&#xff1a;tr…
阅读更多...
Java概述、环境变量、注释、关键字、标识符、常量

Java概述、环境变量、注释、关键字、标识符、常量

Java语言的特点 有很多小特点&#xff0c;重点有两个开源&#xff0c;跨平台 Java语言是跨平台的 Java语言的平台 JavaSE JavaME--Android JavaEE DK,JRE,JVM的作用及关系(掌握) (1)作用 JVM&#xff1a;保证Java语言跨平台 &#xff0…
阅读更多...
写游戏软件要学什么_为什么要写关于您所知道的（或所学到的）的内容

写游戏软件要学什么_为什么要写关于您所知道的（或所学到的）的内容

写游戏软件要学什么Im either comfortably retired or unemployed, I havent decided which. What I do know is that I am not yet ready for decades of hard-won knowledge to lie fallow. Still driven to learn new technologies and to develop new projects, I see the …
阅读更多...
leetcode 342. 4的幂

leetcode 342. 4的幂

给定一个整数&#xff0c;写一个函数来判断它是否是 4 的幂次方。如果是&#xff0c;返回 true &#xff1b;否则&#xff0c;返回 false 。 整数 n 是 4 的幂次方需满足&#xff1a;存在整数 x 使得 n 4x 示例 1&#xff1a; 输入&#xff1a;n 16 输出&#xff1a;true …
阅读更多...
梯度反传_反事实政策梯度解释

梯度反传_反事实政策梯度解释

梯度反传Among many of its challenges, multi-agent reinforcement learning has one obstacle that is overlooked: “credit assignment.” To explain this concept, let’s first take a look at an example…在许多挑战中&#xff0c;多主体强化学习有一个被忽略的障碍&a…
阅读更多...
三款功能强大代码比较工具Beyond compare、DiffMerge、WinMerge

三款功能强大代码比较工具Beyond compare、DiffMerge、WinMerge

我们经常会遇到需要比较同一文件的不同版本&#xff0c;特别是代码文件。如果人工去对比查看&#xff0c;势必费时实力还会出现纰漏和错误&#xff0c;因此我们需要借助一些代码比较的工具来自动完成这些工作。这里介绍3款比较流行且功能强大的工具。 1. Beyond compare这是一款…
阅读更多...
shell脚本_Shell脚本

shell脚本_Shell脚本

shell脚本In the command line, a shell script is an executable file that contains a set of instructions that the shell will execute. Its main purpose is to reduce a set of instructions (or commands) in just one file. Also it can handle some logic because it…
阅读更多...
大数据与Hadoop

大数据与Hadoop

大数据的定义 大数据是指无法在一定时间内用常规软件工具对其内容进行抓取、管理和处理的数据集合。 大数据的概念–4VXV 1,数据量大&#xff08;Volume&#xff09;2,类型繁多&#xff08;Variety &#xff09;3,速度快时效高&#xff08;Velocity&#xff09;4,价值密度低…
阅读更多...
Arm汇编指令学习

Arm汇编指令学习

ARM指令格式 ARM指令格式解析 opcode: 指令助记符,例如,MOV ,ADD,SUB等等 cond&#xff1a;指令条件码表.下面附一张图 {S}:是否影响CPSR的值. {.W .N}:指令宽度说明符,无论是ARM代码还是Thumb&#xff08;armv6t2或更高版本&#xff09;代码都可以在其中使用.W宽度说明符&…
阅读更多...
facebook.com_如何降低电子商务的Facebook CPM

facebook.com_如何降低电子商务的Facebook CPM

facebook.comWith the 2020 election looming, Facebook advertisers and e-commerce stores are going to continually see their ad costs go up as the date gets closer (if they haven’t already).随着2020年选举的临近&#xff0c;随着日期越来越近&#xff0c;Facebook…
阅读更多...
Python中的If，Elif和Else语句

Python中的If，Elif和Else语句

如果Elif Else声明 (If Elif Else Statements) The if/elif/else structure is a common way to control the flow of a program, allowing you to execute specific blocks of code depending on the value of some data.if / elif / else结构是控制程序流程的常用方法&#x…
阅读更多...
Hadoop安装及配置

Hadoop安装及配置

Hadoop的三种运行模式 单机模式&#xff08;Standalone,独立或本地模式&#xff09;:安装简单,运行时只启动单个进程,仅调试用途&#xff1b;伪分布模式&#xff08;Pseudo-Distributed&#xff09;:在单节点上同时启动namenode、datanode、secondarynamenode、resourcemanage…
阅读更多...
最新文章

Copyright @ 2022~2023