나는 React JS
을 처음 사용하고 있습니다. 나는 또한 모바일 (안드로이드와 IOS)에서 react js
에 대한 사용을 생각하고 몇 가지 구성 요소를 만들 생각 웹 응용 프로그램을 구축하려고합니다. React native
에 React js
구성 요소를 사용할 수 있습니다.React Native에서 React JS 구성 요소를 재사용하는 방법
7
A
답변
6
미리 계획을 세우는 것이 좋습니다. JS와 Native를 100 % 일치시킬 수는 없지만 신중한 계획을 세우면 좋은 재사용을 얻을 수 있습니다.
웹용 네이티브 특정 구성 요소 (예 :보기, 이미지, 텍스트 등)를 반영하는 React Native Web 프로젝트를 살펴볼 수 있습니다.
React JS에서 간단한 프로토 타입을 만든 다음 React Native에서 두 생태계의 차이점을 이해하는 것이 좋습니다. 경험에 손을 갖는 것은 어떤 작성자보다 더 많은 도움이 증명합니다 :)
5
ReactNative이 View
같은 실제 기본 구성 요소의 집합입니다, TextInput
TouchableHighlight
및 more을. 또한 자바 스크립트 코드를 사용하여이를 제어 할 수있는 플랫폼이기도합니다.
Cordova와 같은 WebView가 없으므로 네이티브 앱을 네이티브 뷰로 볼 수 있습니다.
하지만 이는 웹 응용 프로그램에서 동일한 방식으로 사용할 수있는 JS 또는 도메인 논리를 여전히 사용할 수 있음을 의미합니다.
예를 들어 iOS 용 로그인 화면이 있지만 서버 호출에 필요한 모든 자료는 별도의 모듈로 이동할 수 있습니다. 예 : api/auth.js
은 웹, 아이오스, 안드로이드간에 공유 할 수 있습니다.
관련 문제
- 1. React-native에서 이미지 오류
- 2. React-Native에서 페이지 미리보기
- 3. React 구성 요소를 바꾸는 방법
- 4. React 구성 요소 내에 React 요소를 렌더링합니다.
- 5. React Native에서 문자 간격 - Android
- 6. React Native에서 애니메이션 시퀀스 애니메이션하기
- 7. React Native에서 동적 배경색이있는 버튼 만들기
- 8. React Native에서 json 객체의 문자열에 액세스하는 방법
- 9. React-Native에서 자동 위치를 감지하는지도를 만드는 방법
- 10. 노드가 React/React Native에서 다른 노드의 부모인지 확인합니다.
- 11. React Native에서 TimePickerAndroid의 색상을 변경하는 방법은 무엇입니까?
- 12. React 구성 요소를 올바르게 단위 테스트하는 방법?
- 13. React 구성 요소를 HTML 문자열에 넣는 방법?
- 14. 큰 React 구성 요소를 자주 업데이트하는 방법
- 15. React Native에서 HTML 파일을 어떻게 파싱합니까?
- 16. Meteor + React + Semantic - JS 구성 요소
- 17. React/React Native 글로벌 범위
- 18. ES6 React JS methods 일정 구성 요소
- 19. React, Redux, React-Router?
- 20. React
- 21. React js components dependency
- 22. React Native에서 스위치 구성 요소의 크기를 변경하는 방법은 무엇입니까?
- 23. React : 포커스를 잃는 React 구성 요소 버튼을 얻는 방법?
- 24. React JS - cloneElement 예제?
- 25. React JS : 다차원 배열로 반복하고 올바른 구성 요소를 결정 /로드
- 26. React Js : 변수에 저장소 구성 요소를 저장하고 나중에 사용하십시오.
- 27. textInput의 borderRadius 속성이 react-native에서 작동하지 않습니다.
- 28. React-native에서 데이터 배열을 반복하는 방법은 무엇입니까?
- 29. React Native에서 TextInput의 letterSpacing을 수행하는 방법이 있습니까?
- 30. React Native에서 스타일 시트를 어떻게 오버라이드합니까?