Хотя

Говорят "плохая практика передавать обработчки события с использованием bind (например, onClick.bind(null, stock.symbol)), потому что при каждом рендере компонента, будет заново создана функция". Что тогда использовать вместо bind() ?

Ну обернуть конд, проверять жестко только по типу сообщения. Так наверное умеет. Внутри же можно типы привести.

useCallback

Можешь еще обернуть в useCallback функцию, но профит весьма сомнительный в данном случае.

а с классовыми компонентами?

Зачем мне писать, напрмер, flow/pipe, если он есть в лодаще и еще куча где? Оттестирован и тп. Еще и с каррингом в lodash/fp

интересно по времени замерять это возможно?

Чтобы не тащить весь лодаш

сейчас опять начнется )

Чтобы не тащить вещь лодаш вебпак умеет трясти дерево

Методы

а если вот такой случай например: return data.map(elem => ( <div onClick={() => console.log(elem.someData)} /> )); то есть мне нужна переменная замыкания в колбеке. в метод не вынести же?

Хз. Обычно лодаш любят юзать. Я просто запретил его. Вроде код проще

Есть data- аттрибуты

а если вот такой случай например: return data.map(elem => ( <div onClick={() => console.log(elem.someData)} /> )); то есть мне нужна переменная замыкания в колбеке. в метод не вынести же?

в случае с div-ом можешь не париться.

понял, спс

Используй dataset потом в событии

Ребят, кто плотно с react-dnd работал? Помогите, пож-та, придумать правильный способ добавления подразделов в сортируемый список. Подойдёт помощь в поиске примера. На react-dnd делаю сортируемый список. Пример работы как в доке: https://react-dnd.github.io/react-dnd/examples/sortable/simple В моём случае есть небольшое усложнение - некоторые элементы списка имеют подраздел (заголовок), готовый вариант выглядеть примерно так должен: https://cloud.githubusercontent.com/assets/848347/13114573/e3d763fe-d548-11e5-8759-9d51f382181b.gif Проблема в том, что не знаю как правильно моделировать наличие подраздела. Пробовал такой вариант: проверять каждый элемент, если для него есть подраздел, то добавлять его сверху. const hasGroup = !isNull(groupId); const subtitle = hasGroup ? groups.find(group => group.id === groupId).name : null; return ( <> {hasGroup && subtitle} <Item key={id} id={id} index={index} title={title} onDrag={handleDragMenuItem} onDrop={handleDropMenuItem} /> </> ); Как бы вы это реализовали?

Я бы взял sortable hoc, или react beautiful dnd если в проекте есть redux.

useCallback

Чтобы не тащить вещь лодаш вебпак умеет трясти дерево

https://bundlephobia.com/result?p=react-dates@21.5.0 257.8kB 😱

react-dates не работают без moment.

react-dates не работают без moment.

ну да :), после выпиливания этого чуда значительно уменьшился бандл, т.к. еще и момент выпилился

Сейчас открыл, что оно на классах написано, в консоли сообщения о componentWillReceiveProps(). Какую либу выбрать для окошка выбора дат? Нужен range дат, от до.

Ребят, подскажите, а как настроить линтер чтобы он не давал коммитить если есть данные предупреждения?

husky и git hooks, тебе в помощь

так там можно и настроить, что именно не пропускать

Не особо. Помнится Абрамов где-то говорил, что реакт этим и отличается от всяких ангуляров, что логика компонента и его вью лежит в одном файле

Всем привет. У кого есть желание и время кое чему научить зеленого?))) Только это будет js.

это есть, но они пропускают эти warning'и

50usd/hour?

За очки кармы, не катит?)

и это хорошо?

За очки кармы, не катит?)

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

А что мешает взять книгу в руки, есть гугл со стековерфлоу, есть чаты типо этого для совсем уж непонятных вопросов?

Конечно время стоит денег, а карма это такой себе бизнес проект. Ты в него вкладываешь, после все окурится

Не могу сформулировать запрос

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

Не могу сформулировать запрос

Привет. Вопрос: react-router, при установке пропса activeClassName для <NavLink> Вроде бы все работает корректно, класс действительно добавляется текущему елементу в зависимости от роута НО - он так-же постоянно помечает активным дефолтный роут`<NavLink to="/">` Кто-то сталкивался с такой проблемой, как ее решить ? Или все-же проще самому проверить роут и пометить активный ?

exact=true?

к примеру сразу с нормализацией из коробки. условно Store.register({ users: createModel({…options}) }). И уже сразу получить возможность аля ORM.

Не могу сформулировать запрос

Может стоит не портить себе карму? Зачем заниматься тем к чему не лежит душа и тело? Есть куча разнообраных полезных и интересных профессий, выбирайте и наслаждайтесь.

data-driven proccess description over gql dsl. потом его, конечно, в дурку забрали… Сам не понял что написал, но мысль двигается куда-то сюда…

С чего сделан вывод что не лежит душа? И зачем вообще дизморалить, если было сказано что зеленый еще. На данный момент Вы портите себе карму)

жесть…

Может стоит не портить себе карму? Зачем заниматься тем к чему не лежит душа и тело? Есть куча разнообраных полезных и интересных профессий, выбирайте и наслаждайтесь.