Мужчины, как classnames вместе с модулями использовать: const myClass = classNames({ 'myclass': true, [styles.defaultClass] : !conditional }); Вот так styles.defaultClass как underfined определяет :)

Смотри импорты.

import styles from './styles.module.less';

Что именно там смотреть

Есть ли что-то в styles?

абсолютно так же тащемта, просто название пропса другое

так а как передать в пропс? чилдрены я просто в жсх пишу

Ребята, а styled components сильно бьет по производительности?

Конечно все есть +

Ребята, а styled components сильно бьет по производительности?

не сильно

не сильно

Спасибо

Конечно все есть +

Тогда магия, если всё есть.

так а как передать в пропс? чилдрены я просто в жсх пишу

чилдрен это сахар над пропами

чилдрен это сахар над пропами

я понял, а как отсахарить?

я понял, а как отсахарить?

<A children={<B />} />

ну вот так не работает. пишет, что фигня не может рендерится

так лерна это же и есть workspaces, не?

Rispa же ?

Всем шалом. Есть мысли, как можно сделать глобально доступный стор, который будет несколькими аппами использоваться?

БД?

Всем шалом. Есть мысли, как можно сделать глобально доступный стор, который будет несколькими аппами использоваться?

window['___MY_AWESOME_STORE___'] = createStore()

Всем шалом. Есть мысли, как можно сделать глобально доступный стор, который будет несколькими аппами использоваться?

так же как для одного, просто в пропсы прокинь всем

Всем шалом. Есть мысли, как можно сделать глобально доступный стор, который будет несколькими аппами использоваться?

web worker, window, postMessage, indexDB, localStorage. Ну и замыкание

всем хай, быстрый вопросик) а насколько это нормально в одном файле страницы держать и стили для styled-components, и типа и собственно сам код компонетна ? если это плохо, то какл учше это организовать ?

разделить по разным файлам, очевидно

у меня есть общая папка Styles для глобальных стилей

и ./ComponentnameStyles.js для локальных

в папке с компонентом

какие есть алтернативы redux-form которые принимают initial value через param а не через connect

Formik

Danke

так же как для одного, просто в пропсы прокинь всем

Не, там прям разные аппы. В разных местах собираются и т.д.

всем хай, быстрый вопросик) а насколько это нормально в одном файле страницы держать и стили для styled-components, и типа и собственно сам код компонетна ? если это плохо, то какл учше это организовать ?

Все начинают с одного файла, 99% потом все стили в styled/ поддиректорию выносит.

всем хай, быстрый вопросик) а насколько это нормально в одном файле страницы держать и стили для styled-components, и типа и собственно сам код компонетна ? если это плохо, то какл учше это организовать ?

Стайлед это готовые компоненты. Лучше их выносить в атомик структуру

Хм...

Понял, всем спасибо, а ест ьу кого-то статьи хорошие на эту тему как организовать стайледы-компоненты-типы ?

Понял, всем спасибо, а ест ьу кого-то статьи хорошие на эту тему как организовать стайледы-компоненты-типы ?

В Питере 4 июля будет на эту тему доклад

Понял, всем спасибо, а ест ьу кого-то статьи хорошие на эту тему как организовать стайледы-компоненты-типы ?

Глянь в закрепе

Глянь в закрепе

трансляция/запись будет?

-> import { identical, compose, not } from 'ramda' -> oh no

трансляция/запись будет?

присоединяюсь к вопросу

да там сверху где-то Денис Измайлов написал, что запись только в блокнот

я не знаю как они собрались стримить в блокнот))) но хотел бы поучавствовать онлайн

В Питере 4 июля будет на эту тему доклад

до Питера далеко) если бы онлайн)

до Питера далеко) если бы онлайн)

Думаю будет онлайн, прошлый московский митап был

Мужчины, <div className={styles.pickupMapMarker_body_hr} /> А как быть со вложенными стилями, которые поддерживает less ?

Или на каждый вложенный писать стиль БЭМ

Или на каждый вложенный писать стиль БЭМ

Classnames есть такая штука, погугли

У меня проблема это он не распознает вложенные классы

Всем привет, кто нибудь знает есть connect как в react-redux но только для функций?

есть

а зачем вложенные

и возникает неоходимость прописывать каждему вложенному свой

ERROR: S client not available

Вложенные классы?

и возникает неоходимость прописывать каждему вложенному свой

А ты как хотел?

Чтоб оно за тебя понимало твою вложенность?

Как минимум корневой класс стиля у тебя должен быть представлен как константа, дальше намешивай как нужно

Мужчины, <div className={styles.pickupMapMarker_body_hr} /> А как быть со вложенными стилями, которые поддерживает less ?

console.log(styles)

Как минимум корневой класс стиля у тебя должен быть представлен как константа, дальше намешивай как нужно

как это мне поможет если стили которые указываются трансформируюся и будут принимать вид типа: styles-module__pickupMapMarker_body--2LUes

как это мне поможет если стили которые указываются трансформируюся и будут принимать вид типа: styles-module__pickupMapMarker_body--2LUes

Дык это потом происходит

Какким образом мне не указывать каждому вложенному классу свой стиль в коде

Какким образом мне не указывать каждому вложенному классу свой стиль в коде

Может посмотришь в сторону styled components, раз уж ты не понимаешь, как работают css модули?

Какким образом мне не указывать каждому вложенному классу свой стиль в коде

Ну или почитай внимательно https://github.com/gajus/react-css-modules/blob/master/README.md

Кто мне может ответить на пару вопрос по lerna?

?

привет, подскажите как вызывать колбек после редиректа react-router

Привет, есть админы бан обжаловать?

Тупонул на одном чате, дали бан во всех?

привет, подскажите как вызывать колбек после редиректа react-router

component did mount

component did mount

thanx

Не увидел чатик, подумал опять забанили, чуть не расплакался Поделитесь ссылкой по адвансед паттернам и техникам? По типу пропс рендеринг

Не увидел чатик, подумал опять забанили, чуть не расплакался Поделитесь ссылкой по адвансед паттернам и техникам? По типу пропс рендеринг

https://egghead.io/courses/advanced-react-component-patterns

https://egghead.io/courses/advanced-react-component-patterns

Спасибо

const createRange = metric => { const rangeArr = []; for ( let i = metric.range.min; i <= metric.range.max; i += metric.range.increment ) { rangeArr.push(i); } return rangeArr; }; Нужно сделать массив от минимального числа к максимальному, увеличение которого будет пропорционально инкременту Проблема в том, что инкремент можеть быть целым, а может быть с плавающей точкой, в случае с` 4.4 + 0.2` - выдает не совсем точный результат, из за чего происходит не совсем то поведение, которое мне необходимо Есть идеи, как исправить?

const createRange = metric => { const rangeArr = []; for ( let i = metric.range.min; i <= metric.range.max; i += metric.range.increment ) { rangeArr.push(i); } return rangeArr; }; Нужно сделать массив от минимального числа к максимальному, увеличение которого будет пропорционально инкременту Проблема в том, что инкремент можеть быть целым, а может быть с плавающей точкой, в случае с` 4.4 + 0.2` - выдает не совсем точный результат, из за чего происходит не совсем то поведение, которое мне необходимо Есть идеи, как исправить?

.toFixed()

toFixed -  не выход Потому-что может быть целым, а может с плавающей точкой

но ты можешь перед округлением узнать требуемую точность и округлять до нужного знака

toFixed -  не выход Потому-что может быть целым, а может с плавающей точкой

Заменяй запятые regexp`ом на точки ?‍♂️