@react_js

Страница 1209 из 5115
Max
23.04.2017
13:12:31
import { partialRight } from 'lodash' не?
А нахера мне весь лодаш в проекте?

Alexander
23.04.2017
13:14:57
А нахера мне весь лодаш в проекте?
То есть для тебя то что в фигурных скобках ничего не значит? Ты это просто игноришь?

anoru
23.04.2017
13:15:10
А начига ты написал import * as ?

открой partialRight.js и посмотри, что там экспортится

Google
anoru
23.04.2017
13:16:40
Причем здесь вообще require или собки в импорте

что мешает написать import partialRight from 'lodash/partialRight' откуда ваще взялся "* as". Сорри, бомбит

anoru
23.04.2017
13:17:11
ты не так написал в скрине

Max
23.04.2017
13:17:34
т.е. ошибка ТС тебя не смутила? )

на первом скрине

если делаешь import { hui } from ‘lodash’ то в сборку пойдет лодаш целиком

anoru
23.04.2017
13:18:34
у тебя тут import * as partialRight from 'lodash/partialRight' а надо import partialRight from 'lodash/partialRight['

Alexander
23.04.2017
13:18:47
поясни?
Что тебе пояснить? Тебе явно написали импортнуть partialRight из lodash

Max
23.04.2017
13:19:33
Что тебе пояснить? Тебе явно написали импортнуть partialRight из lodash
ты же понимаешь, да что в таком случае соберется в бандл ВЕСЬ лодаш, да?

Alexander
23.04.2017
13:19:53
Ничего он не соберет

Google
anoru
23.04.2017
13:20:21
ты же понимаешь, да что в таком случае соберется в бандл ВЕСЬ лодаш, да?
есть плагинчки для вебпака. А можно отдельно поставить lodash.partialRight

Pasha
23.04.2017
13:22:22
babel-plugin-lodash

Max
23.04.2017
13:23:02
спасибо

anoru
23.04.2017
13:23:34
да, только хотел сказать, что для бабеля есть. Ну а так лодашем не пользуюсь. Рамда)

Max
23.04.2017
13:24:03
до рамды все руки не дойдут

Abu
23.04.2017
13:28:49
Кто знает, есть ли норм react boilerplate, включая все необходимое?

гугл выдает целый список

но как-то не оч

Max
23.04.2017
13:29:23
а что тебе необходимо?

есть react-create-app

Abu
23.04.2017
13:29:52
хз, он мне чет не нрав

Max
23.04.2017
13:33:58
блин, меня не спасет бабель плагин, потому что для tsx свой лоадер

:(

Yumi
23.04.2017
13:35:20
На egghead, кто знает, как cабы включить? Transcript вижу, а Subtitle нет.

anoru
23.04.2017
13:38:55
@syabro А если это https://maxisam.github.io/2017/02/03/import-partial-lodash-feature-to-Typescript-project/

Или это https://github.com/lodash/lodash-webpack-plugin

Max
23.04.2017
13:40:33
lodash-es гляну сейчас, спасибо

Google
Sergey
23.04.2017
13:45:35
Ребята, всем привет не пинайе сильно, я не фронтенд разработчик, а чисто пытаюсь сделать фронтенд своим хобби по выходным. У меня есть реакт компонент, это сайд слайдер он помещается сбоку и он неизвестной высоты, она зависит от количества кнопочек в слайдере. Задача: центрануть вертикально этот слайдер. Моё решение: Поскольку элемент у нас с position:fixed, то нам по сути надо ему докинуть только атрибут top. Соответственно в конструкторе мы ставим стейт топ по умолчанию 0; Дальше работаем в componentDidMount(). Там вычисляем высоту видимой части экрана, делим ее на два, затем считаем высоту нашего слайдера также делим на два и от одного вычитаем другое. В рендере соответтсвенно style = {{top: this.state.top}} Прошу подсказать правильно ли я действовал в такой ситуации или есть более правильное решение с точки зрения реакт?

Max
23.04.2017
13:46:31
а это нельзя решить с помощью цсс?

Sergey
23.04.2017
13:47:02
css не сможет расчитать высоту элемента, я так полагаю ибо css статичный.

Max
23.04.2017
13:47:57
.parent { display: flex; flex-direction: column; justify-content: center; }

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Alexander
23.04.2017
13:48:28
Sergey
23.04.2017
13:48:46
Спасибо сейчас попробую.

Я так понял флексбокс щяс тренд?

anoru
23.04.2017
13:49:29
уже гриды :D

Дмитрий
23.04.2017
13:49:32
мейнстрим )

Max
23.04.2017
13:49:37
мейнстрим, да

Alexander
23.04.2017
13:49:37
Я так понял флексбокс щяс тренд?
просто удобно тренд - гриды

Alexander
23.04.2017
13:52:26
Спасибо сейчас попробую.
вот на счет центрирования в css https://css-tricks.com/centering-css-complete-guide/

Sergey
23.04.2017
13:52:52
Спасибо большое, начал догонять.

Alexander
23.04.2017
13:54:14
Спасибо большое, начал догонять.
правда с transform: translate есть баг, елезаметный блюр фиксится, но залупно

Дмитрий
23.04.2017
14:24:28
Без него возикает дилемма, что если импортить как import { append } from 'ramda' то в билд тоже пойдет вся либа, а если явно прописывать import append from 'ramda/src/append' то все тайпинги стройно идут нафиг(

? гриб
23.04.2017
14:46:54
я пришёл к вам с набросами :(

Дмитрий
23.04.2017
14:47:06
Завязывай ))

Я чёт мельком там увидел у тебя про php

Google
? гриб
23.04.2017
14:48:00
говорят, что реакт с jsx чем-то похож на php+html+js по идеологии )

Дмитрий
23.04.2017
14:48:11
Нет конечно же

Дмитрий
23.04.2017
14:48:12
Ох е

Дмитрий
23.04.2017
14:48:21
С козырей зашёл, чо

Pavel
23.04.2017
14:48:48
вечная тема - люди не понимают что логика представления это не смешение html и бизнес-логики

? гриб
23.04.2017
14:49:18
ну я к тому, что плевались в сторону пхп, когда он в винегрете генерил html, а теперь все обожают реакт с jsx, когда он по сути делает примерно то же самое примерно в таком же винегрете )

Дмитрий
23.04.2017
14:49:28
Хотя вопрос абсолютно естественный, после многих лет "разделяйте view и controller" сначала начинается лёгкое недоумение

Admin
ERROR: S client not available

Evgeny
23.04.2017
14:49:32
Толсто, попробуйте тоньше

Evgeny
23.04.2017
14:49:55
Ты в render() {} пишешь логику?

Нет?

Ilya Shurikov
23.04.2017
14:50:02
да блять. этот гриб везде

Дмитрий
23.04.2017
14:50:06
Хахах

? гриб
23.04.2017
14:50:10
меня сюда выгнали )

Ilya Shurikov
23.04.2017
14:50:11
а

он перекатился

всё ок

Дмитрий
23.04.2017
14:50:35
ну я к тому, что плевались в сторону пхп, когда он в винегрете генерил html, а теперь все обожают реакт с jsx, когда он по сути делает примерно то же самое примерно в таком же винегрете )
Разница очень тонкая, но кардинальная, реакт не рендерит шаблоны и не смешивает код, jsx — это полностью валидный js код, без "шаблонов"

Ilya Shurikov
23.04.2017
14:50:41
Я думал он распространяется

Google
Дмитрий
23.04.2017
14:50:57
Воздушно-капельным путём

? гриб
23.04.2017
14:52:22
" jsx — это полностью валидный js" меня смутило )

Ты в render() {} пишешь логику?
я пишу логику, рендер, логику рендер логику рендер

в пхп так же. пишу логику, рендерю в html и сколь угодно раз. только в пхп я получаю статику, а тут динамику

вот наверно и вся разница )

Dmytry
23.04.2017
14:55:44
Вопрос по реакт роутеру 4 Есть компонент определенного уровня вложенности, внутри которого я использую слудующую конструкцию: <Switch> <Route path='/edit/:id' render={() => <SomeComponent someparams/> }/> <Route render={() => defaultComponent}/> </Switch> Другой компонент меняет урл на /edit/1 но этот компонент не реагирует и не рендерит компонент, который матчит этот роут. Что я делаю не так?

Дмитрий
23.04.2017
14:55:55
" jsx — это полностью валидный js" меня смутило )
Ну, с транспиляцией, естественно. Суть фразы в том, что нет границы "вот эти строчки — это js, а вот эти — шаблон, который не трожь"

Dream
23.04.2017
14:55:56
Не кормите тролля

Дмитрий
23.04.2017
14:56:29
Ну лан

Дмитрий
23.04.2017
14:56:53
А ты и не должен понимать)

? гриб
23.04.2017
14:57:25
Не кормите тролля
да не, я мб иронизирую, но вопрос "каковахуямывернулись в мой 2007" меня не покидает )

почему все разом схавали то, против чего воевали )

просто мода, наверное

Evgeny
23.04.2017
14:59:31
Можно не продолжать

Его больше с нами нет

Выразил желание покинуть, как я понял

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