Поиски меня ни к чему не привели, поэтому решил посмотреть референсы, который скинул Илья и которые я боялся смотреть, потому что цетирую: "Вот здесь отличная анимация, но там оверкил js". Именно из-за этого "оверкил", я даже не стал смотреть))
Так как вариантов не оставалось, зашел и полнял что АБСОЮТНО НИЧЕГО НЕ ПОНИМАЮ.
Код был написан, использую библиотеку для js, под название "gsap". Мало того, что эту библиотеку я не знаю, так я ее установить полтора часа не мог. Об ее использовании я молчу.
Единственное решение было тупо перекопировать код из референса три раза и наложить на три разыне строки, только вот работает это все криво. Остановка при наведение присутствует только у первой строки, остальные по приколу видимо не хотят работать, потому что объяснений я не нашел.
Эрнест пытается кодить
Photo
Второе, что я сделал буквально за вчерашнее утро — это компонент кнопки. Компоненты в реакте работают таким образом, что ты даешь ему информацию, а он должен тебе выдавать готовый элемент. По такому принцпу я сделал эти кнопки.
Даешь кнопке ссылку, текст и тип кнопки, который хочешь получить и компонент кнопки сам обрабатывает все стили и выдает готовый продукт))
Эрнест пытается кодить
Photo
Кроме кнопок был сделан еще инпут, с плавной анимацией рамочки.
Эрнест пытается кодить
Снимок экрана 2023-03-13 в 21.35.06.png
На основе этих компонентов я собрал хеддер. Очень долго мучался, чтобы расположить инпут по центру, но в итоге используя creatrive thinking у меня получилось😁
Please open Telegram to view this post
VIEW IN TELEGRAM
Эрнест пытается кодить
Photo
Очень хотел взяться за эту карточку, поэтому сегодня занимался ей. 10 раз пожалел, потому что расположить обложки подкастов точно так же, как в дизайне пока не выходит. Большую часть времени пытался сделать именно это.
❤🔥2
Рекламный баннер сделан. Так и не понял это картчока или баннер.
🔥3
Расположу ровно кнопку и рекламная краточка номер 2 готова.
Эрнест пытается кодить
В реакте начал работать в два раза быстрее, уже в голове строиться какой то алгоритм действий, будто я знаю, что делать и могу найти решения проблемам, а не так что как только что-то пошло не так, я бегу за помощью.
Помню говорил, что начал работать в два раза быстрее, так вот, все это чушь, я тогда как черепаха писал, сейчас все гораааздо быстрее и понятнее, интересно что будет дальше)
Все! Освновные компоненты закончены, добавлю детали в тячении сегодняшнего дня, и можно будет уже собирать первую страницу сайта.