Относительно пути в адресной строке :-)

https://youtu.be/oY2nVQNlUB8

Упс

http://example.com/some/path/here если задать src='image.svg', то она будет искаться по пути http://example.com/some/path/here/image.svg

если не указан base url (или как его там) через мета-теги

как правильно тогда задать?

/path/to/image.svg

в идеале

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

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

или стейт обязателен?

хотя он тут как то не логичен...

Ты что то делаешь не так если тебе нужно что то обновить без участия стейта

омг helmet

омг helmet

Че

Завтра бухать заедешь?

Завтра идешь?

Че

Helmet

Постараюсь

Пиши если будешь)

Постараюсь

Доклады в том же порядке, что и заявлены, обычно же идут?

Буду-то точно, живу рядом :р

Буду-то точно, живу рядом :р

Поднялся, чо ?

Так через пару месяцев после прихода в авито перебрался ?

есть лучше? (не троллю, действительно вопрос)

В идеале настраиваешь в вебпаке file-loader для svg и импортишь себе в компонент картинку. Тогда не надо будет заморачиваться с путями

Еще можно попробывать путь начинать с ./ и указывать относительно корня проекта

есть лучше? (не троллю, действительно вопрос)

Я тоже не видел ничего лучше готового, helmet норм как по мне

Еще можно попробывать путь начинать с ./ и указывать относительно корня проекта

относительно файла из которого рекваиришь

из за чего реакт в <img src="image.svg" /> не видит картинку?

Первые два сообщения на этот вопрос были если что... не заметил что инэта не было :D

Лол)

бредятина полная в таблице

насчёт эмбера

в8 говно

а что лучше?

Надо будет примереть optimize

Заучит логично.

Больше на временное решение похоже

Да и под один хром )

в8 говно

Почему?

Ребята, кто знает как анимировать элемент при переходе на новый роут в реакт роутере (втором)

Навешал на него кей, но реакт всё равно перефигачивает разметку и транзишн проперти не срабатывает.

https://github.com/ReactTraining/react-router/tree/master/examples/nested-animations

Небольшое объявление. В рядах чатиков пополнение https://telegram.me/ide_ru Тут вы сможете обсуждать различные редакторы текста и IDE, плагины к ним, или искать идею для полезного плагина.

мда https://habrahabr.ru/company/oleg-bunin/blog/310868/

Тру стори бро.

Вчера комрад презентовал либу для серверного рендеринга реакта. От 3х до 11 раз быстрее. Я открыл исходники и просто охуел. Там пусто! https://github.com/alt-j/fast-react-render/blob/master/README.md

Лол

https://github.com/ReactTraining/react-router/tree/master/examples/nested-animations

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

Спроси в чатике реакт роутера в гиттерер

Я чёт подумал, что дело, скорее всего, не в реакт роутере.

Надо просто по-другому делать раскладку.

У меня есть список и хочется чтобы при клике на элемент он красиво открывался. Но проблема в том, что всё это дело также должно рендерится на сервере. Скорее всего нужно просто открывать его тут инлайново, а другие пункты скрывать.

Ребята, на gulp реально сделать hot replacement?

Ребята, на gulp реально сделать hot replacement?

реально. с помощью webpack, например

реально. с помощью webpack, например

А без вебпака? У меня весь конфиг в проекте на галпе

вебпак и gulp - это вообще про разное

вебпак собирает бандл, а галп запускает таски. Можно с помощью чего угодно, что умет HMR

Я понимаю, интересен вариант реализации hmr на gulp с browser sync без webpack. Видимо такой возможности нет, придётся тянуть вебпак в проект

а можно вопрос зачем?)

https://github.com/AgentME/browserify-hmr

Гайз

Как щас делать хот релоад

О, вы, похоже, про это же

У меня вебпак

Нужен для реакта

Есть 2 способа

Возьму хотрелоад точенный и срублю им реакт-трансформ дроченный

Взял хотрелоад3

Народ никто не знает как вручную замаунтить компонент имея его инстанс? Суть в том что реконкайлер реакта сравнивает виртуальный дум только на одном уровне - то есть если компонент переместился на div выше или ниже то реакт считает что это совсем другой компонент унмаунтит его а другого маунтит. Я же хочу создать некий враппер типа <MoveContainer id="12345"><Component></MoveContainer> где айдишник в пропсах указывает на уникальность компонента (обычно айдишник объекта данных) и тогда MoveContainer кеширует инстанс нашего компонента и если в происходит componentWillUnmount то ставит таймер на ноль и если за это время не произошел маунт компонента с таким же айдишником то удаляет из кеша.

Теперь проблема как отрендерить инстанс компонента из кеша

var a = <A/> ... render() { return a }

Это элементы - они ничего не поменяют. Мне нужно отрендерить (вставить или привязать) инстанс самого компонента чилдрена который находится в this.refs.someComponent. Публичное апи вряд ли есть прийдется видимо рыться в кишках реакта

про какой кеш тогда ты пишешь

про какой кеш тогда ты пишешь

Вот пример компонента var React = require('react'); var cache = {}; class MoveContainer extends React.Component { compRef=(el)=>{ if(el){ // componentDidMount if(cache[this.props.id]){ this.instance = cache[this.props.id].instance; clearTimeout(cache[this.props.id].timer); // how to render this.instance? } else { cache[this.props.id] = {instance: el} } } else {//ComponentWillUnmount cache[this.props.id].timer = setTimeout(()=>{ document.body.removeChild(this.domEl); delete cache[this.props.id] }, 0); } }; render(){ return React.cloneElement(this.props.children, {ref: this.compRef}); } } module.exports = MoveContainer; Кеш это глобальная переменная cache где будут храниться временные инстансы которые реакт сначала умаунтит а потом маунтит в другом месте

опиши задчу которую ты решаешь

Да, чё-то как-то сложно

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

да, dnd, да и просто теряется состояние компонента который при componentWillMount инициализирует свое состояние.Я конечно понимаю что можно вынести это состояние во внешний стор но проблема в том что реакт поддерживет диффинг только на одном уровне div-а а мне хочется придумать какой-то способ исправить этот недостаток реакта для перемещаемых компонентов между разными уровнями верстки

да, dnd, да и просто теряется состояние компонента который при componentWillMount инициализирует свое состояние.Я конечно понимаю что можно вынести это состояние во внешний стор но проблема в том что реакт поддерживет диффинг только на одном уровне div-а а мне хочется придумать какой-то способ исправить этот недостаток реакта для перемещаемых компонентов между разными уровнями верстки

А если рендерить этот компонент через ReactDOM, и при dnd перетаскивать дом-ноду?

По типу хака с jquery в реакте, findDomNode(this), shouldComponentUpdate() => false и т.д.

Только у нас реакт в реакте

Правда не понятно как поведёт себя реакт если корневую ноду переместить

Нужно пробовать

Есть кто живой?)

Скажите в случае например логин формы можно ли делать аякс запросы из компонента

Если я для него хочу иметь только локальный стейт

Или это не очень хорошо?

Из компонента хорошо делать actions

Xhr из store или из async reducer

Но это лишь рекомендации. Ты волен сам себе творить