<개발공부, 개공> React란 무엇인가?

 

 

React.js 란  무엇인가 ? 

 

 

 

특히 SPA(Single Page Application)을 위한 사용자 인터페이스를 구축하는 데 사용되는 오픈 소스 JavaScript 라이브러리이다.

 

웹 및 모바일 앱의 view layer를 처리하는 데 사용된다. 또한 React를 사용하면 재사용 가능한 UI 구성 요소를 만들 수 있다.(이거 진짜 장점 .. )

 

React를 사용하면 개발자가 페이지를 다시 로드하지 않고도 데이터를 변경할 수 있는 대규모 웹 애플리케이션을 만들 수 있다. React의 주요 목적은 빠르고 확장 가능하며 단순하다. (체감 중이지만 아직 깊게는 모르겠다. ㅎㅎ)

 

 

=>

 

 

요즘 많은 사람들이 리액트를 고르는 이유

 

단순성

ReactJS는 바로 이해하기가 더 쉽다한다. 

구성 요소 기반 접근 방식, 잘 정의된 수명 주기 및 일반 JavaScript만 사용하면 React를 매우 간단하게 배우고 전문 웹(및 모바일 응용 프로그램)을 구축하고 지원할 수 있 다.

React는 HTML과 JavaScript를 혼합할 수 있는 JSX라는 특수 구문을 사용한다.  

개발자는 여전히 일반 JavaScript로 작성할 수 있지만 JSX는 사용하기가 훨씬 쉽다.

배우기 쉬움

JavaScript 대한 기본 지식이 있는 사람이라면 누구나 React를 쉽게 이해할 수 있지만 Angular와 Ember는 'Domain-specific Language'라고 하여 배우기 어렵다는 의미이다. 대응하려면 CSS와 HTML에 대한 기본 지식만 있으면 된다.

네이티브 접근

React는 모바일 애플리케이션을 만드는 데 사용할 수 있다(React Native). 그리고 React는 재사용성에 대한 매우 좋다.

즉, 광범위한 코드 재사용성이 지원됩니다. 따라서 동시에 IOS, Android 및 웹 응용 프로그램을 만들 수 있다.

데이터 바인딩

React는 단방향 데이터 바인딩을 사용하고 Flux라는 애플리케이션 아키텍처는 디스패처라는 하나의 제어 지점을 통해 구성 요소로의 데이터 흐름을 제어합니다.

대형 ReactJS 앱의 자체 포함 구성 요소를 디버그 하는 것이 더 쉽다.

성능

React는 종속성을 위한 내장 컨테이너 개념을 제공하지 않습니다. 

Browserify, Require JS, Babel, ReactJS-di를 통해 사용할 수 있는 EcmaScript 6 모듈을 사용하여 종속성을 자동으로 주입할 수 있습니다.

테스트 가능성

ReactJS 애플리케이션은 테스트하기가 매우 쉽다.

React 보기는 상태의 함수로 처리될 수 있으므로 ReactJS 보기에 전달한 상태로 조작하고 출력 및 트리거 된 작업, 이벤트, 함수 등을 살펴볼 수 있다.