Разница между Preact и React, отображающими компоненты без состояния

Question

Я использую Preact, потому что у меня есть проект с ограничениями размера. Я создал две игровые площадки, одна с Preact, другая с React.

Просто введите в поле поиска, обратите внимание, как Preact и React обновляются по-разному. React перерисовывает через DOM-узел, добавляет Preact к нему.

Я бы хотел, чтобы Preact вел себя как React. Пожалуйста помоги

Вот код, о котором идет речь, игровые площадки, чтобы увидеть различные варианты поведения ниже

const handleKeyUp = () =>
  render(
    <div key="1">{Math.random()}</div>,
  document.getElementById('random') 
)

const input = () => 
  render(
    <input onKeyUp={handleKeyUp} placeholder="type somthing here"/>,         
    document.getElementById('input')
  )


input()

---

Вот игровые площадки для React:

https://stackblitz.com/edit/react-yey8js?file=index.js

Вот площадка для CodePen:

https://codepen.io/babakness/pen/oEXjPz?editors=1010

Answer 1

Я обнаружил разницу: рендеринг Preact принимает третий параметр, который представляет собой DOM-узел для замены, а не для рендеринга.

https://github.com/developit/preact/wiki/Differences-to-React