기본 반응 전체 반응 날려 웹 응용 프로그램을 이식

Question

내가 사용 만발한 모바일 웹 응용 프로그램이 다음

1. 는
2. 돌아 오는이
4. 는 라우터에게
5. 반응 돌아 오는-반작용 반작용 Firebase

결국이 모바일 웹 앱을 모바일 앱으로 변환하고 싶습니다. d React Native을 사용하고 있습니다. React Native 앱을 처음부터 만드는 방법이나 Objective-C의 네이티브 앱을 네이티브로 변환하는 방법에 대한 많은 문서가 있지만 모바일 웹 앱을 사용하는 방법에 대한 선행 기술을 찾기 위해 조금 힘들어합니다. 원주민.

더 구체적으로, 상자 밖으로 나오지 않는 것은 무엇입니까? 나는 React-Router을보고있다.

전환을 시작하는 방법, 만지기, 걱정할 필요가없는 부분에 대한 생각이 도움이 될 것입니다.

UPDATE :

는 다음과 같은 응용 프로그램의 구조를 상상해보십시오. 이미 많은 코드가 있습니다. 그래서 점진적으로 접근 할 수있는 방법이 있는지 궁금합니다. 당신의 모바일 app.Most에서 사용할 수 있습니다 때문에

Answer 1

많은 사람들이 Web View를 초기 '발밑의 발'로 사용하고, 그 다음에 React Native 뷰를 플로우별로 (flow-by-flow basis) 사용하여 React Native를 점차적으로 React로 포팅합니다. 최근의 반응 - 네이티브 - 웹보기 - 브리지 (https://github.com/alinz/react-native-webview-bridge)를 통해 이러한 웹 뷰와 반응하는 네이티브 구성 요소 간의 양방향 통신이 매우 쉽습니다.

일반 Safari 앱과 비교하여 iOS에서 Web Views를 사용하면 성능 문제가 발생할 수 있으므로 발송하기 전에 특정 UI 플로가 React Native로 변환 될 수 있습니다.

자동 테스트 커버리지를 유지하기 위해 Selenium 테스트를 Appium으로 번역하는 것이 좋습니다. React Native는 여전히 변동이 심하며 신속하고 안전하게 업그레이드 할 수있는 기능은 자동화 된 테스트 스위트를 사용하는 데 크게 의존하게됩니다.

Answer 2

것은, 웹 폴더 외부에서 API (당신이 하나를 가지고있다), 당신의 감속기와 행동을해야합니다 당신의 앱 구조는 반응 라우터를 제외하고는 동일합니다. Jan Fanz Palngipang과 마찬가지로 반응 네이티브 라우터 플럭스 (내가 사용하고있는 것)를 사용할 수 있습니다 nativebase, rReact Starter Pro와 같은 스타터 키트를 확인하여 서랍이 어떻게 작동하는지 확인할 것을 권장합니다. 어떻게 컨테이너를 바꾸는가)