Владимир

Реакт сам создает екземпляр класса и сам вызывает метод рендер, более того он сам вызывает кучу методов жизненного цикла, но я рекомендую пользоваться функциональными компонентами и хуками.
https://reactjs.org/docs/hooks-intro.html#complex-...
1) Потому что Fiber лучше работает с функциональными компонентами.
2) Есть полтора случая на 1000000 когда на функциональном компоненте нельзя реализовать то, что на классовом и все они описаны в официальной документации.
3) В реакте единственное возможное наследование это class Board extends React.Component, все, дальше начинается композиция, и в реакте думать в категориях OOP скорее вредно, чем полезно.
https://reactjs.org/docs/composition-vs-inheritanc...

So What About Inheritance?

At Facebook, we use React in thousands of components, and we haven’t found any use cases where we would recommend creating component inheritance hierarchies.

Поэтому забудьте про class based кмопоненты и сами пишите все на функциональных. А жизненный цикл class based компонент прочитайте внимательно пару (десятков) раз, чтобы запомнить и просто разбираться в чужом коде.

В любом. 3ds max, Maya, Blender
гуглить character animation
Буквально третья - четвертая ссылка в гугле
https://youtu.be/TjJLIuFKA20

Template literals are enclosed by the backtick (` `) (grave accent) character instead of double or single quotes.

https://developer.mozilla.org/en-US/docs/Web/JavaS...

Вы повесили функцию add на онклик по кнопке. Что вы ожидаете получить в ней в качестве входящего параметра?
В переменную fieldText вам прийдёт собственно сам ивент click, как и должно быть. Что вам позволило думать что там должен быть какой-то текст?

Ты используешь moment js чтобы получить нужную дату, но перед сравнением конвертируешь в строку? Садись, два!
https://momentjs.com/docs/#/query/is-between/
https://momentjs.com/docs/#/query/is-same-or-before/
https://momentjs.com/docs/#/query/is-same-or-after/
Выбирай на вкус

Если стили привязаны к компоненту, вынеси их в отдельный файл, а в компоненте делай
import "./styles.css";
если у тебя есть общий файл со стилями можешь сделать в модуле app
import "./main.css";
Инлайновых стилей в боевых проектах не видел вообще, единственная похожая на инлайновые стили штука
https://styled-components.com/
Лично я за разумный микс стайлед компонентс и общих стилей
Или вопрос в чем то другом?

Не знаю кстати какие туториалы вы смотрели
https://reactjs.org/docs/faq-styling.html#gatsby-f...

Devilz_1, Если он чистится, то никак. Как вариант в ефекте при чистке сохранять стейт в локальную переменную.

Открываешь Фленегана Подробное руководство Javascript, вроде уже есть 7-е издание, читаешь от корки до корки, там есть ООП.
https://www.oreilly.com/library/view/javascript-th...

Читайте доку по useEffect
https://reactjs.org/docs/hooks-reference.html#clea...
Вы не освобождаете конекшн при анмаунте
возвращайте из useEffect функцию, которая отключится от сокета
Вот этот кусок кода у вас продолжает выполнятся после того как компонент был отмонтирован,

console.log('Подключился к прослушиванию сообщений в user list с id: ', socket.id)
            setUsrs(dataUsers)

вам 1) вынести его в отдельную функцию, при маунте делать socket.on(' не на анонимную функцию а на именованую
2) При анмаунте делать socket.off если он это поддерживает

https://muffinman.io/blog/react-router-subfolder-o...
Насколько я помню githab pages позволяют создавать субдомен для подпапки в репозитории, по правой кнопке на ней. Возможно этот солюшн будет проще чем описанный выше