@react_js
Roman01.10.2018
08:56:26
08:56:26
Че?
const Button = styled.button.attrs({
style: ({ sizeValue }) => ({ fontSize: sizeValue + 'px' })
})`
color: coral;
padding: 0.25rem 1rem;
border: solid 2px coral;
border-radius: 3px;
margin: 0.5rem;
&:hover {
background-color: bisque;
}
`;.
Artyom01.10.2018
08:57:28
08:57:28
const Button = styled.button.attrs({
style: ({ sizeValue }) => ({ fontSize: sizeValue + 'px' })
})`
color: coral;
padding: 0.25rem 1rem;
border: solid 2px coral;
border-radius: 3px;
margin: 0.5rem;
&:hover {
background-color: bisque;
}
`;.
Это не вычисляемые, а устанавливаемые извнеВычисляемые - это логика, в стиле тернарки
Maxim01.10.2018
09:02:59
09:02:59
Парни, не спорьте плиз))
Google
Artem01.10.2018
09:17:07
09:17:07
Всем привет, посоветуйте какой брать пагинатор для react ?
Сергей01.10.2018
09:17:37
09:17:37
пагинаторы — крайне простая штука
Artem01.10.2018
09:18:04
09:18:04
Готовые решения так плохи?
Maxim01.10.2018
09:18:55
09:18:55
Сергей01.10.2018
09:19:10
09:19:10
вся суть только в компонентах кнопок
заебешься кастомизировать
Artem01.10.2018
09:19:39
09:19:39
Ок, понял
★nton01.10.2018
09:22:05
09:22:05
⢎⡁⡮⢵⢸⣸⣸ ⡮⢵?01.10.2018
09:24:05
09:24:05
эммм, ну хз, вообще я все равно так делаю, но вместо дополнительного класса по идее можно сделать контейнер для компонента и ему прописать нужные стили
GoogleMaxim01.10.2018
09:32:47
09:32:47
У меня ещё один вопрос по styled-components. Вероятно очевидный, но я додуматься не смог. Как присвоить стили для activeClassName компонента <NavLink />
Cenator01.10.2018
09:33:48
09:33:48
★nton01.10.2018
09:33:53
09:33:53
эммм, ну хз, вообще я все равно так делаю, но вместо дополнительного класса по идее можно сделать контейнер для компонента и ему прописать нужные стили
ну класс передавать очень удобноя просто не вижу смысл от этого отказываться
⢎⡁⡮⢵⢸⣸⣸ ⡮⢵?01.10.2018
09:34:30
09:34:30
а когда начнешь поддерживать и у тебя из разных мест полезут разные несовместимости то капец
★nton01.10.2018
09:35:15
09:35:15
когда поддерживаешь еще удобнее
⢎⡁⡮⢵⢸⣸⣸ ⡮⢵?01.10.2018
09:35:48
09:35:48
и еще 50 дополнительных классов на компоненте
Dmitry01.10.2018
09:37:26
09:37:26
Может кто сталкивался с такой проблемой.
Перевел проект на babel 7 и перестали нормально export/import
export const productsByGroupSelector = createSelector();import { productsByGroupSelector } from '../products/selectors';Приходит undefined
Roman01.10.2018
09:38:11
09:38:11
Maxim01.10.2018
09:40:12
09:40:12
⢎⡁⡮⢵⢸⣸⣸ ⡮⢵?01.10.2018
09:42:01
09:42:01
я просто не вижу смысл от этого отказываться
нет, слушай, я в своем проекте этих дополнительных классов много нахуячил, и не наступай на мои граблиDmitry01.10.2018
09:42:41
09:42:41
а все остальное обновил?
.babelrc
{
"sourceMaps": true,
"presets": ["@babel/preset-env", "@babel/preset-react", "@babel/preset-flow"],
"plugins": [
"@babel/plugin-proposal-object-rest-spread",
"@babel/plugin-syntax-dynamic-import",
"@babel/plugin-proposal-export-default-from",
"@babel/plugin-proposal-class-properties"
],
"env": {
"production": {
"plugins": ["babel-plugin-transform-react-remove-prop-types"]
},
"development": {
"plugins": ["babel-plugin-styled-components"]
}
}
}⢎⡁⡮⢵⢸⣸⣸ ⡮⢵?01.10.2018
09:43:46
09:43:46
нет, слушай, я в своем проекте этих дополнительных классов много нахуячил, и не наступай на мои грабли
хотя с другой стороны, можно наступить, тогда станет понятнее)Artyom01.10.2018
10:30:20
10:30:20
Да это не какой-то уникальный опыт, с этим сталкиваются все одновременно. Сколько у вас кода в проектах, сколько комбинаций существует для одной лишь только кнопки? Почему в реакте запрещено глубокое наследование и всё разрастается вширь? А почему никто так и не смог запилить нормальный визуальный редактор для фронтенда, фронтенд же (я без иронии) заметно проще бэкенда, но ведь что-то значит всё равно мешает?
Ответ на все эти вопросы как раз в том, что здесь кейсы на кейсах, плоский но большой список вариантов без всяческой глубоко выраженной структуры. Проще говоря, в ui критически мало повторяющихся вещей, ui — это много кейсов. Много кейсов в динамической системе, которая имеет переходные состояния означает что можно забыть о том чтобы формализовать это настолько прямолинейным образом. Плоский список же, значит события имеют тенденцию не совпадать с твоими ожиданиями с конечным автоматом наготове, а это значит, что конечный автомат неизбежно ведёт в бесконечный ад
Про "фронтенд проще бекенда" не понял.
На беке у тебя есть спека и тебе просто нужно все сделать по ней, все лишнее отсекается валидаторами.
На фронте тебе постоянно нужно думать как ублажить пользователя с этим самым комбинаторным взрывом.
Совсем упрощенно, бек - это программирование в стиле white list, а фронт в стиле black list. Ну и что проще?
Dzmitry01.10.2018
10:31:00
10:31:00
Дмитрий01.10.2018
10:32:03
10:32:03
Фронтенд проще чисто количественно, меньше размах
Дмитрий01.10.2018
10:33:22
10:33:22
Ну если etl стал отдельной должностью
JohnGoogle
Baratov01.10.2018
10:43:16
10:43:16
без подключения classNames
dimaBaratov01.10.2018
10:44:13
10:44:13
как?:D
Baratov01.10.2018
10:44:28
10:44:28
)
MøbýRoman01.10.2018
10:58:12
10:58:12
Framerx убийца реакт разработчиков чи шо ваще?
ждем обвал зп?
или это убийца верстальщиков
Default01.10.2018
11:00:35
11:00:35
Я уже попользовался
GoogleDefault01.10.2018
11:00:44
11:00:44
Пока работает не так клёво, как хотелось бы
AdminERROR: S client not available
Default01.10.2018
11:01:05
11:01:05
Но херачить на нём одно удовольствие
Roman01.10.2018
11:01:30
11:01:30
и логику писать тоже?
Default01.10.2018
11:01:43
11:01:43
Нет, логики там нет как таковой
Roman01.10.2018
11:01:55
11:01:55
просто прототип, в котором работает что-то?
Default01.10.2018
11:01:57
11:01:57
Там есть библиотеки компонентов, тот же material
Ты просто пилишь именно интерфейсную часть
Я себе страничку за пару минут накидал, мне понравилось
Roman01.10.2018
11:02:53
11:02:53
Roman01.10.2018
11:04:26
11:04:26
товарищи а по роллапу есть чат?)
Roman01.10.2018
11:04:58
11:04:58
АХАХАХ ОРУ
Roman01.10.2018
11:05:24
11:05:24
главное, чтобы zerobias не увидел
Dmitry01.10.2018
11:16:46
11:16:46
Может кто сталкивался с такой проблемой.
Перевел проект на babel 7 и перестали нормально export/import
export const productsByGroupSelector = createSelector();import { productsByGroupSelector } from '../products/selectors';Приходит undefined
Оказалось не то что бы в babel проблема. Дело в том что при первой инициализации ипортируется undefined а далее туда уже выгружается функция и createSelector из reselect тупит так как он пытается создать селекторы на основе undefined. Как обойти пока не понятно, если кто сталкивался подскажите плизтак понимаю причина в круговой зависимости этих файлов друго от друга
GoogleДмитрий01.10.2018
11:30:44
11:30:44
По роллапу не нужен чат потому что он простой как мычание
Конфиги абсолютно типовые, можно брать файлик из любого крупного опенсорца с роллапом и будет ок
Ҫѐҏӗѫӑ01.10.2018
11:33:44
11:33:44
группа лол
artsИгорь01.10.2018
11:56:13
11:56:13
Парни есть такой вопрос. у меня бек присылает статусы некоторых объектов отдельно от этих данных. вот я и думаю, как считаете если вызов аякс запроса на статусы перенести в селектор, и из него получать выборку данных уже со статусами, это более не правильно чем мапинг статусов и созхранение, стора в стейт ?
я понимаю что костыль это оба случая
shut up01.10.2018
11:56:33
11:56:33
Как добавить на сайт безопасную платёжную форму?
Сергей01.10.2018
11:57:45
11:57:45
Открыть в Telegram