Scribd
Upload
79 views

React Native Learn Once, Write Anywhere

React Native allows developers to write native mobile apps using JavaScript and React. It uses native platform components to render interfaces, so apps are truly native. Developers can write apps once and deploy to both Android and iOS with shared code. React Native is open source and supported by Facebook as well as contributions from other companies and individuals.

Uploaded by

Brubaker Brubake
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
79 views

React Native Learn Once, Write Anywhere

React Native allows developers to write native mobile apps using JavaScript and React. It uses native platform components to render interfaces, so apps are truly native. Developers can write apps once and deploy to both Android and iOS with shared code. React Native is open source and supported by Facebook as well as contributions from other companies and individuals.

Uploaded by

Brubaker Brubake
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

28/2/24, 11:33 React Native · Learn once, write anywhere

Follow @reactnative Star

React Native
Learn once, write anywhere.

Get started Learn the basics ›

https://reactnative.dev 1/8
28/2/24, 11:33 React Native · Learn once, write anywhere

Create native apps for Android, iOS, and more using React
React Native combines the best parts of native development with React, a best-in-class
JavaScript library for building user interfaces.

Use a little—or a lot. You can use React Native today in your existing Android and iOS
projects or you can create a whole new app from scratch.

Written in JavaScript—rendered with native code


import React from 'react';
React primitives render to native platform UI, meaning your app uses the same native
import {Text, View} from 'react-native';
platform APIs other apps do.
https://reactnative.dev 2/8
28/2/24, 11:33 React Native · Learn once, write anywhere

import {Header} from './Header';


import {heading} from './Typography';
Many platforms, one React. Create platform-specific versions of components so a single
codebase can share code across platforms. With React Native, one team can maintain
const WelcomeScreen = () => (
multiple platforms and share a common technology—React.
<View>
<Header title="Welcome to React Native"/>
<Text style={heading}>Step One</Text>
<Text>
Edit App.js to change this screen and turn it
into your app.
</Text>
<Text style={heading}>See Your Changes</Text>
<Text>
Press Cmd + R inside the simulator to reload
your app’s code.
</Text>
<Text style={heading}>Debug</Text>
<Text>
Press Cmd + M or Shake your device to open the
React Native Debug Menu.
</Text>
<Text style={heading}>Learn</Text>
<Text>
Read the docs to discover what to do next:
</Text>
</View>
);

Native Development For Everyone


React Native lets you create truly native apps and doesn't compromise your users'
experiences. It provides a core set of platform agnostic native components like View , Text ,
and Image that map directly to the platform’s native UI building blocks.

https://reactnative.dev 3/8
28/2/24, 11:33 React Native · Learn once, write anywhere

App.js
Seamless Cross-Platform
React components wrap existing native code and interact with native APIs via React’s
declarative UI paradigm and JavaScript.
Body.js This enables native app development for whole
Header.android.js
new teams of developers, and can let existing native teams work much faster.

Header.ios.js Text

Text

Image Text Text

Text

https://reactnative.dev 4/8
28/2/24, 11:33 React Native · Learn once, write anywhere

Fast Refresh
See your changes as soon as you save. With the power of JavaScript, React Native lets you

https://reactnative.dev 5/8
28/2/24, 11:33 React Native · Learn once, write anywhere

https://reactnative.dev 6/8
28/2/24, 11:33 React Native · Learn once, write anywhere

Talks and Videos


F8 2019: Mobile Innovation with React Native, ComponentKit, and Litho
Members of the React Native team frequently speak at various conferences.

You can follow the latest news from the React Native team on Twitter

Follow @reactnative

The Meta Open Source team has put together a short overview of React Native, where
ELI5: React Native
they explained the project in beginner's terms.

Facebook Supported, Community Driven


React Native
Facebook
is beingreleased
used in React
thousands
Native
of in
apps,
2015but
andit's
has
likely
beenyou've
maintaining
already it
used
everitsince.
in one
of these apps:
In 2018, React Native had the 2nd highest number of contributors for any
repository in GitHub. Today, React Native is supported by contributions from individuals
and companies around the world including Callstack, Expo, Infinite Red, Microsoft and
Software Mansion.

Our community is always shipping exciting new projects and exploring platforms beyond
Android and iOS with repos like React Native Windows, React Native macOS and React
Native Web.

https://reactnative.dev 7/8
28/2/24, 11:33 React Native · Learn once, write anywhere

and many more.

Give it a try

1. Run this
○○○
> npx react-native init MyTestApp

2. Read these

Get started Learn the basics ›

https://reactnative.dev 8/8

You might also like