Қолданбалар арасында React виджеттерін бөлісу

Блог

Қолданбалар арасында React виджеттерін бөлісу

Түсінікті болу үшін-бұл блог посты виджет кітапханасы туралы _ емес.



Сонымен, виджеттер дегенді қалай түсінемін?

Виджеттер-логиканы/деректерді алуды және презентацияны басқаратын қайта қолданылатын компоненттер.



Мені интерфейс пен логиканы ажыратпауды ұсынғаны үшін мені күпірлік жасады деп айыптамас бұрын, сізге «ақылды-мылқау», «презентациялық контейнер» құдіретті ережесінде/нюансында орын бар екеніне сендіретін бірнеше мысал келтірейін. 'және т.

Виджет компоненттеріне арналған жағдайларды қолданыңыз

  • ** Функциясы белгілі бір қызметпен тығыз байланысты компонентті құрғанда ** (мысалы, ауа райы виджеті).
  • Егер UI компоненті мен деректер/логикалық компонент жиі бірге қолданылса.
  • Қайта қолдануға болатын компонент - бұл жиі қайта қолданылатын компонент, ол кодтың қайта пайдалануға болатын блоктарының шектерін анықтаудың басты критерийі болуы керек. Егер компонент КІМ компонентпен бірге қолданылады B , 90% рет - олар бір рет қайта қолданылатын компонент ретінде бөлісілуі/жариялануы тиіс (кем дегенде, бөлек).
  • Бір бағдарламасыз/тұрақты сайттарды бір бассыз CMS айналасында құру кезінде.
  • Егер деректер көзі барлық қосымшалар үшін тұрақты болса, қайта пайдаланылатын компоненттер UI-ді де, деректерді алуды да басқаруы мағыналы болар еді. Бұл сонымен қатар маркетингтік және мазмұндық топтар (бағдарламалық жасақтама инженерлерінің орнына) жасай алатын төмен кодты композицияларды қосуы мүмкін.
  • Ұйымның ішкі деректерінен деректерді алатын статикалық веб -сайттарды құру кезінде.
  • Айтыңызшы, сіздің ұйымда Құжаттарды басқару ішкі жүйесі де, бір немесе бірнеше жалпыға қолжетімді веб -сайттар бар. Бұл веб-сайттар көбінесе сіздің ұйымыңызда басқарылатын динамикалық деректерді қамтиды (мысалы, байланыс ақпараты, филиалдар/кеңселер тізімі, алдағы оқиғалар және т. Сізде DMS-ке қосылған компоненттер болуы мүмкін, және деректерді алу тек дайындық уақытында болатындықтан, ешқандай қауіп төндірмейді (мысалы, Gatsby веб-сайттарында | _+_ | пайдалану).

Демо: Виджеттерді битпен бөлісу және қайта пайдалану

React виджеттерін бөлісуді және қайта пайдалануды көрсету үшін, біз пайдаланушы идентификаторына сәйкес суретті алатын аватар виджетін жасаймыз (содан кейін оны көрсетеді).



Артқы бөлік Firebase -те орналастырылған серверсіз функциямен өңделеді.

Виджет пен серверсіз функция бір репозиторийде құрылады. Екеуі де жарияланады Бит компоненттерінің торабы .

Бит жеке жобалар арасында компоненттерді бөлісудің бүкіл процесін басқаратын құрал мен компоненттер хабы.

#reactjs #javascript #typescript #реакция

blog.bitsrc.io

Қолданбалар арасында React виджеттерін бөлісу

React деректерді алу компоненттерін қалай және неге бөлісу керек. Виджеттер-логиканы/деректерді алуды және презентацияны басқаратын қайта қолданылатын компоненттер.