These are chat archives for dev-ua/reactjs

27th
Jan 2016
Alex Khrustalev
@tokenvolt
Jan 27 2016 00:24
@xgrommx хм... 3кб, - это, конечно, интересно, но чувствую какой-то подвох есть
Terry Sahaidak
@terrysahaidak
Jan 27 2016 01:00
цікаво аднако
Roman Liutikov
@roman01la
Jan 27 2016 02:25
@chicoxyzzy Ты упоминал, что React не работает в воркерах. Может этот пример работает? https://github.com/ramitos/react-worker
Ingvar Stepanyan
@RReverser
Jan 27 2016 02:59
тонко :)
Denis Stoyanov
@xgrommx
Jan 27 2016 03:21
@RReverser жирный реакт нафиг не надо, я буду брать только то, что мне нужно, а не весь белаз тащить
Sergey Rubanov
@chicoxyzzy
Jan 27 2016 04:15
@roman01la не понятно зачем такой юзкейс как в том примере
Alexey Raspopov
@alexeyraspopov
Jan 27 2016 08:05

жирный реакт нафиг не надо

жирный?

Serhey Shmyg
@sshmyg
Jan 27 2016 10:04
@question Компонента потрібна для двох ріхних проектів, але відрізняється лише маркап, і можливо пара методів, які способи заюзати одну компоненту під різний маркап? (окрім як поділити все на менші компоненти, і їх підміняти ) Хочеться щоб була одна коммон компонента, яку можна реквайр будь куди, і заміняти чи додавати певні частини.
Alexey Raspopov
@alexeyraspopov
Jan 27 2016 10:52
какая именно разница в разметке?
набор классов/атрибутов или внутренний контент?
если второе — вставляешь эту самую разницу через children
Artur Bekerov
@bekerov
Jan 27 2016 11:22
Коллеги, как отключить режим эмуляции в IE.
Приложение на реакте падает
Illia Seheda
@ALF-er
Jan 27 2016 11:22
бррр... где связь?
Artur Bekerov
@bekerov
Jan 27 2016 11:22
тут и нет связи
Illia Seheda
@ALF-er
Jan 27 2016 11:24
эмуляция отключается в девтулзах последняя вкладка "Emulation"
Artur Bekerov
@bekerov
Jan 27 2016 11:24
на 11 IE работает приложение.
пользователь эмулирует 8й IE и приложение не запускается
а через метатеги, либо js ?
Alexey Raspopov
@alexeyraspopov
Jan 27 2016 11:25
какой плохой пользователь
Illia Seheda
@ALF-er
Jan 27 2016 11:25
ааа, ты хочешь чтоб на этой странице пользователь не смог включить эмуляцию?
Никак конечно
Alexey Raspopov
@alexeyraspopov
Jan 27 2016 11:25
пользователь по умолчанию делает это на свой страх и риск
Artur Bekerov
@bekerov
Jan 27 2016 11:27
возможно ктото сталкивался с этим, но в энтерпрайзе нужно такие случаи отбрабатывать
document.compatMode не важно включен или нет режим эмуляции, всегда возвращает CSS1Compat
Ilya Pomaskin
@IlyaPomaskin
Jan 27 2016 11:46
с сервера приходит некий текст, нужно в этом тексте все внутренние ссылки обрабатывать роутером
какие есть решения?
пока что придумал только такое:
componentDidUpdate() {
    this.node.querySelectorAll('a').onClick(this.onClickHandler);
}
но как-то костыльно выглядит
Illia Seheda
@ALF-er
Jan 27 2016 12:06
грузить хтмл - плохая идея. Там есть другие теги кроме ссылок?
Ilya Pomaskin
@IlyaPomaskin
Jan 27 2016 12:18
This message was deleted
This message was deleted
нет, только ссылки
Illia Seheda
@ALF-er
Jan 27 2016 12:21
тогда, как вариант, можно разбить это всё дело регуляркой на "текст", ссылка, "текст" и сгенерить чилдренов-компонент. Но тоже так-себе идея
Ilya Pomaskin
@IlyaPomaskin
Jan 27 2016 12:21
да, тоже думал
но парсить html регулярками... :)
Illia Seheda
@ALF-er
Jan 27 2016 12:22
если один тег - это не так страшно. В любом случае, грузить хтмл - плохая идея
Ingvar Stepanyan
@RReverser
Jan 27 2016 12:57

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

в плані текст просто вигляду some test http://link/ another text?

чи там реально теги?
Ilya Pomaskin
@IlyaPomaskin
Jan 27 2016 13:02
там теги
Serhey Shmyg
@sshmyg
Jan 27 2016 13:31

@alexeyraspopov

Є менюшка, яка має різний маркап на різних проектах, але логіка одна й та ж. Яким чимно children допоможуть? коли мені потрібно в однму випадку в айтемі лішки рендерить, а в іншому скажімо діви?

Alexey Raspopov
@alexeyraspopov
Jan 27 2016 13:57
function Menu({children, ...otherProps}) {
  return (
    <menu className="...">
      // all additional base markup that you need
      {children}
    </menu>
  );
}
а дальше вставляй что хочешь
<Menu>
  <li>...</li>
</Menu>

<Menu>
  <div />
</Menu>
Serhey Shmyg
@sshmyg
Jan 27 2016 15:13
айтеми в меню, це теж окремі компоненти, в яких теж буде логіка кліки і тд
тому ось так не варіант
Illia Seheda
@ALF-er
Jan 27 2016 15:15
ты хочешь просто передать каким хтмлтегом какой элемент рендерить?
Serhey Shmyg
@sshmyg
Jan 27 2016 15:16
ну типу того
типу як раніше, є шаблон і ті дані що туди передаємо, змінили шаблон, а дані можна ті самі заюзати, чи преедати якісь додаткові
які приктики є відносно реакта в цьому питанні?
я так розумію максимально можна різати на менші компоненти, і ці невеликі компоненти передавати як дефолтний параметр, а якщо потрібно брати і заміняти його
Illia Seheda
@ALF-er
Jan 27 2016 15:17
это всё функции, как мы помним. А следовательно, мы всегда можем
<Menu renderItemsWIth={ReactDOM.li} />
<Menu renderItemsWIth={ReactDOM.div} />
Serhey Shmyg
@sshmyg
Jan 27 2016 15:18
не завязуйся на просто назві тегу
якщо це щось складніше
Illia Seheda
@ALF-er
Jan 27 2016 15:19
ты прикалываешься?
Serhey Shmyg
@sshmyg
Jan 27 2016 15:19
всередині є ще щось, лінки, іконки і тп
var MenuItem = React.createClass({
    render: function() {
        return (

        );
    }
});

var MenuWrapper = React.createClass({
    render: function() {
        return (
            <nav>
                this.props.children
            </nav>
        );
    }
});

var Menu = React.createClass({
    getDefaultProps: function() {
        return {
            MenuWrapper: MenuWrapper,
            MenuItem: MenuItem
        };
    },
    render: function() {
        var {MenuItem} = this.props;

        return (
            <MenuWrapper>
                <MenuItem />
            </MenuWrapper>
        );
    }
});
Думав можливо якось так
Dmitry Olkhovoi
@DmitryOlkhovoi
Jan 27 2016 15:20
Да эт хороший пример с контейнер компонентом
Serhey Shmyg
@sshmyg
Jan 27 2016 15:21
тобто якщо захочу змінит будь яку складову, на щось інше, є така можливість, просто передати її як пропертю.
Думав можливо інші підходи є щодо цього. Тому і запитую. Щоб зважити всі за і проти
Alexey Raspopov
@alexeyraspopov
Jan 27 2016 15:54
ты 1) зря усложняешь задачу 2) не можешь нормально описать требования
сложно тебе тут ответить
Maxim
@MaksimSurmach
Jan 27 2016 16:37
Добрый день ребята. Так вышло что делаем диплом на asp.net. Думаю какой фреймворк подставить для отображения и что бы было все красиво. наткнулся на реакт. посоветуйте с чего начать
Alexey Raspopov
@alexeyraspopov
Jan 27 2016 16:38
начни с записки к диплому
может получиться так, что и код писать не придется
Maxim
@MaksimSurmach
Jan 27 2016 16:42
надо писать.
Alexey Raspopov
@alexeyraspopov
Jan 27 2016 16:43
в любом случае начни с записки)
Maxim
@MaksimSurmach
Jan 27 2016 16:43
у нас «электронное расписание университета». заполнение, показ, кол-во аудиторий, преподователей
и тд.
Serhey Shmyg
@sshmyg
Jan 27 2016 16:46
@alexeyraspopov що значить не ускладнювати? Зрозумів що вскоаднюю але не зрозумів що зочу :).
Alexey Raspopov
@alexeyraspopov
Jan 27 2016 17:01

у нас «электронное расписание университета». заполнение, показ, кол-во аудиторий, преподователей

бакалавр?)

Maxim
@stigmat4j
Jan 27 2016 18:57
Что-то не врублюсь как релоадить js в RN на линуксах. Версия андрюхи 5.x.x, а там хардварной кнопки меню нет. Как быть?
Нашёл :) F2 :)
Kirill Yakovenko
@blia
Jan 27 2016 22:51
ReactNative@android как реквайрить svg/другойвекторныйформат?