React.js와 React Native를 사용하여 하이브리드 응용 프로그램의 구조 구성

Question

MERN (MongoDB Express.js React.js Node.js)을 사용하여 웹 및 모바일 인터페이스를 모두 갖춘 하이브리드 응용 프로그램을 만들 계획입니다. 저는 React.js와 React Native를 각각 웹과 모바일 인터페이스에 사용하고 있습니다.

결국 나는 빨리 훈련시키고 싶은 팀 구성원을 추가하고 싶습니다.

앱의 아키텍처와 파일 구조가 유지 관리되고 확장 가능하며 재사용 가능하고 확장 가능한 방식으로 구성하려면 어떻게해야합니까?

미리 감사드립니다.

app //Main folder 
- animations //I keep my Lottie/Animation components here 
- components //Re usable components like buttons, forms, lists. 
-- Component1 //Folder for this particular component 
--- Component.js //Actual component class 
--- index.js //Index that exports the component. Useful if you have multiple subcomponents 
--- styles.js 
- config //Environmemt and strings variables 
- graph //This is where I keep my graph components 
- hoc //Higher Order Components 
- lib //Generic helpers that are re used across the apps, like function for test JSON objects, parsers, etc. 
- navigation //Navigation components, layouts, screens, etc. 
- core //This folder that exports the different components I support with the module. 
.babelrc 
index.ios.js 
index.android.js 
package.json 
gulp.js //Gulp Config 
jsconfig.js //Jest Config 

내 대부분의 구성 요소가 상태 그대로 돌아 오는 사용하지 않는에만 의존 :

는

Answer 1

내가 말한 된이 등으로 내가 그것을 할 방법을 알 수 있습니다, 그것은 당신의 환경 설정에 따라 달라집니다 행동을위한 소품. 그 일을 계획하고 있다면 더 많은 폴더를 가질 수 있습니다.

지금까지 나에게 큰 도움이되었습니다. 이 모듈을 사용하는 일부 하위 응용 프로그램이 있습니다.