@react_js

Страница 1123 из 5115
anoru
24.03.2017
17:45:53
только сейчас увидел, что он первый ))

Mike
24.03.2017
17:49:13
да ему надо сначала про desctructuring почитать в es6

Google
Mike
24.03.2017
17:49:22
а не о стейтлесс компонентах

Roman
24.03.2017
17:49:26
и он тут же деструктуризируется

Pavel
24.03.2017
17:49:47
Ок

Roman
24.03.2017
17:49:53
реакт компонент можно описывать только функцией, которая возвращает сразу рендер и принимает первым параметром пропсы

Pavel
24.03.2017
17:51:38
На сегодняшний день stateless компоненты не являются полноценной заменой React.Component, хоть в итоге и оборачиваются в него. Полным ходом идет разработка Fiber который позволит потихоньку перейти на них. Следите здесь: http://isfiberreadyyet.com/

Mike
24.03.2017
17:51:53
ну они нужны

реакт знает что они стейтлесс

и это оптимизирует его флоу

но зачем целиком на них переходить как-то ниясна

Pavel
24.03.2017
17:55:57
Сейчас оптимизации специфической нет, как недавно говорил Абрамов в одном из твитов. Нужны они для оптимизации virual dom.

Lends
24.03.2017
18:09:34
Делаем так, как говорит Абрамов

Mike
24.03.2017
18:15:25
Про богомерзкий jss его уже спрашивали?

Google
Dmitrii
24.03.2017
18:15:58
был у кого опыт реализации лайв апдейта на формах? как реализовывали?

Razzwan
24.03.2017
18:16:20
"лайп"?

redux-form?

Dmitry
24.03.2017
18:16:44
onChange={update} :)

Dmitrii
24.03.2017
18:17:58
onChange={update} :)
изи, а если там много полей + мультистеп + вложенные массивы и объекты + сущность обновляется на сервере через разные эндпоинты по частям (нельзя послать просто денормализованный объект) + валидация + корректный хэндлинг ошибок?

Dmitry
24.03.2017
18:19:31
По сути сам лайв апдейт - это только триггер сабмита при чендже, все остальное - то же самое, что и без него. Тебе же все так же надо это разруливать, если бы ты по клику сабмитил

Dmitrii
24.03.2017
18:22:20
я щас это делаю через reudx-form, и чекаю на willreceiveProps оригинальную сущность в сторе и сущность в redux-form сторе, при изменениях шлю апдейт

но обработка ошибок просто ад

Кирилл
24.03.2017
18:23:51
/stat@combot

Combot
24.03.2017
18:23:51
combot.org/chat/-1001032883247

Aleksey
24.03.2017
18:39:49
Так оно выглядит в той форме в которой хочу отобразить?

Я в react новичок, так что сильно не ругайте

andretshurotshka?❄️кде
24.03.2017
18:45:24
bind убрать лучше) сделать arrow functions

Pavel
24.03.2017
18:45:44
Это дополнительная функция для render-а части компонента.

andretshurotshka?❄️кде
24.03.2017
18:45:58
bind убрать лучше) сделать arrow functions
или биндить в конструкторе, а не в рендере

Pavel
24.03.2017
18:46:01
bind не нужен в целом

Для этой функции

andretshurotshka?❄️кде
24.03.2017
18:46:16
а да)

Pavel
24.03.2017
18:49:09
Ну и в целом результатом this.renderForm.bind(this) является function и на выходе вы не получите ничего полезного от renderForm

Google
Pavel
24.03.2017
18:50:39
Если только компонет Form не вызывает children

Aleksey
24.03.2017
18:50:47
Ну и в целом результатом this.renderForm.bind(this) является function и на выходе вы не получите ничего полезного от renderForm
Результат ровно такой же, как если бы я скопипастил код с примера react-form. Просто там для меня немного не понятная структура

Pavel
24.03.2017
18:51:29
Не совсем. Здесь действительно используется очень редкий вариант реализации работы с children, как с функцией.

Aleksey
24.03.2017
18:52:30
Ох, я всего лишь хотел сделать форму с валидацией, наверное буду юзать бутстрап

Pavel
24.03.2017
18:53:59
Вот для общего развития можете посмотреть видео о Function as child Component

https://www.youtube.com/watch?v=WE3XAt9P8Ek

Alexander
24.03.2017
19:11:27
http://pastebin.com/SSpCZvRH Почему возвращается underfined в store.getState()?

Igor
24.03.2017
19:19:03
http://pastebin.com/SSpCZvRH Почему возвращается underfined в store.getState()?
потому что редюсер ничего не возвращает, и вообще в редюсере не должно быть фетча

Alexander
24.03.2017
19:20:18
потому что редюсер ничего не возвращает, и вообще в редюсере не должно быть фетча
Да, я знаю. Пока просто работу с апи настраиваю. Ошибка у меня на сервере была

Igor
24.03.2017
19:22:27
Да, я знаю. Пока просто работу с апи настраиваю. Ошибка у меня на сервере была
если перед fetch поставишь return, то увидишь промис, который возвращает fetch

Alexander
24.03.2017
19:24:22
если перед fetch поставишь return, то увидишь промис, который возвращает fetch
Да я это знаю. Я не могу сделать, чтобы я мог к бекенду обращаться

Igor
24.03.2017
19:29:29
Да я это знаю. Я не могу сделать, чтобы я мог к бекенду обращаться
я когда клацал fetch, то на грабли наступал, помню пришлось настраивать options для запроса, хотя этого не ожидал. используй axios https://github.com/mzabriskie/axios

Pavel
24.03.2017
19:39:11
Лучше скажи какие заголовки отправлять, чтобы достучаться до апи :)
Все зависит от конфигурации API, на каком об домене, какой метод слушает и прочее.

Alexander
24.03.2017
19:40:12
Все зависит от конфигурации API, на каком об домене, какой метод слушает и прочее.
Открыт на порту другом. На express. Просто роутинг через /api. Не пускает. Говорит мол не разрешен доступ с внешних источников

Pavel
24.03.2017
19:41:10
Вот пример для обращения к API imgur для закачки картинок: fetch('https://api.imgur.com/3/image', { method: 'POST', headers: { Authorization: 'Client-ID xxxxxxx', Accept: 'application/json' }, body: imageBase64 })

Дальше настраивайте под свои нужды

Alexander
24.03.2017
19:45:02
что то на корсы попахивает
app.use(cors()) не помогает

Google
Alexander
24.03.2017
19:45:32
Вот что бекенд в консоли отвечает Header name must be a valid HTTP Token ["undefined"]

Через postman проходит всё. А через фронт не работает

Всё, ура. Сделал

Сергей
24.03.2017
20:15:13
http://package.json.is/

Ramazan
24.03.2017
20:55:04
Доброй ночи, ребята можете подсказать как оператор подставить из компонента и результат вывести в блок .total http://codepen.io/izbagov/pen/OpEGmV?editors=0011 может я не там в том компоненте должен состояние менять

Pavel
24.03.2017
21:03:42
Доброй ночи, ребята можете подсказать как оператор подставить из компонента и результат вывести в блок .total http://codepen.io/izbagov/pen/OpEGmV?editors=0011 может я не там в том компоненте должен состояние менять
1. Судя по вашему примеру, вы воспринимаете React, как некий движок шаблонов - это не так 2. Вам необходимо в одном из компонентов фиксировать изменения в input полях и сохранять их в state 3. Не вижу какой-то специальной необходимости в компоненте Оператор, для подобных операций 4. Опишите чего вы хотите добиться, думаю все решается проще и несколько иначе

Вот пример, тогда как может работать ваш Калькулятор: https://www.webpackbin.com/bins/-Kg15r3lfNpLcAJFPLK0

Ramazan
24.03.2017
21:19:34
спасибо Павел

Admin
ERROR: S client not available

Ramazan
24.03.2017
21:20:50
у вас очень чистый и простой код получился

Pavel
24.03.2017
21:22:02
Обращайтесь! )

Ramazan
24.03.2017
21:24:03
Оператор компонент нужен был чтоб разные виды арифметических операций проделывать ) ну эт мелочи

KlonD90
24.03.2017
22:21:10
когда уже 16ый выйдет? стоит в этом году ждать? ._.

или стоит уже в сторону inferno/чего-то подобного мигрировать?

Ruslan
24.03.2017
22:44:00
или стоит уже в сторону inferno/чего-то подобного мигрировать?
прямо реально упираетесь в производительность или каждый год мигрируете на что-то новое?

Дмитрий
24.03.2017
22:45:25
Потому что потом у него будет киллер-фича для таких гонок за производительностью

Если сделают как надо, конечно

KlonD90
24.03.2017
22:48:47
Потому что потом у него будет киллер-фича для таких гонок за производительностью
а что за килерфича? и ему же все равно приходится тащить в себе бремя мультиплатформенности

Google
Ruslan
24.03.2017
23:03:18
??? немного странный вопрос
ну, если вы готовы переходить на поделку, в виде inferno, только из-за мифического прироста производительности в попугаях, то я думаю пора

особенно, учитывая дальнейшие перспективы в её развитие, после перехода создателя в fb

Дмитрий
24.03.2017
23:05:37
KlonD90
24.03.2017
23:05:38
ну прирост не мифический. штука рабочая. API схожий - compatibility опять же у всех таких пакетов есть

localvoid
25.03.2017
02:08:12
ну прирост не мифический. штука рабочая. API схожий - compatibility опять же у всех таких пакетов есть
прирост при условии если в каждом элементе выставляются флаги типа noNormalize, используются только функциональные компоненты с одним scu хуком, используются поломаные синтетик эвенты, врублена утечка памяти с ресайклингом :) Вобщем прирост который возможен только в бэнчмарке. Как только пишем нормальный код, сразу же начинаем наблюдать что инферна хуже чем большинство вдом либ.

Fiber хорошо параллелится, эффективнее работа в воркер-тредах
что куда он там параллелится, concurrencry != parallelism. Идея файбера в том чтоб уменьшить лэйтэнси при взаимодействии с интерактивными компонентами, но при этом приходится жертвовать пропускной способностью.

Alex
25.03.2017
03:02:35
>борьба с быстродействием >на клиенте

Кстати о быстродействии и производительности. В реакте есть какой-нибудь полифил под requestAnimationFrame?

Alexander
25.03.2017
04:40:35
Причем тут реакт?

Если так нужен полифил, возьми да подключи

Alex
25.03.2017
04:42:23
Ну просто так подключить любой дурак сможет.

Чот затупил, никакой полифил не нужен, будущее уже наступило.

Alexander
25.03.2017
04:54:19
Denis
25.03.2017
05:33:18
А кто-нибудь уже использует dynamic import? try { const Maps = async import('./maps') } catch (err) { console.error(err) } Есть какие-нибудь фатальные проблемы с этим подходом?

Дмитрий
25.03.2017
05:59:51
А кто-нибудь уже использует dynamic import? try { const Maps = async import('./maps') } catch (err) { console.error(err) } Есть какие-нибудь фатальные проблемы с этим подходом?
Фатальные проблемы - у typescript, принципиально отказывается признавать такой синтаксис. Плюс с react hot loader пришлось повозиться. Больше вроде ничего из ряда вон выходящего не помню)

Denis
25.03.2017
06:23:09
А что за возня вышла?

С хот

Я вот сейчас не пойму как сделать настройку имён для бандлов, которые таким образом вырезаются.

Pavel
25.03.2017
06:43:18


Herman
25.03.2017
07:02:31
Салют! Коллеги может кто может поделиться конфигом nginx + node + mongo + github ? А то запарился я

Страница 1123 из 5115