В каждый компонент импортировать?

т.е я консолю рендер метод у него и он не выполняется

return в render забыл?

ну я тоже об этом задумался. Тогда как его вставить на страницу?

Не рендерить в пустоту, внезапно

return в render забыл?

Забыл положить к чему-то ведущему к реальному вызову ReactDOM.render

gist

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

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

Не выкладывай простыни в чат, есть gist

да какие простыни

event-driven

Как восстанавливать стейт приложения, если у тебя всё event-driven? Например, в отдельном файле можно напрямую подписать компоненты на события друг друга (используя стримы), но тогда придётся как-то из ивентов обновлять стейт приложения (тот, который нужно восстанавливать при перезагрузке страницы). В реакте же state-driven подход, потому что с ним проще. Event-driven можно применять, но не везде. Правильно я рассуждаю?

7 строк

Как восстанавливать стейт приложения, если у тебя всё event-driven? Например, в отдельном файле можно напрямую подписать компоненты на события друг друга (используя стримы), но тогда придётся как-то из ивентов обновлять стейт приложения (тот, который нужно восстанавливать при перезагрузке страницы). В реакте же state-driven подход, потому что с ним проще. Event-driven можно применять, но не везде. Правильно я рассуждаю?

Нет

event driven позволяет логгировать любые данные внутри приложения

типа сохранять очередь событий, и потом по ней восстанавливать?

Нет

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

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

понял, спасибо ?

media query

media query

Как я в медиа квери уберу текст?

реакт компонентом)

https://github.com/contra/react-responsive

Благодарю, сейчас ознакомлюсь

А если content: "" Указать, например?

у тебя же текст не в :after

Ну мало ли может есть что

А чистым ЦССом указать в медиа-запросе display: none?

А чистым ЦССом указать в медиа-запросе display: none?

Спасибо, я знал что есть простое решение)

кмк с компонентами проще

Только я не уверен, что эта простота укладывается в идеологию реакта

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

В твоем стейт-менеджере тоже все на ивентах?

В твоем стейт-менеджере тоже все на ивентах?

Ну да, естественно const target = createStore({foo: 'bar'}) target.watch(state => { localStorage.setItem('target', JSON.stringify(state)) }) Кейс выше например решается вот так

Интересно и очень органично. Надо как-нибудь добраться до него.

Кто-то встречал статью от разработчиков реддита, как они делали свой новый сайт? У них там стайлед компонент, интересно было бы почитать.

Ребята я нихуя не айтишник и плохо шарю в пк

у меня проблема

Нету изображения на монике

Хотя сам пк включается

ПАМАГЫТЕ:С

Нету изображения на монике

Какая версия реакта?

Нету изображения на монике

redux?

redux?

???

Подсвечивать - не проблема, проблема появляется, когда нужно откатить, на этом моменте я словил ступор

Может потому-что больной, может потому-что тупой, не знаю, но задачу нужно решить

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

ид провайдера - числа от нуля до n соответсвенно их позиции в хеадере

Чето я не понял

Если ты можешь подсветить, то что мешает отключить подсветку?

Это же одна и та же задача

Серый цвет я включил для себя пока тестирую, можете не обращать на него внимание, представим, что его там нет - белый бэк Пример: Инициализация - все ячейки с белым фоном, все чекбоксы выключены Выбираем QB Accurancy - белым остается только Under Armor, так как только он имеет значение, у всего остального меняется цвет на серый Выбираем 3 cone drill - серым остается только Rivals, та как у него нет значения ни для первого ни для второго выбранного Выключаем QB Accurancy - ничего не менятеся, так как Under Armour имеет значение у выбранного 3 cone drill

И так далее

Серый цвет я включил для себя пока тестирую, можете не обращать на него внимание, представим, что его там нет - белый бэк Пример: Инициализация - все ячейки с белым фоном, все чекбоксы выключены Выбираем QB Accurancy - белым остается только Under Armor, так как только он имеет значение, у всего остального меняется цвет на серый Выбираем 3 cone drill - серым остается только Rivals, та как у него нет значения ни для первого ни для второго выбранного Выключаем QB Accurancy - ничего не менятеся, так как Under Armour имеет значение у выбранного 3 cone drill

Ну и что не получается то?)

Подсвечивать - не проблема, проблема появляется, когда нужно откатить, на этом моменте я словил ступор

Если подсвечивается без ошибок, то почему не получается откатывать?

Это одно и тоже условие, только при его истине включить подсветку, если нет - выключить

Это одно и тоже условие, только при его истине включить подсветку, если нет - выключить

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

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

ERROR: S client not available

У тебя каждый столбец - это массив и каждая строка - массив

Не совсем так

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

Ставишь чекбокс, срабатывает нужный стиль/класс

Снимаешь - выключается

Это достаточно сложно объяснить на больную голову ? Зависимости не от чекбокса, так просто - работает, то не то, что нужно

Зачем ты делаешь какието действия с данными, если они уже все и так есть на момент рендера

В любом случае спасибо!

catch (e) { console.log('Error', e); }

e.response

Есть здесь фул стак фрилансер?

Есть здесь фул стак фрилансер?

Я но я в риакте не бум бум

Есть здесь фул стак фрилансер?

Я пхпшник

Есть здесь фул стак фрилансер?

@javascript_jobs

e.response

Проксирование помогло

Привет всем!Есть вопросик по Redux + React, спасибо тем, кто отклинется. Есть у меня reducer import {combineReducers} from 'redux' import counterReducer from './counter' import deleteReducer from './records' export default combineReducers({ count: counterReducer, deleteReducer //es6 }) В него подлючаю более мелкий reducer deleteReducer: import {DELETE_RECORD} from '../constans' export const items = ['Привет'] export default (recordsState = items, action) => { const {type} = action switch (type){ case DELETE_RECORD: return recordsState default : break } return recordsState } Подключаю в компонент через connect таким образом: export default connect((state) => ({ counter: state.count, records: state.deleteReducer }), {increment})(ToDoForm) После в этом компоненте в render пытаюсь вывести массив items вот так: {console.log(records.items)} но у меня пишет undefined. Помогите, пожалуйста, разобраться как доставать правильно массив этот из стора.Спасибо всем, кто откликтнется.

У тебя в Рекордс нет поля items

Ты ж туда массив напрямую записал

Привет всем!Есть вопросик по Redux + React, спасибо тем, кто отклинется. Есть у меня reducer import {combineReducers} from 'redux' import counterReducer from './counter' import deleteReducer from './records' export default combineReducers({ count: counterReducer, deleteReducer //es6 }) В него подлючаю более мелкий reducer deleteReducer: import {DELETE_RECORD} from '../constans' export const items = ['Привет'] export default (recordsState = items, action) => { const {type} = action switch (type){ case DELETE_RECORD: return recordsState default : break } return recordsState } Подключаю в компонент через connect таким образом: export default connect((state) => ({ counter: state.count, records: state.deleteReducer }), {increment})(ToDoForm) После в этом компоненте в render пытаюсь вывести массив items вот так: {console.log(records.items)} но у меня пишет undefined. Помогите, пожалуйста, разобраться как доставать правильно массив этот из стора.Спасибо всем, кто откликтнется.

Не юзай редакс...

Привет всем!Есть вопросик по Redux + React, спасибо тем, кто отклинется. Есть у меня reducer import {combineReducers} from 'redux' import counterReducer from './counter' import deleteReducer from './records' export default combineReducers({ count: counterReducer, deleteReducer //es6 }) В него подлючаю более мелкий reducer deleteReducer: import {DELETE_RECORD} from '../constans' export const items = ['Привет'] export default (recordsState = items, action) => { const {type} = action switch (type){ case DELETE_RECORD: return recordsState default : break } return recordsState } Подключаю в компонент через connect таким образом: export default connect((state) => ({ counter: state.count, records: state.deleteReducer }), {increment})(ToDoForm) После в этом компоненте в render пытаюсь вывести массив items вот так: {console.log(records.items)} но у меня пишет undefined. Помогите, пожалуйста, разобраться как доставать правильно массив этот из стора.Спасибо всем, кто откликтнется.

this.props.records.items?

Всем привет, скажите пожалуйста, это нормальная практика?

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

P.S. Это один компонент

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

А профайлер что говорит?

Что-то не очень статы

Намальна. Пользователь подождёт.

Это еще только начальная прогрузка, при переходах фпс падает до 10