Size: a a a

React — русскоговорящее сообщество

2020 July 16

Д

Дмитрий in React — русскоговорящее сообщество
setProducts(oldArray => [...oldArray, createProduct]);
console.log(products, 'products');

Выдает пустой массив
[] "products"
в консоле. Почему ?
источник

DT

Daniil Tchernyavsky in React — русскоговорящее сообщество
Замыкание
источник

ei

export default - зло... in React — русскоговорящее сообщество
Oruj Tatiyev
а actionCreators экспорты ты смешиваешь с thunk-экшнами в одном файле?
то есть у тебя в статье не разделены
экспорты?
источник

OT

Oruj Tatiyev in React — русскоговорящее сообщество
источник

OT

Oruj Tatiyev in React — русскоговорящее сообщество
вместе с thunk
источник

ei

export default - зло... in React — русскоговорящее сообщество
Это все экшны
источник

OT

Oruj Tatiyev in React — русскоговорящее сообщество
ок значит в один файл. сорян за розовые вопросы
источник

DK

Dmitry Kazakov in React — русскоговорящее сообщество
Frenky
Про недостатки хуков мы поняли(нет), а в чем проблемы со sc?
на эту тему немало статей, в целом - больше кода, хуже перфоманс, смешение компонентов на "стилизованные" и "реактовые" (работал в проекте, где было пять Button, четыре из них - стилизованные под разные компоненты, а пятый <Button component={StyledButton} /> типа такого варианта использования), хаковый синтаксис, проблемы с форматированием в IDE, в HTML это все выглядит совсем неприглядно, статичные теги (div на a в тех либах с которыми работал не поменять, приходилось выносить стилизацию). В общем, мне не зашло, как и тем ребятам, с которыми работал
источник

ei

export default - зло... in React — русскоговорящее сообщество
Oruj Tatiyev
ок значит в один файл. сорян за розовые вопросы
Нет смысла это разделять, они одинаково юзаются
источник

OT

Oruj Tatiyev in React — русскоговорящее сообщество
💋
источник

F

Frenky in React — русскоговорящее сообщество
Dmitry Kazakov
на эту тему немало статей, в целом - больше кода, хуже перфоманс, смешение компонентов на "стилизованные" и "реактовые" (работал в проекте, где было пять Button, четыре из них - стилизованные под разные компоненты, а пятый <Button component={StyledButton} /> типа такого варианта использования), хаковый синтаксис, проблемы с форматированием в IDE, в HTML это все выглядит совсем неприглядно, статичные теги (div на a в тех либах с которыми работал не поменять, приходилось выносить стилизацию). В общем, мне не зашло, как и тем ребятам, с которыми работал
У меня с css наоборот больше кода получается, плюс это лишний файл всегда

Так же у меня есть сейчас 4-5 разных стилизованных кнопок и нету никакого смешивания при этом, потому что это нивелируется правильной архитектурой разделения кода

Свой ui в своей фиче лежит

В html выглядит все хорошо за счёт семантично хорошего нейминга

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

DK

Dmitry Kazakov in React — русскоговорящее сообщество
Frenky
У меня с css наоборот больше кода получается, плюс это лишний файл всегда

Так же у меня есть сейчас 4-5 разных стилизованных кнопок и нету никакого смешивания при этом, потому что это нивелируется правильной архитектурой разделения кода

Свой ui в своей фиче лежит

В html выглядит все хорошо за счёт семантично хорошего нейминга

Про перформанс мне пока нечего сказать, у меня пока проблем не было из того, что писали в чате люди, у них тоже не было
для стилизованных тоже же отдельный файл, или прямо в файле компонента их объявляете?
источник

F

Frenky in React — русскоговорящее сообщество
Dmitry Kazakov
для стилизованных тоже же отдельный файл, или прямо в файле компонента их объявляете?
Прямо в файле ui компонента
источник

N

Nikita in React — русскоговорящее сообщество
Всем привет. Такой вопрос. Нужны кнопки share по всем соц сетям (facebook, inst, twitter) и так далее. Есть ли либа которые собирает все SDK сайтов, что бы не читать доки каждой соц сети?
источник

EM

Eugene Maltsev in React — русскоговорящее сообщество
React share buttons гуглили?)
источник

DK

Dmitry Kazakov in React — русскоговорящее сообщество
Frenky
Прямо в файле ui компонента
то есть у вас в компоненте Form есть рядом с ним объявленный StyledSubmitButton, и таких по проекту немерено? И наверняка выделили общие для кнопок стили в подмешиваемые миксины, положенные в глобальный файл?
источник

DK

Dmitry Kazakov in React — русскоговорящее сообщество
или нет смешения потому, что переиспользуемых стилей нет, а все без миксинов объявляются в каждом компоненте?
источник

F

Frenky in React — русскоговорящее сообщество
Dmitry Kazakov
то есть у вас в компоненте Form есть рядом с ним объявленный StyledSubmitButton, и таких по проекту немерено? И наверняка выделили общие для кнопок стили в подмешиваемые миксины, положенные в глобальный файл?
Нет, я пользуюсь атомарной методологией по разделению ui
источник

DK

Dmitry Kazakov in React — русскоговорящее сообщество
Frenky
Нет, я пользуюсь атомарной методологией по разделению ui
не знаю, что под этим подразумевается(
источник

M

Max in React — русскоговорящее сообщество
Посоветуйте ресурс для изучения react
источник