LINUX.ORG.RU

История изменений

Исправление rtxtxtrx, (текущая версия) :

Недоразметка в коде или недологика в шаблонах — что же выбрать?

Какие-то нубские заявления в стиле слышал звон да не знаю где он

PHP-параша:

function Greeting(props) {
  return (
    <div>
      {props.isLoggedIn ? (
        <h1>Добро пожаловать, {props.user.name}!</h1>
      ) : (
        <h1>Пожалуйста, войдите в систему.</h1>
      )}
    </div>
  );
}

vs:

<template>
  <div>
    <h1 v-if="isLoggedIn">Добро пожаловать, {{ user.name }}!</h1>
    <h1 v-else>Пожалуйста, войдите в систему.</h1>
  </div>
</template>

<script setup>
const props = defineProps({
  isLoggedIn: {
    type: Boolean,
    required: true
  },
  user: {
    type: Object,
    required: true
  }
});
</script>

В первом случае, да, без скрипта для тупых IDE распарсить такое не сможет. А во втором расширение для Vue.js со всем справляется.

И это молчим про то что в реакте говно-функция может возвращать лишь один корневой элемент… А Vue 3 такое позволяет:

<template>
  <h1></h1>
  <p></p>
</template>

От чего разметка в реакте довольно таки мусорная, перегруженная лишними элементами…

А когда мы углубимся в скорость и прожорливость…

React - это типичный стокгольмский синдром, который путают с эффектом утенка.

Исправление rtxtxtrx, :

Недоразметка в коде или недологика в шаблонах — что же выбрать?

Какие-то нубские заявления в стиле слышал звон да не знаю где он

PHP-параша:

function Greeting(props) {
  return (
    <div>
      {props.isLoggedIn ? (
        <h1>Добро пожаловать, {props.user.name}!</h1>
      ) : (
        <h1>Пожалуйста, войдите в систему.</h1>
      )}
    </div>
  );
}

vs:

<template>
  <div>
    <h1 v-if="isLoggedIn">Добро пожаловать, {{ user.name }}!</h1>
    <h1 v-else>Пожалуйста, войдите в систему.</h1>
  </div>
</template>

<script setup>
const props = defineProps({
  isLoggedIn: {
    type: Boolean,
    required: true
  },
  user: {
    type: Object,
    required: true
  }
});
</script>

В первом случае, да, без скрипта для тупых IDE распарсить такое не сможет. А во втором расширение для Vue.js со всем справляется.

И это молчим про то что в реакте говно-функция может возвращать лишь один корневой элемент… А Vue 2 такое позволяет:

<template>
  <h1></h1>
  <p></p>
</template>

От чего разметка в реакте довольно таки мусорная, перегруженная лишними элементами…

А когда мы углубимся в скорость и прожорливость…

React - это типичный стокгольмский синдром, который путают с эффектом утенка.

Исправление rtxtxtrx, :

Недоразметка в коде или недологика в шаблонах — что же выбрать?

Какие-то нубские заявления в стиле слышал звон да не знаю где он

PHP-параша:

function Greeting(props) {
  return (
    <div>
      {props.isLoggedIn ? (
        <h1>Добро пожаловать, {props.user.name}!</h1>
      ) : (
        <h1>Пожалуйста, войдите в систему.</h1>
      )}
    </div>
  );
}

vs:

<template>
  <div>
    <h1 v-if="isLoggedIn">Добро пожаловать, {{ user.name }}!</h1>
    <h1 v-else>Пожалуйста, войдите в систему.</h1>
  </div>
</template>

<script setup>
const props = defineProps({
  isLoggedIn: {
    type: Boolean,
    required: true
  },
  user: {
    type: Object,
    required: true
  }
});
</script>

В первом случае, да, без скрипта для тупых IDE распарсить такое не сможет. А во втором расширение для Vue.js со всем справляется.

И это молчим про то что в реакте говно-функция может возвращать лишь один корневой элемент… А Vue 2 такое позволяет:

<template>
  <h1></h1>
  <p></p>
</template>

От чего разметка в реакте довольно таки мусорная, перегруженная лишними элементами…

А когда мы углубимся в скорость и прожорливость…

React - это типичный стокгольский синдром, который путают с эффектом утенка.

Исходная версия rtxtxtrx, :

Недоразметка в коде или недологика в шаблонах — что же выбрать?

Какие-то нубские заявления в стиле слышал звон да не знаю где он

PHP-параша:

function Greeting(props) {
  return (
    <div>
      {props.isLoggedIn ? (
        <h1>Добро пожаловать, {props.user.name}!</h1>
      ) : (
        <h1>Пожалуйста, войдите в систему.</h1>
      )}
    </div>
  );
}

vs:

<template>
  <div>
    <h1 v-if="isLoggedIn">Добро пожаловать, {{ user.name }}!</h1>
    <h1 v-else>Пожалуйста, войдите в систему.</h1>
  </div>
</template>

<script setup>
const props = defineProps({
  isLoggedIn: {
    type: Boolean,
    required: true
  },
  user: {
    type: Object,
    required: true
  }
});
</script>

В первом случае, да, без скрипта для тупорылых IDE распарсить такое не сможет.