0

Considérant une application réactive-native avec redux laquelle de l'organisation de répertoire/fichiers suivante est plus recommandée? Ou mieux: qu'est-ce qui est le plus adapté à une application réagissant-native/redux?Laquelle des approches suivantes (fonctions d'infrastructure x contexte d'application) convient le mieux à une application réagissant-native/redux?

laisser supposer cette application simule un magasin (vente des produits ...)

01) Le cadre propose définir l'organisation:

- package.json 
- index.android.js 
- index.ios.js 
- ... 
- src/ 
    - App.js [Main file] 
    - Router.js [Routes, Scenes,...] 
    - actions/ 
     - index.js [export all] 
     - types.js [constants, strings] 
     - SellAction.js 
     - ProductsAction.js 
     - DeliveryAction.js 
     - UsersAction.js 
     - CartAction.js 
     - ___Action.js 
    - components/ 
     - commons/ 
      - Button.js 
      - Card.js 
      - ___.js 
     - LoginForm.js 
     - ProductsList.js 
     - CartComponent.js 
     - RecentProducts.js 
     - DesirableProducts.js 
     - ___.js 
    - reducers/ 
     - index.js [combinedReducers] 
     - AuthReducer.js 
     - ProductsReducer.js 
     - DeliveryReducer.js 
     - ___Reducer.js 

02) Le contexte d'application mis l'organisation :

- package.json 
- index.android.js 
- index.ios.js 
- ... 
- src/ 
    - App.js [Main file] {combinedReducers could come to here...} 
    - Router.js [Routes, Scenes,...] {or here...} 
    - sell/ 
     - Component.js 
     - Action.js {the constants strings could be here...} 
     - Reducer.js 
     _ ... other helper files 
    - delivery/ 
     - Component.js 
     - Action.js 
     - Reducer.js 
     _ ... other helper files 
    - user/ 
     - Component.js 
     - Action.js 
     - Reducer.js 
     _ ... other helper files 
    - cart/ 
     - Component.js 
     - Action.js 
     - Reducer.js 
     _ ... other helper files 

Répondre

0

Ou est très bien. Beaucoup de gens ont exprimé leur préférence pour une structure «en avant-première». Voir https://github.com/markerikson/react-redux-links/blob/master/project-structure.md pour des liens vers des articles discutant diverses approches de structure de projet.

+0

Merci marqueurikson. C'est une excellente référence. J'adore JS ... mais pour moi c'est en train de devenir une soupe aux lettres. Beaucoup de noms pour exprimer la même chose dans différentes visions. J'ai trouvé celui-ci https://medium.com/@yiquanzhou/how-to-structure-real-world-redux-react-application-d61e66a7dd36#.wq5dzum9j correspond à ma conception d'une structure de projet. Très bien, – lordshark