Или ты про стор?

mixin через css`` хеллпер либо extend через styled(BaseComponent)``

extend deprecated

Поясни, пожалуйста. В каком смысле свитч и какие вычисляемые поля?

про хранение в стейте

про хранение в стейте

А, ок

extend deprecated

перечитай внимательнее мое сообщение

перечитай внимательнее мое сообщение

Слово extend в нем лишнее ибо депрекейтед

а если это не компонент, а протсо какой-то обищй стиль, то я так понимаю нужною зать миксин ?

Слово extend в нем лишнее ибо депрекейтед

Ну там .extend() и не написано

Ну там .extend() и не написано

Ну а нахера там extend? Только запутает человека

Ну а нахера там extend? Только запутает человека

¯\_(ツ)_/¯ не вспомнил сходу русский эквивалент

а если это не компонент, а протсо какой-то обищй стиль, то я так понимаю нужною зать миксин ?

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

withComponent вроде как надо теперь юзать

Ну и в целом слово показывает сам процесс в противовес миксина

withComponent вроде как надо теперь юзать

deprecated, блэд

deprecated, блэд

хуекейтед https://github.com/styled-components/styled-components-codemods

Надо юзать styled ))

хуекейтед https://github.com/styled-components/styled-components-codemods

и че?

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

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

и че?

посмотри before и after

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

Миксин css`` для другого нужно

посмотри before и after

посмотри доку https://www.styled-components.com/docs/api#withcomponent

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

Парни, привет. Я новенький, только начал работать с react. Так что прошу не сильно пинать за глупые вопросы, но всё же они будут) Юзается react-immutable-proptypes нужно создать ImmutablePropTypes.map не понимаю как в него сетить? const emailVerifiedConfirmation = ImmutablePropTypes.map; emailVerifiedConfirmation.set(isFetching, isFetching); TypeError: emailVerifiedConfirmation.set is not a function Помогите советом?

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

Вот тут понятно зачем нужен css Из доки ``` const sizes = { desktop: 992, tablet: 768, phone: 576, } // Iterate through the sizes and create a media template const media = Object.keys(sizes).reduce((acc, label) => { acc[label] = (...args) => css` @media (max-width: ${sizes[label] / 16}em) { ${css(...args)} } ` return acc }, {}) const Content = styled.div` height: 3em; width: 3em; background: papayawhip; /* Now we have our methods on media and can use them instead of raw queries */ ${media.desktop`background: dodgerblue;`} ${media.tablet`background: mediumseagreen;`} ${media.phone`background: palevioletred;`} `; render( <Content /> ); ```

Парни, привет. Я новенький, только начал работать с react. Так что прошу не сильно пинать за глупые вопросы, но всё же они будут) Юзается react-immutable-proptypes нужно создать ImmutablePropTypes.map не понимаю как в него сетить? const emailVerifiedConfirmation = ImmutablePropTypes.map; emailVerifiedConfirmation.set(isFetching, isFetching); TypeError: emailVerifiedConfirmation.set is not a function Помогите советом?

Это же проптайпсы, зачем в них сеттить? тебе просто Immutable нужен

Это же проптайпсы, зачем в них сеттить? тебе просто Immutable нужен

Я что-то не понимаю) Мне нужно создать Map, создаю обычный, ругается что я передаю тип object, а нужно map, так как static propTypes = { emailVerifiedConfirmation: ImmutablePropTypes.map, } Я вот и начал создавать ImmutablePropTypes.Map Можешь объяснить?) буду благодарен

ImmutablePropTypes нужны только для propTypes, через них ты никакие структуры создать не сможешь

Для структур - Immutable.js

Кто-нибудь юзал? https://github.com/ptmt/react-native-macos какие впечатления

Для структур - Immutable.js

спасибо

Я что-то не понимаю) Мне нужно создать Map, создаю обычный, ругается что я передаю тип object, а нужно map, так как static propTypes = { emailVerifiedConfirmation: ImmutablePropTypes.map, } Я вот и начал создавать ImmutablePropTypes.Map Можешь объяснить?) буду благодарен

Мой совет такой, раз новичок не лезь вообще в immutable js. Прочитай документацию, делай все на максимально простом js, потом когда потребуется возьмешь Imutable или Immer или еще что нибудь. Ну а конкретный ответ выше, propTypes это другое

Мой совет такой, раз новичок не лезь вообще в immutable js. Прочитай документацию, делай все на максимально простом js, потом когда потребуется возьмешь Imutable или Immer или еще что нибудь. Ну а конкретный ответ выше, propTypes это другое

это классный совет, но работа есть работа, 3 дня знаком с реактом, нужно написать тесты для компонентов, вот походу и вникаю

Мой совет такой, раз новичок не лезь вообще в immutable js. Прочитай документацию, делай все на максимально простом js, потом когда потребуется возьмешь Imutable или Immer или еще что нибудь. Ну а конкретный ответ выше, propTypes это другое

с одной стороны - да, immutable.js сложнее, с другой стороны, используя redux не будет шанса допустить ошибки замутировав что-то.

это классный совет, но работа есть работа, 3 дня знаком с реактом, нужно написать тесты для компонентов, вот походу и вникаю

а ну тогда удачи, смотри доку immutable.js

с одной стороны - да, immutable.js сложнее, с другой стороны, используя redux не будет шанса допустить ошибки замутировав что-то.

зато будут возникать такие вопросы и ты будешь изучать реакт сто лет )

привет! подскажите пожалуйста где я ошибся, почему после обновления стейта не происходит перерендер, и мой список не обновляется

А вот и про мутацию данных

привет! подскажите пожалуйста где я ошибся, почему после обновления стейта не происходит перерендер, и мой список не обновляется

редьюсер покажи

кстати, mapPropsToDispatch не нужно так делать

привет! подскажите пожалуйста где я ошибся, почему после обновления стейта не происходит перерендер, и мой список не обновляется

так у тебя всегда пустой список рендерится или что?

кстати, mapPropsToDispatch не нужно так делать

там еще WillMount и ключи нужны, но проблема в чем то другом

кстати, mapPropsToDispatch не нужно так делать

чем чревато? по другому консоль не сделать просто

в твоем случае достаточно connect( ...., ({ addItems: actions.addItems }) )

второй параметр connect-а принимает обычный хеш объект и сам все биндит как надо

Скорей всего проблема в state.items

Покажи как у тебя корневой редюсер создается

так у тебя всегда пустой список рендерится или что?

нет, я прокидываю со стейта массив и не происходит перерендер

угу

в mapStateToProps state.itemsReducer.items возвращай

в mapStateToProps state.itemsReducer.items возвращай

спасибо! все работает

а можно залогировать измение стейта?

я в реакт дев тулз ставлю галку в стейте, а она сразу отжимается!

Присоединяйтесь! Lviv - contribute to open source! https://www.facebook.com/events/2180407068873890/

Привет всем, у реката можно import React, { Component } from 'react'; вот так, как бы деструктурируя экспорт, как нужно написать свой экспорт что бы так ипортить?

Привет всем, у реката можно import React, { Component } from 'react'; вот так, как бы деструктурируя экспорт, как нужно написать свой экспорт что бы так ипортить?

export const Example =

Привет всем, у реката можно import React, { Component } from 'react'; вот так, как бы деструктурируя экспорт, как нужно написать свой экспорт что бы так ипортить?

export { Твоя функция }. А в другом файле import { Твоя функция }

export { Твоя функция }. А в другом файле import { Твоя функция }

а там типа два эксрта просто ? default = React и Component

export { Твоя функция }. А в другом файле import { Твоя функция }

Не надо так делать

а там типа два эксрта просто ? default = React и Component

Пишешь export возле того, что хочешь экспортнуть

Это именованный экспорт

Это именованный экспорт

вообще это не так

Не надо так делать

Почему? Мне казалось удобно в конце файла закинуть всё что нужно на экспорт в одну строчку export { test, test2, test3}

ERROR: S client not available

Это именованный экспорт

ну React как экспортируется тогда?

вообще это не так

Component это свойство объекта, который по дефолту экспортится

ну React как экспортируется тогда?

на самом деле тебе нужно не про реакт знать

а там типа два эксрта просто ? default = React и Component

export React это дефолтный экспорт, а то что в скобках { } то именной экспорт

Почему? Мне казалось удобно в конце файла закинуть всё что нужно на экспорт в одну строчку export { test, test2, test3}

Гораздо удобнее когда ты читая файл сверху вниз, видишь все что экспортится. А не прыгаешь вниз

Petr просто пиши export { Something }

вообще это не так

Бля

Petr просто пиши export { Something }

Не советуй говно

Не советуй говно

твой любимый именованный экспорт это говно?

твой любимый именованный экспорт это говно?

export const Something

export const Something

это то же самое

это то же самое

Нет

Гораздо удобнее когда ты читая файл сверху вниз, видишь все что экспортится. А не прыгаешь вниз

Возможно и так, просто по привычке в конце чекаю что вылетает на экспорт)))) Но твой вариант тоже очень хороший

в реакте, в свою очередь, нет "export const Component"

там просто "export default React" а Component это свойство объекта React

там просто "export default React" а Component это свойство объекта React

const Example = { A: 1, B: 2, }; export default Example;

import Example, { A, B } from './component-service';

так должно работать?

)

так должно работать?

так будет работать

а "должно" или нет другой вопрос)

так будет работать

Только в бабеле

так будет работать

чет не работает, возможно из за тайпскрипта, ну спасибо

так должно работать?

лучше действительно "export const A = 1" писать

так должно работать?

В нормальных es модулях не будет

https://codesandbox.io/s/pm945rl8om

почему as не работает?

чет не работает, возможно из за тайпскрипта, ну спасибо

да тс та ещё привереда )

Да откройте вы уже статью или спеку и прочтите

А тс не нужен

https://codesandbox.io/s/pm945rl8om

И что мы здесь должны увидеть???

@sergeysova mdn пишет что одно и то же https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export#Description я допускаю конечно что нюансы там могут быть какие-то, кроме синтаксических