These are chat archives for dev-ua/reactjs

30th
Nov 2016
jump020305
@jump020305
Nov 30 2016 01:52
I am trying to add br tag between the text in react.
can you guys tell me how to add it.
I tried adding br tag... but if I add I get <br> tag in the browser.
providng my code below.
can you guys tell me how to fix it.
let sportsDescription = '';

        if(sportsInfo !== '' && !isSportsSetupActive) {
            sportsDescription = 'testing <br /> testing';

        }else if(isSportsSetupActive) {
            sportsDescription = 'testing <br /> testing';

        }



        return (
            <div id="main" className="section flex-container flex-full">
                <section className="page-content flex-item">
                    <section className="gray-box">
                        <h2>Welcome to your  dashboard{formatName}.</h2>
                        <p className="ft-intro ft-day1 ft-day2">{sportsDescription}</p>

                    </section>
                </section>
            </div>
    );
Ruslan Abdullaev
@rajdee
Nov 30 2016 07:15
Товарищ попытался выкинуть поддержку React.createClass и DOM Factories из React
https://twitter.com/iamdustan/status/783701952483856384
Oleg Reznichenko
@olegreznichenko
Nov 30 2016 08:15
@rajdee , то йому нічим було зайнятись) Давно існує react-lite або взагалі для упоротих p-react
Oleg Reznichenko
@olegreznichenko
Nov 30 2016 09:12
як вірно використовувати ref для елемента, а то бачив два варіанта
1) <img ref='img' />
2) <img ref={img => this.img = img}
Leo Hrabovetskyi
@m1n0s
Nov 30 2016 09:16
а ти спробуй обидва
і побачиш що на 1й реакт тобі покаже ворнінг
щось типу string refs is deprecated
тому відповідь - використовуй 2й
Oleg Reznichenko
@olegreznichenko
Nov 30 2016 09:28
@m1n0s , зрозуміло, дякую)
andrey
@kaflan
Nov 30 2016 10:17
в общем ребят хочу зделать апликуху кто сможет проверить? посмотреть норм или нет
Leo Hrabovetskyi
@m1n0s
Nov 30 2016 10:17
@kaflan ти зроби
а ми всі подивимось
andrey
@kaflan
Nov 30 2016 10:18
добре окей дяка
в недюлю сяду и зроблю стрим =)
Aleksey Shvayka
@shvaikalesh
Nov 30 2016 10:22
только фиксиков погромче
Andrii
@Palatnyi
Nov 30 2016 11:04
хей! Всем привет! Комьюнити, подскажите кто чем пользуется для документации реакт компонентов? Есть ли какие-то бест практис того как надо документировать, на что обращать внимание , а что можно опустить. Спасибо!
Terry Sahaidak
@terrysahaidak
Nov 30 2016 11:06
@Palatnyi хз для суто документації, але якшо лайт версія -- react storybook класна штука
Boris Cherepakha
@bcherepakha
Nov 30 2016 11:08
@Palatnyi Это же JS, так что надо просто использовать JSDocs
Vladislav (vladknp)
@vladknp
Nov 30 2016 13:41
Всім Привіт. Хто користується
Хто використовує flowjs під віндовс? Та ще й у атомічи
Чи візуально студії
Ivan Zusko
@ivanzusko
Nov 30 2016 13:45
@vladknp ти про це?
https://flowtype.org/
якщо так, то я, у Атом
Vladislav (vladknp)
@vladknp
Nov 30 2016 13:47
А ти flow-bin втановлював глобального чи локально?
Ivan Zusko
@ivanzusko
Nov 30 2016 13:47
глобально довелось
спочатку тільки локально стояв
Vladislav (vladknp)
@vladknp
Nov 30 2016 13:49
А локально працювало?
Ivan Zusko
@ivanzusko
Nov 30 2016 13:49
nope
Andrey Gubanov
@finom
Nov 30 2016 15:05
Бомбит... Не могу не поделиться, вам же так интересно. Когда пилишь придожение с использованием редукса, каждая маленькая хуйнюшка (кнопочка, формочка и пр.) заставляет проходить рутинный цикл: вьюха, коннект, [константа с именем экшна], редусер, экшн-криэйтор. На любом этапе может быть завтык. Первая сотня таких циклов - норм, потом задалбывает.
Vladislav (vladknp)
@vladknp
Nov 30 2016 15:08
@finom
який висновок виходячи з цього? ))
Andrey Gubanov
@finom
Nov 30 2016 15:09
@vladknp никакого, я делюсь своими переживаниями)
Не нравится то, что сроки жмут, а я модальку с формой внутри делаю полчаса. Может, руку набью, но пока что реакт-редакс для меня - то такое
Bohdan Denysiuk
@Kotuhan
Nov 30 2016 15:12
Мелочи) Профит в глобальном больше чем эти затраты)
Andrey Gubanov
@finom
Nov 30 2016 15:13
@Kotuhan спорно
профит в том, что редакс архитектура - мейнстрим, найти нового человека в команду не трудно
Bohdan Denysiuk
@Kotuhan
Nov 30 2016 15:14
Тогда возникает закономерный вопрос - нужен ли тебе вообще redux?)
Andrey Gubanov
@finom
Nov 30 2016 15:14
не
платят просто хорошо
Bohdan Denysiuk
@Kotuhan
Nov 30 2016 15:14
=D
Terry Sahaidak
@terrysahaidak
Nov 30 2016 15:39
@finom ти кожну кнопку конектиш до редакса? О_О
Andrey Gubanov
@finom
Nov 30 2016 15:39
@terrysahaidak ну не отдельно
Ivan Zusko
@ivanzusko
Nov 30 2016 15:39
краще через пропси
Terry Sahaidak
@terrysahaidak
Nov 30 2016 15:39
в тебе не кнопка має створювати екшн
а подія
тобто не clickedAuthButton, а authUser, а клік по кнопці буде діспатчити цей екшн
або шось ти робиш не те
або я хз)
Andrey Gubanov
@finom
Nov 30 2016 15:41
@terrysahaidak вызывает функцию, которая в коннекте диспатчит экшн
всё норм
Terry Sahaidak
@terrysahaidak
Nov 30 2016 15:42
то з чого бомбить то?
бомбить тільки на самому початку аплікухи, дуже багато бойлерплейту
зато коли аплікуха вже розрослась, додати шось, якусь фічу надзвичайно, імхо, легко
Andrey Gubanov
@finom
Nov 30 2016 16:08
ну такое
Terry Sahaidak
@terrysahaidak
Nov 30 2016 16:14
@finom бтв, можна в конекті їх не прив'язувати
можна просто витягувати з пропсів діспатчі і діспатчити десь в аплікусі) я так роблю, мені ок
тим більше так навіть краще, ібо при кожній зміні пропсів не створюються нові функції
Andrey Gubanov
@finom
Nov 30 2016 16:17
@terrysahaidak хз, спорно. Не наглядно, какие экшн криейторы юзаются
Terry Sahaidak
@terrysahaidak
Nov 30 2016 16:18
можливо) але чомусь мені так зручніше) хз чого