React Native

来自开放百科 - 灰狐
(版本间的差异)
跳转到: 导航, 搜索
(项目)
 
(未显示1个用户的22个中间版本)
第1行: 第1行:
React Native 是一个使用 React 构建本地 App 的框架, 而 React 是一个构建用户界面的 [[JavaScript]] 库。
+
{{SeeWikipedia}}
  
==安装==
+
React Native
 +
 
 +
[[文件:React-Native-logo.png|right|React Native]]
 +
==新闻==
 +
*[https://juejin.im/post/59c58b846fb9a00a3f24eafa React、Jest、Flow 和 Immutable.js 将使用 MIT 许可证] (2017.09.22)
 +
*[https://www.zhihu.com/question/65437198/answer/231564052 如何看待百度要求内部全面停止使用 React / React Native?]
 +
 
 +
==简介==
 +
React Native 是一个使用 [[React.js|React]] 构建本地 App 的框架, 而 React 是一个构建用户界面的 [[JavaScript]] 库。
 +
 
 +
React Native的核心[https://github.com/facebook/react-native/tree/master/React React]使用[[Objective-C]]编写,[https://github.com/facebook/react-native/tree/master/ReactCommon ReactCommon]和Android JNI使用[[C++]]编写,[https://github.com/facebook/react-native/tree/master/ReactAndroid ReactAndroid]使用[[Java]]编写,基础库[https://github.com/facebook/react-native/tree/master/Libraries Libraries]使用[[JavaScript]]编写。
 +
 
 +
React Native 支持[[WebSocket]],这种协议可以在单个 TCP 连接上提供全双工的通信信道。
 +
 
 +
==指南==
 
  curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.26.1/install.sh | bash
 
  curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.26.1/install.sh | bash
 
  nvm install iojs-v2 && nvm alias default iojs-v2
 
  nvm install iojs-v2 && nvm alias default iojs-v2
第8行: 第22行:
 
  npm install -g react-native-cli
 
  npm install -g react-native-cli
 
  react-native init AwesomeProject
 
  react-native init AwesomeProject
 +
npm start
 +
xcrun simctl list devices
 +
react-native run-ios --simulator="iPhone 6s"
 +
 +
==问题==
 +
xcrun: error: unable to find utility “instruments”, not a developer tool or in PATH
 +
$ sudo xcode-select -s /Applications/Xcode-beta.app/Contents/Developer/
 +
Print: Entry, ":CFBundleIdentifier", Does Not Exist
 +
$ react-native upgrade
  
 
==项目==
 
==项目==
 +
[[文件:Awesome-React-Native.png|right|Awesome React Native]]
 +
*[https://github.com/facebook/react-native React Native @ GitHub]
 +
*[https://github.com/jondot/awesome-react-native Awesome React Native] [[image:awesome.png]]
 +
*[https://github.com/infinitered/ignite Ignite] 是一套整合了 Redux 以及一些常见 UI 组件的脚手架。[https://github.com/jondot/awesome-react-native#Seeds 更多Seeds]
 +
*[https://github.com/react-community/ React Community] [https://github.com/react-community/create-react-native-app Create React Native App]
 +
*[https://github.com/fbsamples/f8app F8 App] [http://makeitopen.com/ makeitopen.com · Building the F8 App]
 +
*[https://github.com/fangwei716/30-days-of-react-native 30 Days of React Native]
 +
*[https://github.com/benoitvallon/react-native-nw-react-calculator Mobile, desktop and website Apps with the same code]
 +
*[https://github.com/shu223/iOS-9-Sampler iOS-9-Sampler]
 +
*[https://github.com/carlosengr/Swift Reusable Swift code]
 +
*[https://github.com/ant-design ant-design]
 
*[https://github.com/gabrielbull/react-desktop React Desktop]
 
*[https://github.com/gabrielbull/react-desktop React Desktop]
 +
*[https://github.com/ptmt/react-native-macos React Native macOS]
 +
*[https://github.com/necolas/react-native-web React Native for Web]
 +
*[https://github.com/Microsoft/reactxp Microsoft ReactXP] Library for cross-platform app development
 
*[https://github.com/Microsoft/code-push CodePush]
 
*[https://github.com/Microsoft/code-push CodePush]
 +
[https://github.com/dkhamsing/open-source-ios-apps#react-native >>>更多Apps]
 +
 +
==工具==
 +
*[https://microsoft.github.io/code-push/ CodePush]是由微软提供的热更新服务。热更新可以使你绕过 AppStore 的审核机制,直接修改已经上架的应用。
 +
*[https://expo.io/ Expo]是一套沙盒开发环境,还带有一个已上架的空应用容器。这样你可以在没有原生开发平台(Xcode 或是 Android Studio)的情况下直接编写 React Native 应用(你只能写 js 部分代码,而没法写原生代码)。
 +
 +
==用户==
 +
*[[Facebook]] iOS和Android版
 +
*Instagram iOS和Android版
 +
*[http://android.myapp.com/myapp/detail.htm?apkName=com.tencent.mobileqq QQ安卓版]
 +
*手机京东 iOS和Android版
 +
*手机百度 iOS和Android版
 +
*Airbnb iOS和Android版
 +
*Tesla iOS和Android版
 +
*[https://itunes.apple.com/us/app/hui-shou-er-ni-si-ren-mei/id1127150360?ls=1&mt=8 Huiseoul (惠首尔)] Building a conversational E-commerce app in 6 weeks with React Native
  
 
==图集==
 
==图集==
 
<gallery>
 
<gallery>
 
image:react-native-huihoo.png|Hello
 
image:react-native-huihoo.png|Hello
 +
image:react-native-components.png|组件
 
</gallery>
 
</gallery>
  
 
==链接==
 
==链接==
*[https://github.com/facebook/react-native React Native @ GitHub]
+
*[https://reactnative.dev/ React Native]
*[https://github.com/jondot/awesome-react-native Awesome React Native] [[image:awesome.png]]
+
  
 +
[[category:mobile]]
 
[[category:javaScript]]
 
[[category:javaScript]]
 
[[category:react]]
 
[[category:react]]
 
[[category:iOS]]
 
[[category:iOS]]
 
[[category:facebook]]
 
[[category:facebook]]

2022年4月17日 (日) 02:27的最后版本

Wikipedia-35x35.png 您可以在Wikipedia上了解到此条目的英文信息 React Native Thanks, Wikipedia.

React Native

React Native

目录

[编辑] 新闻

[编辑] 简介

React Native 是一个使用 React 构建本地 App 的框架, 而 React 是一个构建用户界面的 JavaScript 库。

React Native的核心React使用Objective-C编写,ReactCommon和Android JNI使用C++编写,ReactAndroid使用Java编写,基础库Libraries使用JavaScript编写。

React Native 支持WebSocket,这种协议可以在单个 TCP 连接上提供全双工的通信信道。

[编辑] 指南

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.26.1/install.sh | bash
nvm install iojs-v2 && nvm alias default iojs-v2
brew install watchman
brew install flow
npm install -g react-native-cli
react-native init AwesomeProject
npm start
xcrun simctl list devices
react-native run-ios --simulator="iPhone 6s"

[编辑] 问题

xcrun: error: unable to find utility “instruments”, not a developer tool or in PATH

$ sudo xcode-select -s /Applications/Xcode-beta.app/Contents/Developer/

Print: Entry, ":CFBundleIdentifier", Does Not Exist

$ react-native upgrade

[编辑] 项目

Awesome React Native

>>>更多Apps

[编辑] 工具

  • CodePush是由微软提供的热更新服务。热更新可以使你绕过 AppStore 的审核机制,直接修改已经上架的应用。
  • Expo是一套沙盒开发环境,还带有一个已上架的空应用容器。这样你可以在没有原生开发平台(Xcode 或是 Android Studio)的情况下直接编写 React Native 应用(你只能写 js 部分代码,而没法写原生代码)。

[编辑] 用户

  • Facebook iOS和Android版
  • Instagram iOS和Android版
  • QQ安卓版
  • 手机京东 iOS和Android版
  • 手机百度 iOS和Android版
  • Airbnb iOS和Android版
  • Tesla iOS和Android版
  • Huiseoul (惠首尔) Building a conversational E-commerce app in 6 weeks with React Native

[编辑] 图集

[编辑] 链接

分享您的观点
个人工具
名字空间

变换
操作
导航
工具箱