inline vs css. накидайте ссылок почитать

это как ?

Ребята, учу реакт(чистый пока), есть вопрос

У меня есть такая структура App > Posts > Post. App - контейнер, я так понимаю контейнер работает с данными, что-то типо сервиса но общего и все данные нужно из контейнера передавать. Так вот, у меня у Post есть метод delete, где он должен удалить себя. Мне типо передавать пропсами в пост весь массив и оттуда удалять данных элемент ?

Можешь передавать функцию, а не массив

handleDeletePost

Метод, который удалит конкретный пост

ага, понял. Спасибо)

это как ?

https://ctheu.com/2015/08/17/react-inline-styles-vs-css-stupid-benchmark/ - типа такого. посвежее, поновее, с выводами, в идеале с тестами ui-фрэймфорков а-ля material-ui и react toolbox

https://ctheu.com/2015/08/17/react-inline-styles-vs-css-stupid-benchmark/ - типа такого. посвежее, поновее, с выводами, в идеале с тестами ui-фрэймфорков а-ля material-ui и react toolbox

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

@b2whats если есть что-то сказать по делу или дать почитать - пожалуйста.

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

У webpack'а выставить путь резолва для определённого файла? Например, если делаю import lib from 'lib', то чтобы он искал его в определённом месте?

+1, тоже интересно

Какую-то корневую директорию, чтобы не писать ../../

alias ?

resolve

резолв про папки

а вопрос не в этом разве?

как указать папки, в которых искать

путь резолва для определённого файла?

да, тогда похоже что resolve.alias

http://webpack.github.io/docs/configuration.html#resolve-root

Спасибо

Ребят, а ведь было что-то ещё, кроме Storybook для изолированной разработки компонентов?

Ребят, а ведь было что-то ещё, кроме Storybook для изолированной разработки компонентов?

atelier toolbox

React Styleguidist

https://github.com/carteb/carte-blanche

Всем спасибо!

https://github.com/skidding/cosmos

https://github.com/skidding/cosmos

Ого, а такое не видел.

У webpack'а выставить путь резолва для определённого файла? Например, если делаю import lib from 'lib', то чтобы он искал его в определённом месте?

Нужно скомпиленный модуль или исходник резолвить?

Можно узнать какой плагин установлен в браузере? К примеру узнать, что у пользователя установлен React Developer Tools ?

React Developer Tools это экстеншин а не плагин

список плагинов узнать можно чере navigator.plugins, но список экстеншинов кажется нельзя

когда пользователь открывает React Developer Tools на странице с реактом, девтулз добавляет в global что-то

можно в эту сторону покопать

да, посмотрел в исходниках реакта, дев тулз добавляет __REACT_DEVTOOLS_GLOBAL_HOOK__

а подскажите, как сделать bind и передать в него данные, но при этом, чтобы компонент не перерендеривался (pure-компонент): <Component onChange={magicBind(func, this, 'foo', 'bar')} />

И вообще кто-то так делает?

в конструкторе this.func = this.function.bind(this); или через стрелочные функции funct = (foo, bar) => {}; и потом <Component onChange={this.func} />

ну я в курсе такого подхода

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

а подскажите, как сделать bind и передать в него данные, но при этом, чтобы компонент не перерендеривался (pure-компонент): <Component onChange={magicBind(func, this, 'foo', 'bar')} />

никак

он же чистый

ох

ну можно поиграться с memoize

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

или что-то было изменено в изначальном вопросе, что поменяло суть )

Не перендеривался - shouldCompontentUpdate?

это можно, но не нужно :)

фишка в том, чтобы каждый раз передавать ссылки на одни и те же пропсы

а когда ты делаешь динамический бинд - ссылка на функцию уже другая

в pure нет shouldCompontentUpdate же

pure работает через shouldComponentUpdate имеется ввиду :)

А почему тебе надо использовать сахар pure функции?

для оптимизации

Не оптимизировать как-то не получается

Твоя задача как-то прибить значения 'foo', 'bar' ?

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

Всем привет! Господа, подскажите пожалуйста, какие хорошие тулкиты есть на React? Если кто-то использовал этот http://www.material-ui.com/#/components/app-bar что можете о нем сказать?

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

Aыл!

Ask :P

Всем привет! Господа, подскажите пожалуйста, какие хорошие тулкиты есть на React? Если кто-то использовал этот http://www.material-ui.com/#/components/app-bar что можете о нем сказать?

Никто не знает? =\

Ребята а у кого какие практики установки обработчиков на событие click? Расскажу свой опыт - я сначала ставил через свойство onClick={} но потом когда понадобилось добавить фичу драга (обработчики onMouseDown на элементе и 'mousemove', 'mouseup') стал происходить конфликт потому что после драга возникает событие клика (досадный баг браузеров когда событие клик возникает после события mousedown и mouseup даже если между ними были события mousemove). Сначала решал эту проблему тем что проверял в обработчике mouseup была ли передвинута мышка если нет то уже вручную вызывал обработчик onClick. Это привело к тому что во вложенных элеменах нужно поменять все обработчики onClick на onMouseDown. Потом понял что страдает инкапсуляция (обработчик драга знает про обработчик клика) сделал такой вот поллифил который исправляет этот неприятный баг браузеров и можно вернутся к обычному onClick (по хорошему там надо еще добавить отписку если нужно юзать внешние скрипты помимо реакта) var oldSubscribeFunc = document.addEventListener; document.addEventListener = function (event, func, capture) { if(event == 'click') { var mouseMoved = false; var mousedownHandler = ()=> { window.addEventListener('mousemove', mousemoveHandler); window.addEventListener('mouseup', mouseupHandler) }; var mousemoveHandler = ()=> { mouseMoved = true; }; var mouseupHandler = (e)=> { window.removeEventListener('mousemove', mousemoveHandler); window.removeEventListener('mouseup', mouseupHandler); if (!mouseMoved) { func(e); } mouseMoved = false; }; document.addEventListener('mousedown', mousedownHandler); } else { oldSubscribeFunc.call(this, event, func, capture) } };

еще раз проинформирую

ERROR: S client not available

Парни, у нас появилась группа по Vue.js - это библиотека для построения интерактивных веб-интерфейсов, которая фокусируется на ViewModel слое паттерна MVVM. Многие наверняка слышали о ней. Всем, кому это интересно, добро пожаловать: https://telegram.me/vuejs_ru

vuejs не нужен

Ещё раз проинформируй. Контрольным.

Жс нинужен

Жс нинужен

Кодим на пхп

Программировать ваще вредно.

Для костей

Веб-макаки итт

Все, кто программировали - умирали

Чуваки я чо понял. Мы все рабы. А король - босс и его акционеры.

Давно тут не флудили

Все, кто программировали - умирали

Большинство программистов ещё живо

Большинство программистов ещё живо

Покачта да

Мы все умрем

Это на митапчик сёня сорвался в мскжс?

Мы все умрем

Не-а

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

Загрузим себя в html файл, который сохраним на CD. Вот наше будущее

Загрузим себя в html файл, который сохраним на CD. Вот наше будущее

На дискету

Наше будущее - быть грязью на ботинках будущих людей ооооо

Я не влезу

Так используй gzip.

Вобще, если писать себя на node.js, то можно и на CD не влезть. Надо ведь все зависимости свои тоже сохранить, вдруг с npm чего случится

Хотя в шестой ноде это уже пофиксили, node_modules теперь весит значительно меньше

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

И здесь вопрос без ответа - а буду ли это я?

Вобще, если писать себя на node.js, то можно и на CD не влезть. Надо ведь все зависимости свои тоже сохранить, вдруг с npm чего случится

Асинхронный node.js человек будет сначала делать а потом только думать

А ещё, я уверен, он сможет отменять обещания

Асинхронный node.js человек будет сначала делать а потом только думать

Асинхронно двигать асинхронными конечностями, асинхронно перепутает ногу и язык и асинхронно упадёт

Я слышал, есть по vuejs конфа, не знает кто?

Тоже интересно

https://telegram.me/vuejs_ru