REACT_DEVTOOLS_GLOBAL_HOOK.supportsFiber

Всё работает, только что проверил на мессенджере

Профит в том, что переиспользования в таком случае все же больше.

Профит в том, что переиспользования в таком случае все же больше.

Да. Но теперь такой блок не нужен)

Буду выпиливать потихоньку мусор.

Да. Но теперь такой блок не нужен)

Смотри, возможно это окажется не очень идиоматично с точки зрения самого понятия "компонент".

Как - то дев тулз всё - таки определяет версию

Как - то дев тулз всё - таки определяет версию

Это на дев билде?

Или прод?

Или прод?

Это в мессенджере

Неплохо

Как - то дев тулз всё - таки определяет версию

Девтулз ты сам пускаешь в свои модули же.

Я его никуда не пускаю

юзаю styled components не знаю о ваших проблемах

Ты все время не уточняешь, что у тебя инлайн компиляция

Ты все время не уточняешь, что у тебя инлайн компиляция

ты о чем вообще

Ну говоришь нет классов

Ну говоришь нет классов

ну ими не оперируешь на прямую и css-классы просто не юзаются в коде вот и всё

Кстати, есть примеры проектов в стиле Atomic Design на реакте?

https://tproger.ru/news/stack-overflow-bot/

Кстати, есть примеры проектов в стиле Atomic Design на реакте?

не так много но arcjs например

https://tproger.ru/news/stack-overflow-bot/

Я уже попробовал, там есть большой минус, нужно в Azure регать и заводить ключи, короче гемр

не так много но arcjs например

Спасибо

Ты все время не уточняешь, что у тебя инлайн компиляция

Там же классы или все таки инлайн?

Просто там есть псевдоклассы как минимум , а в инлайн их нету

Скажите что они там опять напридумывали, что команда webpack с параметром -p выдает ошибку ERROR in bundle.js from UglifyJs Unexpected token: punc ())

Скажите что они там опять напридумывали, что команда webpack с параметром -p выдает ошибку ERROR in bundle.js from UglifyJs Unexpected token: punc ())

Выглядит как ошибка в коде punc() -> func()

Там же классы или все таки инлайн?

под капотом там классы

под капотом там классы

Спасибо

возможно ли организовать следующий момент без server-side rendering: при переходе по example.com/clientId браузер получает страницу приложения, однако в поле config в сторе для каждого клиента будут храниться свои данные

Пиу :) Кто юзает React-intl ? Как можно вернуть перевод строки не в компоненте, а в мидлваре от redux ? Юзаю bootstrap-notify для нотификейшнов. $.notify({ message: 'Сюда надо подставить перевод с react intl' }, { type: 'success' });

Пиу :) Кто юзает React-intl ? Как можно вернуть перевод строки не в компоненте, а в мидлваре от redux ? Юзаю bootstrap-notify для нотификейшнов. $.notify({ message: 'Сюда надо подставить перевод с react intl' }, { type: 'success' });

может тебе подойдет template string?

либо \n

Как - то дев тулз всё - таки определяет версию

на правах контрибьютера девтулзов, хотя эту часть я не очень подробно изучал: условно - реакт видит что включены девтулзы через определенное свойство на объекте window и потом они "спариваются", реакт вызывает специальную функцию и инжектит в себя код, который называется agent, и собственно реакт передает инфу о себе

Пиу :) Кто юзает React-intl ? Как можно вернуть перевод строки не в компоненте, а в мидлваре от redux ? Юзаю bootstrap-notify для нотификейшнов. $.notify({ message: 'Сюда надо подставить перевод с react intl' }, { type: 'success' });

реакт и jq

мммммммм

на правах контрибьютера девтулзов, хотя эту часть я не очень подробно изучал: условно - реакт видит что включены девтулзы через определенное свойство на объекте window и потом они "спариваются", реакт вызывает специальную функцию и инжектит в себя код, который называется agent, и собственно реакт передает инфу о себе

Крутой хак)

lessonsByDay[dataIndex].lessons[indexItem].startTime

как мне в такой структуре обновить стейт?

startTime

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

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

То есть используется глобальная переменная для общения?

То есть используется глобальная переменная для общения?

для инжекта скриптов агента в реакт, да. Потом они общаются по postMessage с UI девтулза

То есть используется глобальная переменная для общения?

* This is the chrome devtools * * 1. Devtools sets the REACT_DEVTOOLS_GLOBAL_HOOK global. * 2. React (if present) calls .inject() with the internal renderer * 3. Devtools sees the renderer, and then adds this backend, along with the Agent * and whatever else is needed. * 4. The agent then calls .emit('react-devtools', agent) *

Здорово, спасибо за просвещение)

Подскажите какой-нибудь хороший react компонент

Для простмотра фотки

Я нашел один,но там всего 30 скачиваний

Не внушает доверия

Не внушает доверия

Глянь код

И если сойдёт, то скачивай

Если совсем страшно, то можно форкнуть

я думал,мб что-нибудь кините

какой-нибудь номральный

)0

Ну я бы использовал <img /> он мне больше всего нравится)

Легко кастумизируется и расширяется))

Для простмотра фотки

export function Image(props) { return <img {...props} /> }

export function Image(props) { return <img {...props} /> }

export const Image = props => <img {...props} /> fixed

Кто-нибудь использовал react-redux-dirty-state?

Ну я бы использовал <img /> он мне больше всего нравится)

ну напши мне компонент такой,я его с радостью возьму

чтоб по нажатию на него он расширялся до заданных размеров

фон затемнялся

Баньте его, это троль

У redux нет инструмент для определения того, был объект изменен или нет?

У redux нет инструмент для определения того, был объект изменен или нет?

a === b // если вернёт false значит был изменён

Смешно конечно, но не очень. Т.е. предлагаете свой велосипед написать?

export const Image = props => <img {...props} /> fixed

export I = p => <img {...p} />; fixed

export I = p => <img {...p} />; fixed

сломалось)

export I = p => <img {...p} />; fixed

const забыл

Смешно конечно, но не очень. Т.е. предлагаете свой велосипед написать?

Нет, я серьёзно const first = store.getState().a; ... const second = store.getState().a; console.log('"a" was changed: ', first === second);

В redux Dev tools можно посмотреть во вкладке diff разницу в обьекте

Нет, я серьёзно const first = store.getState().a; ... const second = store.getState().a; console.log('"a" was changed: ', first === second);

Поправка * first !== second

@Luchanso и где это писать? Везде где должна быть проверка на то что данные изменились? Таких мест очень много.

@Luchanso и где это писать? Везде где должна быть проверка на то что данные изменились? Таких мест очень много.

Да, но лучше использовать react-redux там внутри есть интересный механизм

@Luchanso как он называется?

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

@Luchanso как он называется?

Без понятия, я никогда не задавался этим вопросм, как он это делает, можешь исходники глянуть

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

У redux нет инструмент для определения того, был объект изменен или нет?

нахуя?

редакс это редюсер

он берет обьект стора и обновляет его

нахуя ему что-то знать?

Всем привет! Ребят, помогите пожалуйста выбрать UI фреймворк для реакта, что были хорошие готовые контроллы типа табов, диалогов, кнопок, переключателей и вот это все... Кандидаты: 1) react-bootstrap 2) palantir/blueprint 3) Semantic-UI-React 4) elemental-ui.com 5) предложите свой вариант

antd

еще

antd, но есть свои недостатки

Всем привет! Ребят, помогите пожалуйста выбрать UI фреймворк для реакта, что были хорошие готовые контроллы типа табов, диалогов, кнопок, переключателей и вот это все... Кандидаты: 1) react-bootstrap 2) palantir/blueprint 3) Semantic-UI-React 4) elemental-ui.com 5) предложите свой вариант

material?

Семантик хорош, но если изменять вид придется, то замучаешься !important проставлять

material?

Вот он мне даже больше нравится

Как обменяться данными между компонентами в React

Допустим когда я нажимаю кнопку "Добавить в корзину" в Product компонент, должно добавляться в состояние компонента Cart