Кто может подсказать как React с canvas использовать вместе?

https://m.habrahabr.ru/post/276585/

Кто может подсказать как React с canvas использовать вместе?

https://github.com/Flipboard/react-canvas от Flipboard - у них был мобильный сайт на canvas. Не знаю как сейчас. А вообще если есть желание посмотрите вот это (там 1 интересная техника работы с Canvas есть https://youtu.be/TxNfcvT9sAg)

А этот вариант чем не подходит?

какой "Этот" )

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

componentWillReceiveProps?

componentWillReceiveProps?

пытаюсь в console.log вывести чего-то из этой функции нихера непоказывает

но пропс получает если как текст показать и он даже меняется когда ре-рендер произходит

так уже получает: очень странно, я только state с true на false поменял что вообще никакого отнощения не имеет ни к чему

пытаюсь в console.log вывести чего-то из этой функции нихера непоказывает

componentWillReceiveProps(newProps) { console.log(newProps); } так же делаешь?

так и делал только вместо newProps, просто props

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

ты либо все время пересоздаешь компонент или не меняешь props

http://dpaste.de/gpKK

используй componentWillUpdate

у тебя не меняются props

ну как не менются

у меня там по onclick меняется стейт в предыдущем компоненте и я его в пропс передаю вот этого компонента

или это считается что не меняется?

у меня там по onclick меняется стейт в предыдущем компоненте и я его в пропс передаю вот этого компонента

нет там такого

в предыдущем же )) щас сек

или не понятно, про что пример)

https://dpaste.de/GCK1

<ModalRegisterTerms show={this.state.showTerms} />

правильно использовать componentWillReceiveProps или componentWillUpdate внутри ModalRegisterTerms?

С новым всех годом. Может кто подскажет, у меня есть редьюсер со списком объектов, аля: posts: { about-us: { …somedata }, testimonials: { } } и отсюда я выбираю нужный мне в данный момент child и вывожу его в компоненте show но вместе с тем у меня есть компонент list, у которого на onscroll стоит подгрузка объектов в этот самый редьюсер и вывод краткой инфы о child’ах. Все это время в компоненте show у меня идет видео, т.е. ререндерить компонент мне никак нельзя, но при новых объектах в редьюсере компонент show перерисовывается, и видео начинается сначала. Как правильно сделать так, чтобы новые данные в show компонент подгружались только при определенном эвенте? Крутить с forceUpdate? или есть лучший путь? Не нашел такой инфы, хотя может просто плохо искал.

редукс не будет оновлять компонент, если менять данные в глубоком объекте, так как внешний остаеться прежним, а редукс смотреть только певерхностно. Попробуй ложить свой данные на третий уровеь stor и тогда возможно редукс не обновить компонент

https://github.com/raganwald/allong.es -> http://www.allong.es/ что-то случилось с лендосом..

С новым всех годом. Может кто подскажет, у меня есть редьюсер со списком объектов, аля: posts: { about-us: { …somedata }, testimonials: { } } и отсюда я выбираю нужный мне в данный момент child и вывожу его в компоненте show но вместе с тем у меня есть компонент list, у которого на onscroll стоит подгрузка объектов в этот самый редьюсер и вывод краткой инфы о child’ах. Все это время в компоненте show у меня идет видео, т.е. ререндерить компонент мне никак нельзя, но при новых объектах в редьюсере компонент show перерисовывается, и видео начинается сначала. Как правильно сделать так, чтобы новые данные в show компонент подгружались только при определенном эвенте? Крутить с forceUpdate? или есть лучший путь? Не нашел такой инфы, хотя может просто плохо искал.

store.yourdata.yourdata.yourdata = [ ]

Ну у меня данные лежат в state.articles.list[article_name] и добавляются в лист

Но спасибо

Заытра подумаю над этим

еще вложинность сделай, и не обновляй поверхностные данные а только вложенные. ты immuTable пользуешься?

Неа. Добавляю используя object.assign

наоборот - не используй)

А в чем вообще смысл этой либы?

Лень за комп идти

смысл в том, что она при любых изменениях внутрянки возвращает новый объект

object.assign возращает обновленный объект

точнее новый

и редакс с реактом не обсераются тогда

и перерисовывают затронутые изменения

Assign же тоже возвращает новый

при этом можно в sCU прописать свои проверки и еще детальнее следить за обновлениями

просто не используй object.assign в том месте, где тебе нужно чтоб редукс компонент не перерендривал

Мне нужно чтобы grid перерисосывался

просто не используй object.assign в том месте, где тебе нужно чтоб редукс компонент не перерендривал

ололо, плохой совет

А блок с выбранным элементом нет

ололо, плохой совет

почему?

почему?

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

Просто у элемента нет точного названия. Он берет из роута state.list[routename] так бы парсил только это

Редакс же не дружит с мутациями

Он требует всегда новый обект

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

естественно, Anton спросил как положить в stor и не перерендрить компонент

вот

это плохая идея

есть лучше?

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

а чем плоха идея?

что такое sCU

непредсказуемость, некосистентность подхода к управлению данными, серьезное отсутпление от редаксовского подхода

shouldComponentUpdate

lifecycle-метод реакта

там сравниваешь пропсы новые и старые и перерисоываешь по своей компонентской логике

непредсказуемость, некосистентность подхода к управлению данными, серьезное отсутпление от редаксовского подхода

я могу предсказать

я могу предсказать

а коллега антона сможет?

Вот сейчас сделал 2 отдельных обьекта

(Твердого знака найти не могу)

ERROR: S client not available

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

непредсказуемость, некосистентность подхода к управлению данными, серьезное отсутпление от редаксовского подхода

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

Но думаю как прпвильно переписать

js

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

и он знает, что в редуксе все иммутабельно делают всегда

а тут хренакс

и нет

и он знает, что в редуксе все иммутабельно делают всегда

+

значит он основ js не знает

Ищу решение именно в компоненте

но реакт зато знает

Адель прав

Module not found: Error: Cannot resolve 'file' or 'directory'

npm install file --save

Ребят, почему вебпак не хочет собирать бодключенные файлы если в import dfgfgfg from '../module.js' <- указано расшерение?

Module not found: Error: Cannot resolve 'file' or 'directory' ./routes/routes in C:\Users\drbr-ns\WebstormProjects\app\conf/..\app

ошибка подробнее

тут у пацанов обратная ошибка, может поможет http://discuss.babeljs.io/t/es6-import-jsx-without-suffix/172

тут у пацанов обратная ошибка, может поможет http://discuss.babeljs.io/t/es6-import-jsx-without-suffix/172

Благодарю помоголо!!!!!!!!!!!!!!!!!!!!!!!!

Всех с новым годом!!!!!!!

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

Не прав

Люди! У меня вопрос с точки зрения производительности. Задача: на странице есть набор компонентов с часами, тикающими раз в секунду, но показывающими каждый свое время. И так, где лучше поместить setInterval() в редакс-приложении? Вариант первый - в каждом из компонентов с часами разместить собственный setInterval, который будет обновлять стейт кломпонента. Вариант второй - создать единый setInterval для всего приложения, который раз в секунду обновляет стор. Плюс второго варианта в том, что в памяти вертится всего один window.intrerval. А минус в том, что при каждом его тике обновляется весь стор, и происходит куча неявного анализа состояний в компонентах, которым этого нафиг не надо (которые вообще никак не связаны с часами).

Какой вариант лучше?

у меня вопрос какая переменная из webpack'a в реакт передается которая бы указывал в production mode или developers mode запущена апликация?

process.env?

аа

Люди! У меня вопрос с точки зрения производительности. Задача: на странице есть набор компонентов с часами, тикающими раз в секунду, но показывающими каждый свое время. И так, где лучше поместить setInterval() в редакс-приложении? Вариант первый - в каждом из компонентов с часами разместить собственный setInterval, который будет обновлять стейт кломпонента. Вариант второй - создать единый setInterval для всего приложения, который раз в секунду обновляет стор. Плюс второго варианта в том, что в памяти вертится всего один window.intrerval. А минус в том, что при каждом его тике обновляется весь стор, и происходит куча неявного анализа состояний в компонентах, которым этого нафиг не надо (которые вообще никак не связаны с часами).

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

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

Визуально-то да. Я о том, что при этом происходит неявный анализ на то, должен компонент обновляться или нет

Все-таки это дополнительные вычисления

И что хуже - обилие таких вычислений, или обилие одновременно запущенных таймеров?

Визуально-то да. Я о том, что при этом происходит неявный анализ на то, должен компонент обновляться или нет

Нет, я не про визуальное обновление

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