Skip to main content

Structure

Root Project

  • package.json This file config All Npm Module
  • App.js Load first Root Project
  • appcenter-post-clone.sh, appcenter-pre-build.sh Config ci/cd appcenter
  • ReactotronConfig.js Debug for reactotron
  • babel.config.js Config env folder in project

Folder

IOS

This folder ios native, you can edit and add native code in here

  • Podfile Config lib env in ios
  • Info.plist Config key
  • Pharmacity.xcodeproj Open and run source here

Android

This filder android native, you can edit and add native con in here

  • build.gradle
  • settings.gradle Setting lib env
  • gradle-wrapper.properties Setting gradle version
  • build.gradle (app) Config all here

Other root file in android project

  • Mainactivity.java
  • MainApplication.java
  • AndroidManifest.xml

.vscode

This folder config rule source code Find more in vscode home

node_module

Create after run npm install or yarn install. Delete and reinstall it after clone source

src

Folder main have logic code

Folder chứa image, font, styles, color....

Nơi chứa tất cả các components dùng chung cho các màn hình tron app ví dụ như input,popup,button,modal....

Sử dụng bằng cách import các components và đưa vào các thuộc tính phù hợp với từng man hình

Lưu ý tìm hiểu các phần trước khi viết mới 1 screen, nếu đã có sẵn components thì nên dùng lại, không nên tạo mới tránh trường hợp nhiều file conflict

Các Modal, Popup, Button, Input... Đây là những phần cơ bản có thể dùng lại. Define rõ ràng để người sau có thể dễ sử dụng, cũng như config nhiều property để các screen đều dùng lại được, hạn chế fix cứng.

Folder chứa các file default như api, config

  • localization​

Chứa các file ngôn ngữ trong source

Config các file manager về Noti, Image, Deeplink...

Root navigation của app nằm ở đây, chứa các config quan trọng cho từng screens

Folder tất cả các màn hình của app như home, profile, product.....

Mỗi màn hình sẽ có root file và các file components trong folder components

Folder Main sẽ là folder chính chứa các màn hình nói trên. Còn lại là plashcreen,dialog....

Folder để control về api post,get,put.... và Redux, saga

Config các file như rule về date, price, number.....