approximate solution

https://codepen.io/P233/pen/EaGAl
Нужный Вам эффект на Link Hover 3

Вся суть заключается в том, что вы анимируете при наведении линию которая добавлена к ссылке через after. В дефолтном состоянии она у вас 0% ширины, при наведении - нужное число.

Open Sourse проекты на Github

Сам реакт идет в сторону функциональной разработки. А разрабатывать вы можете как угодно, просто придерживайтесь единообразной стилистики кода, и не мешайте кашу. Но образования ради, я бы советовал бы все таки обратить внимание на хуки.

Получается, я не могу написать универсальный компонент для обоих проектов.

Можете. Незачем тащить библиотеку бутстрапа или бульмы если вы пилите один-два-пять компонентов. Написать стили для кнопки - 30 секунд. Для таких вещей фреймворк не нужен.

Хочу стать фронт-энд разработчиком, а там главное знать отлично JavaScript.

Это тоже самое что сказать - хочу стать водителем, дорожные знаки и правила знать не хочу, т.к не нравятся, а вот водить очень люблю.

Frontend - это всё что вы видите глазами. Верстать во фронтенде это номер один на проекте, особенно у джуна. Будете сеньором, верстать будете в голове, раз в 3 года.
К тому же по своему опыту могу сказать, что когда выбирал между Бэком и Фронтом, остановился на фронте именно из-за верстки - вы не только можете показать свою работу работодателю, но и очень часто по фронту её и оценивают, так как для заказчика(фриланс, работодатель, и тд и тп) не будет понятно что вы там накрутили на бэке. Есть техническое задание, и вы можете наговнокодить на бэке(условно), и велосипед будет работать, а вот наговногодить на фронте - это болезненно, ваши косяки будут видны.

Для выполнения данной разметки нужно минимальное знание флексов.
display: flex flex-wrap: wrapдля родителя form
flex-basis flex-grow - для label и инпут(в зависимости от того будете ли вы оборачивать input.
В целом всё. Далее вы меняете данные значения в зависимости от media(если нужно).
Начните верстать на codepen. Если не получиться - поправлю.

Как зарабатывать на веб программирование?

Если для Вас веб программирование - это попытка снять сливки с торта в виде больших денег, боюсь Вас разочаровать, Вы не туда пришли. Если не "стоит" на профессию, то будет долго, сложно и не интересно.