Чуваки, насколько тупая идея делать лендинг на реакте?

Ребят, подскажите как CORS изменить в react ?

Насколько это нормальная практика?

в npm

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

не принято

а почему не принято? это ведь так по-компонентному: создаю один раз InfoMessage, и потом можно отрисовать любым цветом текста/отступами/рамкой, а дефотный вид будет без пропсов

перепишешь компонент, во скольких местах сломается отображение?

а почему не принято? это ведь так по-компонентному: создаю один раз InfoMessage, и потом можно отрисовать любым цветом текста/отступами/рамкой, а дефотный вид будет без пропсов

ну а куда тогда отступы девать. нужно например в одном месте компоненту задать отступ сверху, а в другой части страницы — не нужно.

они должны задаваться разметкой родительского компонента, например display grid но это вам в чат верстальщиков, там такое рассказывают; это основы

но ведь в гридах нельзя управлять индивидуальным выравниванием грид-элемента из свойств грид-контейнера. все равно придется зашивать это в элемент

вам учиться верстать надо

что поучить?

верстку и обобщение. ну и причины по которым появился БЭМ

хорошо, я пойду посмотрю 5-часовой вебинар АШТЕМЕЛЬ-академии, где мне скажут, что БЭМ появился из-за деградации кода, отсутствия модульности, проблем со специфичностью и трудностей с поддержкой

только как это ответит на мой вопрос, как мне управлять индивидуальным выравниванием компонента в сетке, я не понимаю.

Выравниванием должен управлять не компонент, а контейнер в котором он лежит

свойства align-self у компонента-родителя, увы, нет

Как будто это единственный способ

по верстке я знаю гораздо больше, чем Вам кажется

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

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

Выбираю в селекте 1, 2, 3, затем через браузерную навигацию хочу пройти в обратнуб сторону 3->2->1. Получается, когда жму Назад, в значение компонента пишется 2, срабатывает componentDidMount и снова делает history.pushState. Выглядит так: (открыл страницу) pushState: 1 (выбрал 2) pushState: 2 (выбрал 3) pushState: 3 (нажал Назад) handlePopState, history.state.a: 2 pushState: 2 (нажал Назад) handlePopState, history.state.a: 2 (нажал Назад) handlePopState, history.state.a: 1 pushState: 1

Ты задал вопрос, я тебе ответил: не принято

ну а куда тогда отступы девать. нужно например в одном месте компоненту задать отступ сверху, а в другой части страницы — не нужно.

Фолкс, помогите синхронизировать значение select'а и парметр в браузерном урле. С отправкой значения селекта в УРЛ всё получилось несложно: в useEffect (componentDidMount/DidUpdate) пишу history.pushState и беру значение селекта из state компонента. Трудность с синхронизацией в "обратную сторону" - когда жму браузерные кнопки назад/вперёд, состояние компонента должно обновляться. Подписался на popstate и в нём устанавливаю значение селекта в state компонента - и, казалось бы, всё хорошо, но в этот момент срабатывает componenDidUpdate и ещё раз пишет состояние в history. Код на скрине или paste: https://pastebin.com/WVCgpRNw

https://codesandbox.io/s/zx8r8zjwwp

ну а куда тогда отступы девать. нужно например в одном месте компоненту задать отступ сверху, а в другой части страницы — не нужно.

https://codesandbox.io/s/zx8r8zjwwp

А, то есть useEffect всё равно вызывается при браузерной навигации, но делает replace вметсо push?

Не мог бы пояснить callback?

Что именно?

делаешь два компонента

Чем это отличается от обычного вызова pushState и setSelectValue в функции onSelectChange?

тыкаешь дизайнера в дизайн системы, что б больше не рисовал просто красиво

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

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

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

Будет ли абстрактый дизайн укладываться в абстракции?

это прежде всего хороший ux :)

делаешь два компонента

контейнер, в нем компоненты-колонки/строки, а уже в них компоненты?

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

не снапшотить всё подряд, не писать компоненты со 100500 зависимостей