Ребят хочу избавиться от импорта констант(добавив их в App.scss). Подскажите

плиз, что я делаю не так?

Ну они у тебя в app.scss должны быть в списке импортов самыми первыми. В общем константа должна быть объявлена раньше чем она будет использована

Ну или идти до импортов если они у тебя в самом app.scss но это плохо так делать

они должны быть в отдельном файле и он должен быть испортирован самым первым в app.scss

сделал так, но ошибка осталась(я хочу как-то избавиться от постоянного импорта констант в css.module компонентов)

Если ошибка только в webStorm, а проект нормально собираеться, то можно забить. Это касяк webStorm. (эту проверку можно в настройках отключить) Если нет, то все таки что то не так сделал. ПОтому что я всегда отдельный файл делаю _variables.scss и подключаю его в гдавном файле scss самым первым и все прекрасно работает

Все заработало когда миксины первее поставил(но все также не работает в модульном scss)

Стикер

может у меня проблема, в модульном css в реакте?

Ну в реакте проще выбросить нафиг scss и пользовать StyledComponets. Там точно все работает)) А я кстати для scss никогда в модули внешние файлы scss не импортировал, это как то противоречит концепции react компонентов

я новичек, еще не юзал эту либу и сроки горят

Ну тогда фигней не страдай и импортируй константы пока так, как у тебя получаеться. СДелай основную задачу, а потом если будет время попробуй разобраться с импортом

а не подскажите где найти sassOptions: { prependData: @use "sass:math" @import "/styles/helpers/responsive.sass" @import "/styles/helpers/colors.sass" @import "/styles/helpers/mixins.sass" @import "/styles/helpers/fonts.sass" },

чем собираешь?

обычное реакт приложение, вебпак походу

Ну вроде это надо в webpack.config прописывать. Но если ты это делаешь для Create React App, то там надо делать eject для конфигурации. В общем больше геморроя будет чем пользы

не обязательно, можно craco заюзать

еще подскажите плиз, если мне нужно из макета лендинг пейдж, сверстать страничку используя реакт, можно просто пропсами пробрасывать данные или лучше контекст использовать?

Гмм.. Есть 3 варианта: Стэйт Мэнеджер (redux, effector и т.д.): Это если есть глобальное состояние. Контекст: это если мы что то пробрасываем между составными частями большого компонента, с большим уровнем вложенности (типа как матрешки друг друга вложены, и если таких матрешек 3 и больше, то можно и про контекст подумать) В остальных случаях пропсы. Иногда контекст используют вместо СтэйтМенеджера, вместе с хуком useReducer. Но это на любителя. МНе например не понравилось.

Ну это одностраничный лэндинг. ПОэтому я думаю у тебя там вложенность будет 1, то есть каждый блок это один компонент, который будет подключен в app.js Поэтому тут может и не надо заморачиваться с контекстами и т.д.

В общем все зависит от функционала

ну мне сказали все что переиспользуется выносить в компоненты

С бэка много данных приходит?

Ну это другой вопрос. Все что переиспользуеться мы обычно контролируем через пропсы.

я так понимаю, мне нужно будет мапить блоки feauteres didgital signage навигацию li в футере li создать компонент кнопки и переиспользовать?

нету данных с бека, просто макет сверстать на реакте

Тогда props достаточно за глаза

Да кнопки мы контролируем через пропсы и через children добавляем например внутрь кнопки текст.

списки и блочки так же?

вот посмотри. сделай так же, только без стайлед. https://youtu.be/Nl54MJDR2p8

+

Ну да. Если конечно они у тебя повторяются