이 둘의 유사점은 무엇입니까? 나는 그들이 다른 플랫폼을 위해 만들어 졌다는 것을 알고있다. 웹에 대한 반응과 모바일에 대한 네이티브 반응. 그러나 그들은 모두 비슷한 문제를 해결하기 위해 페이스 북이 만든다. 그래서, 겹치는 부분이 있습니까? 유사점이 있습니까?React와 React Native의 유사점은 무엇입니까
답변
나는 둘 다 페이스 북으로 만든다고 생각한다.
React는 템플릿 언어를 제공하며 에 대한 일부 기능 훅은 본질적으로 HTML을 렌더링합니다. 그것은 모두 React outputs, HTML입니다. "components"라고하는 의 HTML/Javascript는 (탭보기에서 이 선택된 탭과 같은)과 같은 자체 내부 상태를 메모리에 저장할 수 있지만 결국 HTML을 바코드로 바꿀 수 있습니다. blog.andrewray.me
과 반작용 - 기본 당신이 선언적인 구성 요소에서 풍부한 모바일 UI를 구성시키는 반작용과 동일한 설계를 사용하여
.
그래, 둘 다 facebook에 의해 만들어진다. –
웹용 ReactDOM이라는 라이브러리를 실제로 사용하고 있습니다. React 자체는 웹 (ReactDOM), 네이티브 앱 (React-Native) 및 VR (ReactVR)에서 공통적으로 사용되는 기본 프레임 워크입니다.
React를 자신의 계층으로 추상화 한 이유는 사람들이 "한 번 배우고 모든 곳에서 빌드"할 수 있기를 원했기 때문입니다. 그러나 각각의 출력은 플랫폼에 따라 매우 다릅니다. 예를 들어, React-Native의 경우 출력은 HTML 및 CSS와 비슷한 출력을 생성하는 ReactDOM과 달리 실제 기본 iOS (Objective-C) 및 Android (Java) 코드입니다.
경험적으로 볼 때, React를 배우면 각 플랫폼마다 인터페이스의 사용자 지정 API가 있기 때문에 모든 플랫폼에서 약 70-80 %의 속도를 얻을 수 있습니다.
그래서 내가 React에 글을 쓰면 그 코드가 React Native로 직접 번역 되는가? – Jeff
@Jeff 아닙니다. 각각은 귀하의 반응 코드를 적절한 플랫폼으로 옮기기 위해 특정 라이브러리를 가져와야합니다. 또한 각 플랫폼에는 각각 고유 한 API가 제공됩니다. 예를 들어 ReactDOM에서 입력 필드는 React-Native에서 텍스트 필드는
- 1. React-Native의 수면 기능은 무엇입니까?
- 2. React Native의 Geolocation 정확도
- 3. React와 React-Native 결합하기
- 4. React Native의 'Global'모달
- 5. React Native의 서버용 mySQL
- 6. React Native의 개체
- 7. React Native의 예외 전파
- 8. React Native의 AsyncStorage의 가능한 실패 사례는 무엇입니까?
- 9. React Native의 번들은 무엇이며 목적은 무엇입니까?
- 10. 스타일을 React Native의 숫자에 매핑하는 방법은 무엇입니까?
- 11. React와 React-Dom 버전이 일치해야합니까?
- 12. React Native의 Modal로드시 포커스 입력
- 13. React Native의 색상이있는 이미지 TabbarIOS.item
- 14. React Native의 비동기 스토리지는 안전합니까?
- 15. React-native의 배열 상태 업데이트
- 16. React-Native의 custom.xcassets에서 가져온 이미지
- 17. React Native의 LayoutAnimation은 Android에서 지원됩니까?
- 18. React Native의 Api 기반 레이아웃
- 19. .jar를 React Native의 종속성에 추가하십시오.
- 20. React Native의 다중 PanResponder (드래그 가능) 요소
- 21. React와 Semantic-ui-react, 프록시 이벤트
- 22. React와 React-Route Link Parameters가 작동하지 않습니다.
- 23. React Native의 HMHome을 javascript로 변환하는 방법?
- 24. React Native의 Firebase 이벤트 리스너를 올바르게 처리하십시오.
- 25. React Native의 다른보기 내부에서보기를 중앙에 배치하는 방법?
- 26. Animated.Value, React-native의 현재 값을 가져옵니다.
- 27. React Native의 두 앱에서 코드 공유
- 28. RCTRootView를 React-Native의 rootViewController에 서브 뷰로 추가하십시오.
- 29. React Native의 Higher Order Components (HOC) 인증
- 30. React Native의 다른 클래스에서 렌더링 호출
물론 유사점이 있습니다. 당신은 JS에서 귀하의 애플 리케이션을 작성하고 그것을 실행합니다. 나는 질문이 너무 광범위하다고 생각한다. (명백한 프로그래밍 질문이 아니기 때문에 OT가 될 가능성이있다.) 당신은 아마 약간의 독서를함으로써 더 도움이 될 것입니다; 오래 걸리지 않아야합니다. –