리액트 네이티브 시작하기!

리액트 네이티브란?

구성 요소 렌더링

All apps in React Native are made out of components. These components are small reusable pieces of your app, all working together. Each of these components usually has a single responsibility. It can vary from rendering styled text, or rendering other pre-styled components to create a form.

Just like normal React, your app all descends from a single component. This component renders all other components in your app, from screens to simple text. Instead of rendering this component to DOM, Expo and React Native renders it for you using a concept called the entry point.

기본 코드 블록

App.js

import React from 'react';
import { Text } from 'react-native';

const App = () => (
  <Text style={{ margin: 64 }}>
    Welcome to React Native!
  </Text>
);

export default App;

네이티브 렌더링

In our previous example, we used the component to render text. There are a few other components like which ship with React Native; we call these core components. React Native knows how to render these on a specific platform because they are tied to a native component counterpart.
The diagram demonstrates the relationship between React code, the JS thread, the UI thread, and the native application. From left to right, it describes how a React button is rendered to a native button component.
Here is a copy of the text included in the diagram:

여름 같은