Как в React реализована собственно реактивность — какие аналоги вуевских v-bind и v-model?

Question

[Роми]

Иными словами, как реализовать банальную Vue-магию типа:

<div id="app">
  <p>{{ message }}</p>
  <input v-model="message">
</div>

var app = new Vue({
  el: '#app',
  data: {
    message: 'Привет, Vue!'
  }
})

заранее спасибо.

Comments

[Сергей Соколов]

предлагаю вместо «вуевских» употреблять хотя бы «вьюшных» )

[Роми]

В общем, гуглил я гуглил и понял что (внезапно!)

В React такой реактивности, как v-model нет вовсе.

И это для меня открытие сегодняшнего утра =)

[Aetae]

Реактивность в vue - божественная. И единственная настоящая из большой тройки. В реакт "реативность" основана на условно-ручном перерендере, в ангуляр вообще на убогом переборе и монкипатчинге. =\

[Alexandroppolus]

Aetae, голый реакт мало кто использует.
если под "реактом" понимать связку "реакт+мобх", увы, (пока) не ставшую дефолтной, то будет такая же реактивность как в вуе.

[Aetae]

Alexandroppolus, не такая же, а китайская подделка вод Vue.)
Mobx сильно на костылях прикручен к реакту и там есть куча оговорок.
Ну и использовать его нормально можно только как стор, основная работа всё равно останется на хуках.

[Роми]

Alexandroppolus, спасибо за подсказку! Непременно ознакомлюсь.

[Роми]

Aetae, дык Vue тож китайский вроде)))

Answer 1

[Владимир Коротенко]

отсюда https://badcode.ru/react-dlia-vue-razrabochikov/

import { useState } from 'react';

export default function Profile() {
  const [name, setName] = useState('Sebastian');

  return (
    <input
      type="text"
      value={name}
      onChange={event => setName(event.target.name)}
    />
  );
}

Comments

[Роми]

спасибо добрый человек! именно такую статью я и искал последние пару дней! ))