9
कोणीय आधिकारिक वेबसाइट के फ़ाइल संरचना की शैली छल करने के लिए रेफरी:कोणीय 4 + Redux (या ngrx/दुकान) फ़ोल्डर और फ़ाइल संरचना
https://angular.io/docs/ts/latest/guide/style-guide.html#!#04-06
मैं Redux (या ngrx/दुकान) को लागू करना चाहते हैं मेरे नए कोणीय 4 प्रोजेक्ट के लिए, क्या इस तरह से मेरे आवेदन को ढूढ़ना बेहतर होगा?
project root
├── src/
│ ├── app/
│ │ ├──stores/
│ │ │ ├── heros/
│ │ │ │ ├── heros.actions.ts|reducer|effects|store.ts
│ │ │ │
│ │ │ │── ..../
│ │ │ │ ├── .....
│ │ │
│ │ ├── containers/
│ │ │ ├── heros/
│ │ │ │ ├── heros.component.ts|html|css|spec.ts
│ │ │ │ │ └── ......
│ │ │
│ │ │
│ │ ├── components/
│ │ │ ├── hero-list/
│ │ │ │ │ ├── hero-list.component.ts|html|css|spec.ts
│ │ │ │ │ └── .......
│ │ │ ├── ....
I have been using second structure but as my app grows, it was getting difficult to maintain, and then I refactored the structure in this way, the plus point of this structure is, if in future you decide to remove or edit ngrx all you need to do is remove or edit the stores folder.
Note:
- containers folder hold my smart components
- components folder hold my dumb components
या ngrx/दुकान के उदाहरण (https://github.com/ngrx/example-app), इस तरह से आवेदन की संरचना करने का पालन करें?
project root
├── src/
│ ├── app/
│ │ ├── actions/
│ │ │ ├── hero.js
│ │ │ ├── hero-list.js
│ │ │ └── ......
│ │ ├── reducers/
│ │ │ ├── hero.js
│ │ │ ├── hero-list.js
│ │ │ └── ......
│ │ ├── components/
│ │ │ ├── heros/
│ │ │ │ ├── hero/
│ │ │ │ │ ├── hero-list.component.ts|html|css|spec.ts
│ │ │ │ │ └── ......
│ │ │ │ ├── hero-list/
│ │ │ │ │ ├── hero-list.component.ts|html|css|spec.ts
│ │ │ │ │ └── ......
│ │ │ ├── ......
क्या कोई अन्य बेहतर संरचना है?
या तो उपयोग एप्लिकेशन/या src/एप्लिकेशन रूट फ़ोल्डर के रूप में .. । (src/app तब तक समझ में नहीं आता है जब तक आपको src/app2, src/app3 पसंद नहीं है, और उस स्थिति में, उन ऐप्स को अलग-अलग रिपोज़ में अलग कर दें) –
मैं इसे पहला तरीका करूँगा, लेकिन यह सिर्फ व्यक्तिगत पी है संदर्भ/राय। इसलिए करीबी वोट। – cartant
भविष्य में, फीचर मॉड्यूल अपने स्वयं के reducers जोड़ने में सक्षम हो जाएगा। इस कारण से, मेरे पास प्रत्येक स्टोर में स्टोर '/ एप/फीचर/स्टोर' के लिए एक डीआईआर है, और इसमें 'feature.actions.ts',' feature.reducer.ts', और 'feature.selectors.ts' है। – adharris