История изменений

Можно ли сделать на основании этих примеров

Как уже писали, если на хуках Реактовый пример переписать, то количество кода ощутимо сократится.

хотя там учить особо нечего

Спорное утверждение. Сам React может быть, и не сложный, но его часто используют в связке с Redux, например. То есть освоение этой инфраструктуры может занять ощутимое количество времени. Потому что React сам по себе не фреймворк из готовых компонентов, а библиотека. Готового каркаса нет - полная свобода действий (в том числе и для превращения проекта в лютый говнокод). Я уж молчу про то, что писать нормальный код на React не так уж и просто - для этого нужен опыт.

тошнит от смешения разметки и js

Так это везде в js-фреймворках в том или ином виде. В Angular всякие ng-repeat, ng-if в шаблонах. В Vue button(@click="++counter") - это не js в разметке? Ну, ты понял. Чистых шаблонов нигде нет.

Можно ли сделать на основании этих примеров

Как уже писали, если на хуках Реактовый пример переписать, то количество кода ощутимо сократится.

хотя там учить особо нечего

Спорное утверждение. Сам React может быть, и не сложный, но его часто используют в связке с Redux, например. То есть освоение этой инфраструктуры может занять ощутимое количество времени. Я уж молчу про то, что писать нормальный код на React не так уж и просто - для этого нужен опыт.

тошнит от смешения разметки и js

Так это везде в js-фреймворках в том или ином виде. В Angular всякие ng-repeat, ng-if в шаблонах. В Vue button(@click="++counter") - это не js в разметке? Ну, ты понял. Чистых шаблонов нигде нет.

Можно ли сделать на основании этих примеров

Как уже писали, если на хуках Реактовый пример переписать, то количество кода ощутимо сократится.

хотя там учить особо нечего

Спорное утверждение. Сам React может быть, и не сложный, но его часто используют в связке с Redux, например. То есть освоение этой инфраструктуры может занять ощутимое количество времени. Я уж молчу про то, что писать нормальный код на React не так уж и просто - для этого нужен опыт.

тошнит от смешения разметки и js

Так это везде в js-фреймворках в том или ином виде. В Angular всякие ng-repeat, ng-if в шаблонах. В Vue «button(click=»++counter")" - это не js в разметке? Ну, ты понял. Чистых шаблонов нигде нет.