Есть какой нибудь шаблонизатор для react?

Question

[ArrayPop]

Есть какой нибудь шаблонизатор для JSX или можно как то прикрутить сторонний шаблонизатор.
Например как во Vue или Angular

<ul id="example-1">
  <li v-for="item in items" :key="item.message">
    {{ item.message }}
  </li>
</ul>

Comments

[Roman K]

А чем тебя JSX не устроил?

[ArrayPop]

Roman Kitaev, я так и думал что это спросят!! Он менее читаемый.
Например я не могу сделать

<div v-if="type === 'A'">
  A
</div>
<div v-else-if="type === 'B'">
  B
</div>
<div v-else-if="type === 'C'">
  C
</div>
<div v-else>
  Не A/B/C
</div>

Мне в jsx придется заготавливать функцию отдельно где это все проверяется,потом только вставлять в общий html.

[Roman K]

ArrayPop, Потому что ты плохо пишешь на JSX

[ArrayPop]

Roman Kitaev, ну напиши прям щас красиво,как надо именно. Просто что нибудь напиши большое или кусок своего кода вставь с проекта,проверим как ты умеешь. Слабо? Почему то мне кажется что ты не напишешь)))

[Robur]

ArrayPop, вам, с такими критерями удобства, проще всего перейти с реакта на то что больше нравится, раз для вас это настолько важно.

Ну или сделайте большую и создайте свой шаблонизатор, который будет генерить jsx, например в виде плагина к бабелю.
Только учтите что так вы сможете писать только в своих личных проектах, в любой команде это выкинут мгновенно.

[Артур Гранд]

Чем не устраивает?

const compo = type === 'A' ? 
      <div>A</div> : 
      type === 'B' ?
            <div>B</div> : 
            <div>Не A/B</div>

return <>{compo}</>;