@react_js
Alexander20.02.2018
20:23:10
20:23:10
если из Рнд то можно и за пивас
Andrew20.02.2018
20:23:24
20:23:24
в лс крч катай
Alexander20.02.2018
20:23:38
20:23:38
окэ
GoogleAndrew20.02.2018
20:23:38
20:23:38
а то тут щас в чатике понапишем
Alexander20.02.2018
20:23:42
20:23:42
го
ed20.02.2018
20:29:25
20:29:25
вот кстати всегда было интересно - почему при использовании redux народ начинает писать кучу подобных экшенов и редюсеров если можно написать всего 3 редюсера и к ним три экшена - "CREATE", "EDIT", "DELETE" (+ экшен "GET" который обработается в миддлварке), а имя таблицы - "USER", "BRAND", "POST", "TASK", ets просто передавать параметром в экшене. И у нас получится всего 4 экшена вместо 4*n(количество таблиц) как в этой замечательной картинке
Подобным упрощением можно придти к тому что только 1 экшен будет и параметром передавать урл, а потом вообще прямо в компоненте делать запрос, истина по середине
andretshurotshka?❄️кде20.02.2018
20:30:43
20:30:43
вот кстати всегда было интересно - почему при использовании redux народ начинает писать кучу подобных экшенов и редюсеров если можно написать всего 3 редюсера и к ним три экшена - "CREATE", "EDIT", "DELETE" (+ экшен "GET" который обработается в миддлварке), а имя таблицы - "USER", "BRAND", "POST", "TASK", ets просто передавать параметром в экшене. И у нас получится всего 4 экшена вместо 4*n(количество таблиц) как в этой замечательной картинке
ппц я твои сообщения узнаю по примерам с projects, tasks, comments теперьMax20.02.2018
20:55:28
20:55:28
А как и где реализовать разную и, порой не простую бизнес логику?
мне кажется отдельные функции - это отличное место для реализации для бизнес-логики, они могут диспатчить нужные экшены добавления, изменения или удаления в редюсер и помимо этого могут также выполнять любые асинхронные операцииПодобным упрощением можно придти к тому что только 1 экшен будет и параметром передавать урл, а потом вообще прямо в компоненте делать запрос, истина по середине
это нужно будет парсить урл, когда например бекенд-разработчики проектируют схему базы данных почему-то никто не жалуется что есть только 4 вида операций - считать, добавить, удалить или изменить строку в таблице и приходится писать бизнес-логику в приложении используя эти 4 операции а не как в редаксе - создать кучу экшенов и редюсеров
Дмитрий20.02.2018
21:01:28
21:01:28
Представил как постргрю запихали в 4 команды
Max20.02.2018
21:07:41
21:07:41
Представил как постргрю запихали в 4 команды
а сколько их? выборки, джойны, группировка это все считывание (select), процедуры, триггеры, транзакции т.д и это все высокоуровневые вещи и они все равно будут использовать базовые insert update и delete
Ҫѐҏӗѫӑ20.02.2018
21:27:14
21:27:14
на реакт амстердам было что-то дельное?
GoogleҪѐҏӗѫӑ20.02.2018
21:27:18
21:27:18
кто смотрел?
Муслим20.02.2018
21:41:20
21:41:20
Кто Московский Митап зальют ?
Stepan20.02.2018
22:14:08
22:14:08
ребят, разве стрелочные функции не решают вопрос с this?https://prnt.sc/ihjunw
Stepan20.02.2018
22:18:24
22:18:24
ребят, разве стрелочные функции не решают вопрос с this?https://prnt.sc/ihjunw
Побольше бы скрин сделалНихуя ж не видно контекста
Stepan20.02.2018
22:19:17
22:19:17
это все внутри функции: и весь контекст
Stepan20.02.2018
22:19:29
22:19:29
Охуенно объяснил
Внутри какой?
У тебя это всё внутри класса должно быть как минимум
Кидай код на gist
Stepan20.02.2018
22:21:48
22:21:48
some = () => {
blabla
blabla.then({
this.setState({})
})
}
я без констуктора делаю
Oleg20.02.2018
22:23:30
22:23:30
some = () => {
blabla
blabla.then({
this.setState({})
})
}
что за недообъект ты передаешь в then? передавай функциюStepan20.02.2018
22:31:19
22:31:19
бл... иди спи
AndrewGoogle
Андрей20.02.2018
22:36:20
22:36:20
мне кажется отдельные функции - это отличное место для реализации для бизнес-логики, они могут диспатчить нужные экшены добавления, изменения или удаления в редюсер и помимо этого могут также выполнять любые асинхронные операции
вы запросили список юзеров и список журналов и ... еще 10 наборов разнородных данных. как будет выглядеть функция-редьюсер? будет ли она "редьюсер"? что будет со стейтом, когда изменится список журналов? теперь уложите это в идею редакса. это редакс? , теперь добавьте туда шаред стейт компонентов - как его обрабатывать? вас сильно это спасло от констант?
Stepan20.02.2018
22:52:44
22:52:44
пиздос
Eugene Y.20.02.2018
22:53:07
22:53:07
содержательно
Андрей20.02.2018
22:54:45
22:54:45
Строковые реф депрекейтед
andretshurotshka?❄️кде20.02.2018
22:55:05
22:55:05
лол аппендить жсх
Oleg20.02.2018
22:55:42
22:55:42
в рендере использовать refs не имеет смысла еще
Dimanius85120.02.2018
22:56:09
22:56:09
можно как то из children сделать react component, что бы отрендерить только его, не вкладывать?
Oleg20.02.2018
22:56:38
22:56:38
можно как то из children сделать react component, что бы отрендерить только его, не вкладывать?
https://reactjs.org/docs/fragments.html ?Андрей20.02.2018
22:57:15
22:57:15
Эээ но ведь константы не нужны
Дело не в отсутствии или присутствии констант, а в целом ряде вопросов, которыми придется пожертвовать ради их отсутствия в конкретной реализацииEugene Y.20.02.2018
22:58:01
22:58:01
Поставим вопрос по-другому: как правильно добавлять элементы в элемент в реакте?
Oleg20.02.2018
22:59:16
22:59:16
Поставим вопрос по-другому: как правильно добавлять элементы в элемент в реакте?
самое простое - использовать jsxDimanius85120.02.2018
23:01:37
23:01:37
https://reactjs.org/docs/fragments.html ?
import React from 'react'
return <React.Fragment>{children}</React.Fragment>
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.
children !== undefinedOleg20.02.2018
23:02:40
23:02:40
Dimanius85120.02.2018
23:03:21
23:03:21
"react": "^15.6.1" ооо май гооод
Stepan20.02.2018
23:04:19
23:04:19
Почитать документацию
GoogleEugene Y.20.02.2018
23:06:54
23:06:54
http://blog.sodhanalibrary.com/2016/08/append-or-prepend-html-jsx-using-reactjs.html#.Woyo_JmWT4Y
Stepan20.02.2018
23:10:03
23:10:03
http://blog.sodhanalibrary.com/2016/08/append-or-prepend-html-jsx-using-reactjs.html#.Woyo_JmWT4Y
Это говноСмотри
Суть
У тебя есть данные
Из них реакт делает тебе разметку
При помощи render и всей другой этой поеботы
Чтобы добавить разметку где-то, тебе нужно в state добавить данные
чтобы из них сделалась разметка
ясно?
Eugene Y.20.02.2018
23:11:19
23:11:19
Это "говно", как ты говоришь, и добавляет данные в стейт
Stepan20.02.2018
23:15:11
23:15:11
appendChild это не стейт
ещё у тебя в static используется this
смотри, у тебя в стейте должен быть массив, который ты через map в render превращаешь в разметку
когда ты обновишь данные в массиве, дёрнется render
и перерисуется разметка
Oleg20.02.2018
23:17:16
23:17:16
Это "говно", как ты говоришь, и добавляет данные в стейт
https://reactjs.org/docs/conditional-rendering.htmlStepan20.02.2018
23:17:18
23:17:18
Вот так добавляются элементы
Oleg20.02.2018
23:18:10
23:18:10
Это "говно", как ты говоришь, и добавляет данные в стейт
https://reactjs-bot.github.io/react/docs/lists-conditional-rendering.htmlGoogleEugene Y.20.02.2018
23:20:41
23:20:41
еще момент, метод должен дергаться вне компонента
Stepan20.02.2018
23:20:52
23:20:52
Какой метод?
Stepan20.02.2018
23:21:37
23:21:37
А почему вне компонента?
так сделай не static
Stepan20.02.2018
23:22:40
23:22:40
Зачем?
Не надо дёргать методы из других компонентов
посмотри lifting state up в доке
почитай доку вообще
Eugene Y.20.02.2018
23:23:18
23:23:18
мне надо дергать из другого
Eugene Y.20.02.2018
23:24:18
23:24:18
Открыть в Telegram