@react_js
Yung26.10.2017
16:48:22
16:48:22
Кто-то использует какие-то хелперы для реселекта ?
Немного не то, но в целом в контексте темы сокращения бойлерплейта вокруг редакса и реселекта https://kea.js.org/хотя я сам не юзал еще толком ?
Dmitry26.10.2017
16:48:49
16:48:49
Ну там формат обьявления селекторов такой же
Yung26.10.2017
16:49:13
16:49:13
(если кто-то юзал, был бы рад услышать фидбек)
GoogleDmitry26.10.2017
16:49:26
16:49:26
вот еще альтернатива для реселекта https://github.com/wellguimaraes/stateware
по типу комьютед в мобх
Дмитрий26.10.2017
16:50:54
16:50:54
У меня есть идея как можно нормально и эффективно считать computed без лишнего оверхеда)
Dmitry26.10.2017
16:51:02
16:51:02
И как же ?
Дмитрий26.10.2017
16:51:27
16:51:27
https://gist.github.com/zerobias/701fabcab4af2c97a3356273192d98ff
tl; tr — в redux by design известна первоначальная форма стейта
Поэтому можно сделать по его "слепку" функции, которые бы возвращали соответствующие селекторы
Maxim robox
andretshurotshka?❄️кде26.10.2017
16:53:23
16:53:23
Александр26.10.2017
16:53:50
16:53:50
Глянул SC насколько понял из доки нельзя стилизовать по классам? т.е. если у тебя 5 div как их разделять то?
Dmitry26.10.2017
16:54:05
16:54:05
Поэтому можно сделать по его "слепку" функции, которые бы возвращали соответствующие селекторы
т.е на каждый редюсер отдельны селектор ?и его уже юзать ?
andretshurotshka?❄️кде26.10.2017
16:54:16
16:54:16
Googlekana26.10.2017
16:55:59
16:55:59
Вот смотри, мы знаем, что а сторе есть { items: [] } и у каждого итема есть { name :: string }, как ты узнаешь это, если массив изначально пустой?
Дмитрий26.10.2017
16:57:03
16:57:03
То есть в простейшем случае будет так, только эффективно рассчитано
type State = {
id: number,
orders: number[],
}
const Shape = {
id: state => state.id,
orders: state => state.orders,
}
kana26.10.2017
16:58:42
16:58:42
Ну короч, фишка же селекторов еще в том, что мы абстрагируемся от реальной формы стора, вот что я сейчас понял
Дмитрий26.10.2017
16:59:14
16:59:14
Вот смотри, мы знаем, что а сторе есть { items: [] } и у каждого итема есть { name :: string }, как ты узнаешь это, если массив изначально пустой?
В .select ты сам передаешь функцию, которая поясняет как надо работать с объектамиDmitry26.10.2017
16:59:16
16:59:16
Ну короч, фишка же селекторов еще в том, что мы абстрагируемся от реальной формы стора, вот что я сейчас понял
Как бы да, но мне кажется это лишняя абстракция
Cenator26.10.2017
16:59:34
16:59:34
Глянул SC насколько понял из доки нельзя стилизовать по классам? т.е. если у тебя 5 div как их разделять то?
Ну вообще можно
const kek = styled.div‘
& .my-class {
/* */
}
‘andretshurotshka?❄️кде26.10.2017
17:00:00
17:00:00
kana26.10.2017
17:00:02
17:00:02
дерьмово же? нет?
Почему? У тебя хидер, боди и футер, ты делаешь
const Header = styled.div``
const Body = ...
const Footer = ...Александр26.10.2017
17:01:36
17:01:36
Почему? У тебя хидер, боди и футер, ты делаешь
const Header = styled.div``
const Body = ...
const Footer = ...
Это понятно, но если у тебя есть куча дивов, в одном компоненте, как их описать?Cenator26.10.2017
17:01:57
17:01:57
kana26.10.2017
17:02:04
17:02:04
Ну так и описывать же, не? Раньше ты делал 10 классов, сейчас 10 компоннентов
Cenator26.10.2017
17:02:35
17:02:35
Да, плохо
Либо несколько компонентов, либо вложенные классы
Googlekana26.10.2017
17:03:04
17:03:04
https://gist.github.com/kana-sama/48f610fae2cbe63c785a0f964ee3a6d0
Какой-то код
Александр26.10.2017
17:03:29
17:03:29
Ну ты этого же хотел?
Я хотел понять, как правильно пользоваться :) т.е. как описать такую структуру
<div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>Cenator26.10.2017
17:03:51
17:03:51
Pauline26.10.2017
17:06:24
17:06:24
@sergeysova
Сергей26.10.2017
17:08:25
17:08:25
Я хотел понять, как правильно пользоваться :) т.е. как описать такую структуру
<div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<MyWrapper>
<Head></Head>
<Content></Content>
<Advanced></Advanced>
<Footer></Footer>
</MyWrapper>Александр26.10.2017
17:08:38
17:08:38
<MyWrapper>
<Head></Head>
<Content></Content>
<Advanced></Advanced>
<Footer></Footer>
</MyWrapper>
Да , спасибо, так уже и сделал! =)Сергей26.10.2017
17:09:19
17:09:19
ты должен понять, пользоваться SC нужно НЕ как классами
а как бизнес-сущностями, со своим API (пропсы) и поведением
Triple26.10.2017
17:11:59
17:11:59
Иными словами, это если жестко прописать стили для конкретного элемента?
Triple26.10.2017
17:12:43
17:12:43
И в зависимости от пропсов менять соответственно
Избавляемся от .css?)
У меня сейчас creedance -sweet home alabama заиграл в голове))
Александр26.10.2017
17:14:39
17:14:39
ты должен понять, пользоваться SC нужно НЕ как классами
а как бизнес-сущностями, со своим API (пропсы) и поведением
Иначе в SC не было бы смысла :)Александр26.10.2017
17:15:18
17:15:18
GoogleСергей26.10.2017
17:17:22
17:17:22
как их отдельно хранить и зачем?
Александр26.10.2017
17:18:27
17:18:27
Nikita26.10.2017
17:42:37
17:42:37
Artyom26.10.2017
17:44:10
17:44:10
Там вообще все что хочешь можно, чекай апи
Очень мощный инструмент
Steve26.10.2017
17:57:22
17:57:22
ребзи, вопрос, как мне в мой проект подключать медиафайлы правильно?
import bla from '../bla.png'
не очень нравится
я слышал видел что-то про какую-то либу для этого
что-то типа require
но загуглить трудно потому что есть такой метод и это вроде разное, я хз
Andrew26.10.2017
18:06:51
18:06:51
Хотел спросить какие лучше практики для аутентификации. В экшенах норм заносить данные не только в редьюсер но и в локалсторедж ?
Максим26.10.2017
18:21:46
18:21:46
https://pastebin.com/ijThPBUD - помогите, пожалуйста)
Pirate26.10.2017
18:37:48
18:37:48
Всех приветствую. Ребят, очень не хочется изучать экму, возможно ли с использованием npm писать на реакте с чистым js?
И насколько это трудоёмко по сравнению с экмой
andretshurotshka?❄️кде26.10.2017
18:38:31
18:38:31
экмой?
Googleandretshurotshka?❄️кде26.10.2017
18:38:54
18:38:54
это и есть js
andretshurotshka?❄️кде26.10.2017
18:40:12
18:40:12
а зачем на старом писать?
Pirate26.10.2017
18:40:18
18:40:18
Экмаскрипт 6 имею ввиду
kana26.10.2017
18:40:26
18:40:26
Так и старый стандарт назывался ecmascript
Но посмотреть на новые фишки - дело 5 минут
Irina26.10.2017
18:40:49
18:40:49
зачем вообще идти во фронтэнд без желания учить новое)
kana26.10.2017
18:40:58
18:40:58
Да и как новые, сколько лет им уже
Anton26.10.2017
18:41:47
18:41:47
Экмаскрипт 6 имею ввиду
экмаскрипт - это спецификация, а js - реализация этой спецификации. Нельзя писать на ecmascript, нет такого языкаkana26.10.2017
18:41:57
18:41:57
Дело в том, что js последнего стандарта - это и есть чистый js
Pirate26.10.2017
18:42:15
18:42:15
Ребят, я вроде конкретный вопрос задал. И точно знаю, что все поняли о чём идёт речь.
Cenator26.10.2017
18:42:29
18:42:29
Нет
Ах да, для таких специальную группу создали
Anton26.10.2017
18:43:03
18:43:03
Ребят, я вроде конкретный вопрос задал. И точно знаю, что все поняли о чём идёт речь.
Я не понял :) переформулируй, может быть?kana26.10.2017
18:43:13
18:43:13
Ого, даже такая есть
kana26.10.2017
18:43:40
18:43:40
Похоже на тот анекдот, где всех баб на корабль согнали и потопили
Pirate26.10.2017
18:44:42
18:44:42
Реакт по документации советует юзать ecma6. Тот, что с классами и прочее. Я спрашиваю: можно ли полноценно использовать реакт со старой версией js? Es5 и ниже без лишних затрат по времени.
Cenator26.10.2017
18:45:01
18:45:01
Нельзя
Открыть в Telegram