Kirill Makarov

Лично я бы создал модалку внутри неё хранил state и setState, затем где надо её использовать пропсом кидаю состояние true false, в модалке принимаю и если есть необходимость то меняю его через setState ну или функцию при необходимости. На мой взгляд нормальная практика

Как понять одностраничное приложение. Ты маленько не так выразился видимо, пишут и много страниц, на прошлой работе когда еще занимался вебом и онлайн школу подняли на реакт. Работает все замечательно и мобилку по ом легче делать, единственное с сео чтобы дружить надо next юзать

Ну как самый простой вариант создай state по дефолту который будет твоей ссылкой и мутируй его через setState остальное у тебя уже написано, правда не знаю на сколько это хорошее решение . Но думаю если на англ напишешь вопрос в гугле, быстро найдешь решение

Как вариант setTimeout

Пишется нормально, если у тебя мак бук то думаю много времени не потратишь, большая часть логики уже сделана, останется только сверстатть скрины и подключить навигацию. Обычно когда готов сайт на реакт, где то 60% уже подходит для мобилки на react-native

В редакс не залезал, по реакту глядя на код, все нормально вроде бы, единственное что бросилось в глаза у инлайн style пиксели писать не надо, там просто число передается. Ещё можно было конечно получше разбить папку компоненты. Допустим App оставить в корне, создать папку pages в ней страницу создать, а компоненты оставить в компонентах, но это уж так придирки

Гугли useEffect, либо если без хуков componentDidMount или как то так)) жизненый цикл компонента в общем

Не совсем понятно что в твое случае audioRef, ты его передвешь в функцию но где он у тебя инициализируется не понятно. Попробуй создать может быть обычный state в useEffect его перевести в true, и уже посмотреть что будет дальше. Ну это подойдет если ты ожидаешь boolean значение, хотя можно сделать setState любого типа туда

Я магазин додопиццы взял для тренировки, мне понравилось большинство функционала который потом применял там смог изучить. Корзину, карточки товаров, и прочее. Можешь кстати в моих ссылках посмотреть есть гит и ютуб где все это пилил. А так чтобы учить реакт сам дизайн тебе не особо нужен, куда важнее логику на нём понять, а дизайн это уже верстка все таки

Во первых в реакт className
Во вторых ничего не должно друг друга перебивать, создаешь файл, example.css импортируешь его где тебе надо, в любом компоненте или странице, и ты уже можешь применить этот className в этом компоненте. Так же как вариант можно все это подключить через index.css но тогда если не ошибаюсь нужно scss, и импортировать

В реакте не используют id, там есть своё реакт дом дерево, поэтому про id тут нужно забыть. Теперь что касается функционала, нужно изучить что такое пропсы, и прокидывать с помощью них. Либо если компоненты имеют большую цепочку, и нужно много прокидывать использовать redux mobx useState на выбор

Можешь задать этот список в родителе и передать ребенку, либо как вариант redux mobx. Или usecontext

Попробуй вместо ссылки использовать div и на него повесь onClick в котором будешь вызывать функцию и уже в функции переводить по ссылке. Если не поможет то создай отдельно кнопку явно указывающую что на ней переход по ссылке а все остальное оставь дивом

1 вариант не очень, зачем верстать два компонента если можно обойтись одним.
2 зачем что то прикидывать опять таки с новым компонентом.
3 да хороший вариант, все сверстал и в зависимости от state например сделал проверку если {state && (<>контент>)}
3 вариант выйгрышнее всего потому что не нужны лишние компоненты, сразу показываешь то что нужно. Хотя в некоторых случаях например если проверка на то авторизованный ли пользователь то можно отображать разные компоненты как в первом случае, где первый компоненты это навигация по авторизации, а второй это навигация по личному кабинету

Никак, если ты хочешь хранить данные нужна база данных, плюс бэк который эти данные обработает. А если ты чисто для себя делаешь туду, то можешь хранить данные либо в локал сторадж, либо в usecontext, либо заюзай мобх или редакс