[javascript] React Native와 React의 차이점은 무엇입니까?

반응 :

React는 사용자 인터페이스를 구축하기위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리입니다.

네이티브 반응 :

React Native를 사용하면 JavaScript 만 사용하여 모바일 앱을 빌드 할 수 있습니다. React와 동일한 디자인을 사용하여 선언적 구성 요소에서 풍부한 모바일 UI를 작성할 수 있습니다.
React Native를 사용하면 “모바일 웹 앱”, “HTML5 앱”또는 “하이브리드 앱”을 빌드하지 않습니다. Objective-C 또는 Java를 사용하여 빌드 된 앱과 구별 할 수없는 실제 모바일 앱을 빌드합니다. React Native는 일반 iOS 및 Android 앱과 동일한 기본 UI 빌딩 블록을 사용합니다. JavaScript와 React를 사용하여 이러한 구성 요소를 결합하면됩니다.
React Native를 사용하면 앱을 더 빠르게 구축 할 수 있습니다. 다시 컴파일하는 대신 앱을 즉시 다시로드 할 수 있습니다. 핫 리로딩을 사용하면 애플리케이션 상태를 유지하면서 새 코드를 실행할 수도 있습니다. 시도해보십시오-그것은 마술 같은 경험입니다.
React Native는 Objective-C, Java 또는 Swift로 작성된 구성 요소와 자연스럽게 결합됩니다. 애플리케이션의 몇 가지 측면을 최적화해야하는 경우 기본 코드로 간단하게 드롭 다운 할 수 있습니다. 또한 React Native에서 앱의 일부와 네이티브 코드를 사용하여 앱의 일부를 쉽게 빌드 할 수 있습니다. Facebook 앱이 작동하는 방식입니다.

기본적으로 React 는 javascript 와 JSX를 사용하여 웹 앱을 볼 수있는 UI 라이브러리 이며 React native 는 React 상단에 추가 라이브러리 iOS이며 Android장치 및 장치에 대한 기본 앱을 만듭니다 .

반응 코드 샘플 :

import React, { Component } from 'react';
import ReactDOM from 'react-dom';

class Clock extends React.Component {
  constructor(props) {
    super(props);
    this.state = {date: new Date()};
  }

  componentDidMount() {
    this.timerID = setInterval(
      () => this.tick(),
      1000
    );
  }

  componentWillUnmount() {
    clearInterval(this.timerID);
  }

  tick() {
    this.setState({
      date: new Date()
    });
  }

  render() {
    return (
      <div>
        <h1>Hello, world!</h1>
        <h2>It is {this.state.date.toLocaleTimeString()}.</h2>
      </div>
    );
  }
}

ReactDOM.render(
  <Clock />,
  document.getElementById('root')
);

네이티브 코드 샘플 반응 :

import React, { Component } from 'react';
import { Text, View } from 'react-native';

class WhyReactNativeIsSoGreat extends Component {
  render() {
    return (
      <View>
        <Text>
          If you like React on the web, you'll like React Native.
        </Text>
        <Text>
          You just use native components like 'View' and 'Text',
          instead of web components like 'div' and 'span'.
        </Text>
      </View>
    );
  }
}

React에 대한 자세한 내용은 페이스 북 팀이 만든 공식 웹 사이트를 방문하십시오.

https://facebook.github.io/react

React Native 에 대한 자세한 내용은 아래 React native 웹 사이트를 방문하십시오.

https://facebook.github.io/react-native

---

답변