Является ли хорошей практикой изменение значения input элемента в React без использования useState?

Хорошей практикой в React является использование useState для управления состоянием в компонентах. useState предоставляет удобный способ определения и изменения состояния без использования классовых компонентов и состояния класса.

Если вы изменяете значение input элемента без использования useState, то вы либо используете ссылку на DOM элемент напрямую, либо передаете значение в компонент через пропсы. Но такой подход не является рекомендуемым в React, так как он нарушает принцип однонаправленного потока данных (one-way data flow) и делает компонент сложнее для понимания и поддержки.

Использование useState для управления состоянием input позволяет React эффективно отслеживать изменения состояния и обновлять только те компоненты, которые действительно изменились. Если вы изменяете значение input без использования useState, то React не будет знать о этих изменениях и может перерисовать все компоненты на странице, что может привести к нежелательным проблемам производительности.

Важно понимать, что использование useState для управления состоянием не связано с оптимизацией перерисовки дерева компонентов. Это позволяет задать начальное значение и обновлять состояние компонента, но не влияет на оптимизацию перерисовки. Для оптимизации перерисовки следует использовать мемоизацию (memoization) и другие средства оптимизации, предоставляемые React.

Получение элементов из DOM через querySelector или getElementBy считается плохой практикой и более идиоматичный для React-а способ - использовать useRef для функциональных / createRef для классовых компонентов. 
 
 А сам подход без использования useState называется uncontrolled components и он достаточно часто используется, основное отличие в данном случае будет в том, что изменение значения в инпуте таким образом не вызывает нового рендера и если от этого значения зависят другие компоненты/эффекты, то и они обновляться/вызываться тоже не будут.