или tree shaking

все-таки наверно это не стоит переносить на плечи webpack, бандлер - это не сборщик

я не понял тебя

и вообще как бы вебпак и собирает проект

ага

таск-раннер != бандлер

это да

но кажется бандлер и есть сборщик

наверное, бандлером можно назвать и тупо конкатенатор/минификатор

как в древние времена

когда еще даже модульности не было))

ну это не бандлер

какие бандлы без модульности

ну вот как в бэме

каждый файлик (function () {})(); ))

а в итоге имеем бандл из бэм-блоков

это не то

в бэм стеке свои «православные» модули

techs

ага, только по сути это просто склейка файлов по депсам)

через *.deps.js в enb

ну это коряво

боженька дал коммонжс много лет назад

да вот как бы так и есть

нет, хотим свой велосипед

Я по прежнему не вижу смысла передавать в виде компонента то, что реализуется объектами без нарушения инкапсуляции

вот это - слабая связанность, как я ее понимаю. единственное, я не смог записать Layout={ VerticalLayout({gap:"10px"}) } как Layout={ <VerticalLayout gap="10px" /> } он его сразу компилит в VDOM-объект и начинаются сложности, надо подумать еще, может и не получится

https://jsfiddle.net/wx7p0uxu/

Я по прежнему не вижу смысла передавать в виде компонента то, что реализуется объектами без нарушения инкапсуляции

ну или вот версия поцветастее https://jsfiddle.net/wx7p0uxu/

соррян, вот https://jsfiddle.net/ptdfnw56/

вот это - слабая связанность, как я ее понимаю. единственное, я не смог записать Layout={ VerticalLayout({gap:"10px"}) } как Layout={ <VerticalLayout gap="10px" /> } он его сразу компилит в VDOM-объект и начинаются сложности, надо подумать еще, может и не получится

и немножко дичайшего пиздеца (proof-of-concept) как решение моей проблемы с записью в виде Layout={ <VerticalLayout gap="10px" /> } https://jsfiddle.net/qz7ekjst/

лол =))))

и что такого?)

3 проблемы же всего

запусти с --fix мелкие ошибки исправятся

Привет! Пришла идея использовать mqtt как хранилку состояний для react

получается кроме MQ еще state. Что думаете?

идея хуйня жеж

он mqtt нужен для другого

простите

Парни, с chart.js работали ? )

народ а порекомендуйте удобных оберток вокруг indexed db?

localforage?

в конфиге указываешь драйвер localforage.INDEXEDDB

Всем привет. Кто помнит как создать руками SyntheticEvent?

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

унаследовать и модифицировать нельзя?

так как его заимпортировать?

в import from 'react' его нет в 'react/lib' тоже

подскажите пожалуйста новичку

почему так возвращается object

renderItems(items){ let data = ''; for(let k in items) { data+=<li>items[k]</li>; } return data; } render(){ return (<ul>{this.renderItems(this.props.items)} </ul>) } }

скобки где то нужно добавить?

потому что так делать нельзя

а как нужно?

юзай items.map

я юзал сначала его, и у меня работало

что конкретно возвращается?)

зачем поменял?

я же учусь) нужно все пробывать)

не, ну серьезно, скажи что возвращается) какая строка)

[object Object][object Object][object Object][object Object]

[object Object][object Object ?

угадал)

да)

ERROR: S client not available

ну так у тебя объект приводится к строке когда ты конкатенацию делаешь

зачем поменял?

присоединяюсь к вопросу

присоединяюсь к вопросу

выше ответил

ну так у тебя объект приводится к строке когда ты конкатенацию делаешь

спасибо, и что вариант только использовать map для перебора?

нет конечно

смысл то в том чтобы массив вернуть из объектов

jsx != html <div prop="value">child</div> === React.createElement('div', { prop: 'value', children: 'child' })

можешь сделать data = [] и потом data.push()

можешь сделать data = [] и потом data.push()

ааа, усек.

можешь сделать data = [] и потом data.push()

спасибо большое

я думаю тебе будет ГОРАЗДО легче если ты поймешь концепцию virtual dom

А че там понимать)

Просто для каждого отрисованного елемента создается его объект

наоборот

ну да)

вот поэтому и понять нужно)))

или по другому reconcilation)

я думаю тебе будет ГОРАЗДО легче если ты поймешь концепцию virtual dom

Я пока не могу понять что в jsx можно,а что нет. Допустим я не смог ни map, ни цикл вставить в метод рендер внутрь div. Про виртуал дом обязательно почитаю

просто смотри что получается на выходе и все http://babeljs.io/repl/#?babili=false&evaluate=true&lineWrap=false&presets=es2015%2Creact%2Cstage-0&targets=&browsers=&builtIns=false&code=const%20Foo%20%3D%20()%20%3D%3E%0A%20%20%3Cdiv%3E%3C%2Fdiv%3E%3B

Я пока не могу понять что в jsx можно,а что нет. Допустим я не смог ни map, ни цикл вставить в метод рендер внутрь div. Про виртуал дом обязательно почитаю

примерно так: return <div>{items.map(item => <div>{item}</div>)}</div>

но надо не забыть про key и items должен быть массивом строк

Еще вопрос - я слышал что все используют react, для отображения и redux для управления состоянием. Получается мои данные допустим массив товаров будут находится в состоянии. за персистентость должен отвечать редьюсер? Если стейт обновился, есть средства автоматически обновить сущность на стороне сервера?

примерно так: return <div>{items.map(item => <div>{item}</div>)}</div>

если items = {key:value, } тогда как?,

{item.key}

{Object.keys(items).map(key => <div>{items[key]}</div>)}

dot notation же )

{item.key}

точно)

сорян за глупые вопросы=)

dot notation же )

а если ты не знаешь всех ключей?

что, dot notation тут не подойдет

если про map)