Совет по выбору библиотеки/фреймворка для web

React говно

смешивать логику и разметку

Используй Vue

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

Вбивай Vue.js … и наслаждайся

У меня аж монитор засмузиточил.

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

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

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 - это типичный стокгольмский синдром, который путают с эффектом утенка.

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

А разные v-if, v-else и мульон других директив разметку только украшают, я понемаю.

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

То увидим, что и то, и другое в основном зависит от писателя, а не от библиотеки. Хотя концептуальная простота означенной библиотеки, конечно, в свою очередь, влияет на качество понемания происходящего писателем — и тут вуй в очевидном проигрыше. Чего стоит разделение пропсов на собственно пропсы, события и слоты, каждое со своим нескучным синтаксисом. Особенно слоты, конечно —это вообще вынос мозга под траурную музыку.

А прибитая гвоздями самостийная, нестандартная валидация пропсов? Всё это увеличивает когнитивную нагрузку на и без того ослабленный неумеренным потреблением смузи мозг и негативно влияет на качество кода.

У тебя очень странные проблемы. Бросай пить смузи. Vue.js — это Angular здорового человека. Его разработчик внезапно работал над той сранью, переработал все старые идеи и родил более простой фреймворк, который не вызывал отторжения своей привязкой к практикам и парадигмам удод нета.

И ты можешь использовать jsx в vue… Шок, да, кот в очках? И даже прикрутить TypeScript чтобы писать раза в три больше кода. У Vue еще плюс, что он не является разработкой какой-то корпорации (Meta — запрещенная в России террористическая организация). Я его выбрал тогда, когда о нем почти ничего не знали, а сейчас он на слуху… Хотя у меня и все претензии к React сводятся к ублюдскому JSX и Type Script.

фреймворк

Вуй не фреймворк, это такая же библиотека, как и реакт — view = f(state). Основная разница в том, каким образом состояние изменяется и как эти изменения отслеживаются.

ты можешь использовать jsx в vue

Да, можно выкинуть шаблоны и использовать рендер-функции (например, возвращающие JSX). Но зачем, если уже есть реакт? %)

претензии к React сводятся … к Type Script

Смузиэнцефалопатия прогрессирует, я смотрю.

Кстати, на реальной работе тебя всё равно с вероятностью овер 90% ждёт тайпскрипт — вуй там или не вуй.

В [vue] есть то чего нет в React:

Двусторонее связывание

Сахарок для макак, чтобы можно было высрать ещё немного больше кода за день и погонщик пореже бил кнутом? %) Нет ничего сложного в том, чтобы передать компоненту два пропса — значение и обработчик изменения этого значения, ну вот совершенно ничего сложного.

Компонентная система

Я начинаю сомневаться, что ты вообще реакт видел вживую %) Там же вообще ничего нет, кроме компонентов.

Очевидный PHP.

Да, но… Он же просил JavaScript на сервере и не погружаться. Я думаю тут никак, это взаимопротиворечивые требования.

В посте не было про жс на серве. Пыха уже не одному поколению домохозяек помогла поднять свой сайт, чем ТС хуже? Пыха это до сих пор база вэба, есть на любом хостинге.

В посте не было про жс на серве.

Вот жи: «сделать эти удобства с помощью одного языка вроде javascript? То есть фуллстэк?»

В былые времена понятие «фуллстэк» не подразумевало один язык, а означало что-то типа PHP+JS+HTML

Ой не думаю, что зная поверхностно браузерный js, ему проще будет освоить ноду, чем пыху с нуля.

Чё там осваивать-то, import express from 'express' и погнали по ухабам.

Лорчую php/vue, но python или go тоже пойдет.

Понимаю, что нужна будет адаптивная (правильно?) верстка

Бери какую-то библиотеку компонентов для vue, на голом html ты как начинающий не осилишь

Возможно ли сделать эти удобства с помощью одного языка вроде javascript? То есть фуллстэк?

Можно. Как видно из треда, веб-разработчики не особо любят писать бэкенд на жс, но если тебе прям нужно осваивать новый ЯП, то можно и на js сделать.

PHP-параша на поверку лаконичнее и логичнее. Просто встраиваем код без кривляний с попытками засунуть ветвление и прочий пограмизм в рамки xml. Если бы еще существовали верстальщики, они бы повесились от таких шаблонов. А кодеру зачем такие приседания?

Vue.js - The Progressive JavaScript Framework | Vue.js

https://vuejs.org
The Progressive JavaScript Framework...

React

https://react.dev
React is the library for web and native user interfaces...

Вывод: Vue лучше

Кстати, на реальной работе тебя всё равно с вероятностью овер 90% ждёт тайпскрипт

Нет, на реальной работе везде JS, а TS там где удоднетчики и явабои, в иных случаях там ts если и есть, то не более чем для тайпхинтов. Все было бы нормально, если бы он кардинально не привычный синтаксис языка

Я начинаю сомневаться, что ты вообще реакт видел вживую %) Там же вообще ничего нет, кроме компонентов.

А ты не видел Vue

оно подразумевает лишь умение во фронт и бек

За нее платят мало, поэтому пхпмакаки на какой-нибудь go переходят + кто бы что там не говорил, но питон и js больше похожи чем php и js. PHP плохой язык. Он скрывает ошибки, возвращая null и false, вместо того чтобы бросить исключения (раньше их там не было), вот поэтому в функцию может прилететь все что угодно, если на том же js пишет клинический похапешник и уже тем более нужно избегать React, который написали метановые пхпшники

тред не читал сразу отвечу

спринг на беке - реакт на фронте

ынтерпрайзненько

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

Второе. Не нужен тьюринг в шаблоне, а вот видеть сразу всё - нужно