리액트(React 라이브러리)란 ?

나무위키 분류 : 라이브러리 | 페이스북

개요:
=== 개요 ===
React의 문법으로 [[안드로이드(운영체제)|안드로이드]]/[[iOS]] 앱을 개발할 수 있는 라이브러리이다. React를 배웠던 개발자라면 몇시간만에 익숙해질 수 있을만큼 React와 거의 유사한 문법을 가지고 있으며, 실제로 차이나는 부분은 브라우저의 HTML Element를 사용하는 것이 아니라 View, Text 등의 자체 태그를 사용하는점과 CSS를 사용하지 않고 오직 {{{CreateStyleSheet}}}를 이용한 스타일만 지원하고, 일부 속성이 가감되었다는 점을 제외하면 ~~너무 많은데~~일치한다고도 볼 수 있다.





React를 사용하는 웹사이트/프로그램
npm, 넷플릭스, 디스코드, 라프텔, 레딧
비발디, 아마존 웹 서비스, 코빗 티스토리,
트위치, 트위터, 페이스북, 인스타그램...

예시:
== 예시 ==
{{{#!syntax javascript
import React from 'react';
import ReactDOM from 'react-dom';

//"Hello, 홍길동!"을 출력하는 코드

const App = ({name}) => <h1>Hello, {name}!</h1> //함수형 문법

class App extends React.Component { //클래스형 문법
render() {
return (
<h1>Hello, {this.props.name}!</h1>
)
}
}

ReactDOM.render(<App name="홍길동" />, document.getElementById('root'));
}}}
해당 코드는 최신 브라우저에서 막 지원하기 시작한 [[https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/import|import]]문과, JS 표준 문법이 아닌 JSX를 사용했기 때문에 이 코드가 그대로 브라우저상에 작동되는 것은 아니다. Babel을 통해 대부분의 브라우저가 사용할 수 있는 JS 코드로 변환한 후 사용할 수 있다.