Size: a a a

2021 June 01

DE

Denis Efremov in JS Liberty
Ещё в 18 году мог https://github.com/lyonlai/blessed-vue
источник

NR

Nikolai Reguliarniy in JS Liberty
jsx это в принципе история про ast, а не про html. он более гибкий. и все подходы в реакте не строятся вокруг html и браузеров, это более абстрактная вещь. vue же во первых фреймворк, а не библиотека, и во вторых чисто для веба
источник

DE

Denis Efremov in JS Liberty
Ну ну. Только на нем плагины к гному пишут
источник

DE

Denis Efremov in JS Liberty
Впрочем как и на реакте
источник

DE

Denis Efremov in JS Liberty
Шаблон вью это не HTML, повторяю
источник

NR

Nikolai Reguliarniy in JS Liberty
Vue.js uses an HTML-based template syntax that allows you to declaratively bind the rendered DOM to the underlying Vue instance’s data. All Vue.js templates are valid HTML that can be parsed by spec-compliant browsers and HTML parsers.
источник

S

Syntax Highlight Bot in JS Liberty
источник

NR

Nikolai Reguliarniy in JS Liberty
это из доки вью
источник

DE

Denis Efremov in JS Liberty
Оно совместимо с HTML — это да
источник

DE

Denis Efremov in JS Liberty
Но это не HTML
источник

DE

Denis Efremov in JS Liberty
Там так и написано
источник

DE

Denis Efremov in JS Liberty
Ну и XML это как бы стандарт не только в вебе
источник

NR

Nikolai Reguliarniy in JS Liberty
  render() {
   return (
     <>
       {_.map(this.props.layer.getTooltips(), tooltip => {
         const { linkId, id } = tooltip.options;
         const link = this.props.engine.getModel().getLink(linkId) as CustomLinkModel;

         if (!link) {
           return;
         }

         const renderPredicates = link.model?.predicates?.map(({ code, expectedValue }) => {
           return (
             <p key={code} className={cn(`predicate`, { active: expectedValue })}>
               {expectedValue ? null : `НЕ`} {getNameByCode(this.context?.predicates, code)}
             </p>
           );
         });

         const tooltipContent = (
           <>
             <p dangerouslySetInnerHTML={{ __html: link.model.description }} />
             {renderPredicates}
           </>
         );

         return (
           <Tooltip
             key={id}
             title={link.model.name}
             description={tooltipContent}
             link={link}
             label={link.getLabels()[0] as CustomLabelModel}
           />
         );
       })}
     </>
   );
 }
источник

S

Syntax Highlight Bot in JS Liberty
источник

NR

Nikolai Reguliarniy in JS Liberty
во вью чтобы такой компонент из 50 строк сделать, придется юзать слоты, декомпозировать на 3 компонента. да?
источник

DE

Denis Efremov in JS Liberty
Какой такой?
источник

DE

Denis Efremov in JS Liberty
Даже если и так, зато там не будет смешанного кода
источник

NR

Nikolai Reguliarniy in JS Liberty
в итоге итератор в шаблоне, логика в методах. все размазано по 10 файлам. хз в чем тут плюс, когда на реакте это в 50 строк на одном экране умещается
источник

DE

Denis Efremov in JS Liberty
Какой ещё итератор в шаблоне? Ты прикалываешься? У тебя вообще всё в одной функции
источник

DE

Denis Efremov in JS Liberty
Это что плюс?
источник