पुन: उपयोग करने योग्य घटकों को बनाने के लिए पैटर्न

Question

मैं वर्तमान में एक दीर्घकालिक वेब अनुप्रयोग उल्का पर काम कर रहा हूं। जहां समय के साथ डेवलपर्स आते हैं और जाते हैं। इसलिए यह सुनिश्चित करने के लिए कि पूरा एप्लिकेशन एक ही रूप को बनाए रखता है और महसूस करता है कि मैं उल्का के टेम्पलेट सिस्टम के साथ मानक घटकों को बनाने में सक्षम होना चाहता हूं। तो फीचर टेम्पलेट्स में कोई भी HTML शामिल नहीं होना चाहिए जो कि सभी को घटक टेम्पलेट्स में शामिल किया जाना चाहिए।

मैंने meteor-polymer की कोशिश की है, लेकिन यह सिर्फ मेरे आवेदन को दुर्घटनाग्रस्त कर देता है और ऐसा लगता है कि मुझे एक और लाइब्रेरी जोड़ने की बजाय उल्का templating प्रणाली का उपयोग करना चाहिए। इसके अलावा बहुलक टेम्पलेट टैग कि उल्का भी पर निर्भर करता है पर निर्भर है, इसलिए मैं काफी यकीन है कि

असल में क्या मैं अपने टेम्पलेट्स में क्या करना चाहते हैं यह है नहीं कर रहा हूँ:

<template name="someRandomFeature"> 
    {{#_RadioGroup name="dataInput" context=. formData=formData}} 
     {{#_setLabel}}Test set{{/_setLabel}} 
     {{#_addRow}} 
      {{assignValues value="random"}} 
      {{#_setCaption}}Random{/_setCaption}} 
     {{/_addRow}} 
     {{#_addRow}} 
      {{assignValues value="expression"}} 
      {{#_setCaption}}Expression: {{_TextInput name="testSetExpression" inline=true}}{{/_setCaption}} 
     {{/_addRow}} 
    {{/_RadioGroup}} 

    {{#_FormGroup}} 
     {{#_Config}} 
      {{assignValues numRows=2}} 
     {{/_Config}} 

     {{#_setRow 0}} 
      {{#_SetLabel}}Number of tests{{/_SetLabel}} 
      {{#_setStageContent}} 
       {{> _DropDown name="numberOfTests" items=numberOfTestsList formData=formData}} 
      {{/_setStageContent}} 
     {{/_setRow}} 

     {{#_setRow 1}} 
      {{#_SetLabel}}To email address{{/_SetLabel}} 
      {{#_setStageContent}} 
       {{> _TextInput name='respondentSelection' formData=formData}} 
       <span class="help-block text-left">Send all test mails to this email adress</span> 
      {{/_setStageContent}} 
     {{/_setRow}} 
    {{/_FormGroup}} 
</template> 

एक घटक का उदाहरण:

<template name="_FormGroup"> 
{{#with numRows=0 context=. formdata=formdata stage='config'}} 
    {{#with execBlock UI.contentBlock}} 
     <div class="form-group"> 
      {{#each getRows}} 
       {{#unless ../disableLabels}} 
        <label class="control-label"> 
         {{#with _constructStageList 1='rows' 2=_id 3='label'}} 
          {{> UI.contentBlock stage=this stageContext=../../context}} 
         {{/with}} 
        </label> 
       {{/unless}} 

       <div class="row{{#unless ../disableLabels}} controls{{/unless}}"> 
        <div class="{{#if ../fullWidth}}col-md-16{{else}}col-md-8{{/if}}"> 
         {{#with _constructStageList 1='rows' 2=_id 3='content'}} 
          {{> UI.contentBlock stage=this stageContext=../../context}} 
         {{/with}} 
        </div> 
       </div> 
      {{/each}} 
     </div> 
    {{/with}} 
{{/with}} 
</template> 

और यह लेकिन काम करता है:

1. घटकों खुद को ज्यादा जटिल हैं, संदर्भ रों के बहुत सारे witching जो घटक समझने एक जीवित नरक
2. पैटर्न काफी कुछ अपडेट

तो किसी को भी अभी तक भी ऐसा ही करने की कोशिश की है के साथ टूट गया है बनाता है? और/या एक पैटर्न पाया जो इसके लिए काम करता है?

Answer 1

Respond.ly के रचनाकारों से ठीक से यह करने के लिए विकास में एक परियोजना है: UI Harness। हालांकि इस समय यह निजी है। आप इसके बारे में Phil Cockfield’s talk at the July 2014 Devshop (YouTube link) से सीख सकते हैं। बातचीत के वीडियो से, आपको अपने विचारों को कैसे व्यवस्थित करना है, इस बारे में कुछ विचार प्राप्त करना चाहिए यदि आप यूआई हार्नेस रिलीज की प्रतीक्षा नहीं करना चाहते हैं।