Редьюсеры и экшн-кераторы можно протестировать в библиотеке которая занимается их созданием

это галимый ад, проще написать тупо функциональный тест с вызовом экшена из mockStore

как раз редьюсер и надо тестировать

смотря как написан редьюсер и какую функцию ему делегировали

есть такие редьюсеры, которые тупо принимают payload и сохраняют его

а все вычисления делаются в мидлваре

так вот такие редьюсеры если и тестировать, то на ошибку механическую, типа скопипастил не так что-то

хороший вариант. сам до такого както не дошел...

Кто-нибудь плотно работал с react-virtualized?

я, с табицами и списками оттуда

я, с табицами и списками оттуда

И как производительность? Есть какие-нибудь лайфхаки по использованию?)

как раз редьюсер и надо тестировать

?

Тестировать спреды...

В идеале вся нормализация и форматирование в мидлварах, нет?

Я сам так не делал, только мечтал ?

Хотя проблема в том, что нельзя отлогировать что было до мидлвары - а что после с payload... Как и вообще сложно что-то логировать с редаксом... Упс, я опять начинаю его бичивать

0.0000009 * 1000000 = 0.8999999999999999 парни как с такой хуйней жить

Хотя проблема в том, что нельзя отлогировать что было до мидлвары - а что после с payload... Как и вообще сложно что-то логировать с редаксом... Упс, я опять начинаю его бичивать

а с MobX у тебя какая нить сволочь мутацию запустит и лови ты ее часами... ну да)

а с MobX у тебя какая нить сволочь мутацию запустит и лови ты ее часами... ну да)

А я не за мобх

0.0000009 * 1000000 = 0.8999999999999999 парни как с такой хуйней жить

Знать js например

А я не за мобх

неужто RxJS ?

Знать js например

как с эим жить есть статейки

0.0000009 * 1000000 = 0.8999999999999999 парни как с такой хуйней жить

Decimal

Нет еще такой библиотеки ?

floor

И как производительность? Есть какие-нибудь лайфхаки по использованию?)

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

0.0000009 * 1000000 = 0.8999999999999999 парни как с такой хуйней жить

(x* 10)/10

(x* 10)/10

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

(x* 10)/10

И округлить еще

да эт хрень, самое люботыное, когда ты уходишь за 32ух битную размерность)

https://fuse-box.org/ кто-нибудь юзал?

звучит интересно

50-100мс на ребилд\

0.0000009 * 1000000 = 0.8999999999999999 парни как с такой хуйней жить

математику не на js делать например

математику не на js делать например

задачка на фронте полюбому придется вроде почти решил

задачка на фронте полюбому придется вроде почти решил

расскажешь потом, как решил?

выложу

0.0000009 * 1000000 = 0.8999999999999999 парни как с такой хуйней жить

попробуй big.js

попробуй big.js

давно талю за подобное решения но пока не дали дабро

расскажешь потом, как решил?

///roundingOfNumber.ts export default function roundingOfNumber( value: number = 0, precision: number = 8, shift: number = 0 ): number { if (value < 0.000001) { return roundingOfNumber(value * 10, precision - 1, shift + 1); } const arr = String(value).split('.'); if (arr[1]) { arr[1] = ('0'.repeat(shift) + arr[1]).slice(0, precision + shift); } console.log(`!!!! roundingOfNumber.ts:33 \n arr `, arr, '\n !!!!'); return parseFloat(arr.join('.')); } ////roundingOfNumber.test.ts import roundingOfNumber from './roundingOfNumber'; import expect from 'expect.js'; describe('roundingOfNumber', () => { const testOptions = [ { input: 1, output: 1 }, { input: 1.1, output: 1.1 }, { input: 1.9999999999, output: 1.99999999 }, { input: 1.9999999999, output: 1.9999, precision: 4 }, { input: 1, output: 1, precision: 4 }, { input: 0.00009, output: 0, precision: 4 }, { input: 0.00009, output: 0, precision: 4 }, { input: 0.000000999, output: 0, precision: 4 }, { input: 0.000000999, output: 0.00000099, precision: 8 }, { input: 0.0000000000999, output: 0, precision: 10 }, { input: 0.0000000000999, output: 0.00000000009, precision: 11 }, ]; testOptions.forEach((item, index) => { const result = roundingOfNumber(item.input, item.precision); it(`Option ${index + 1}: ${item.input} => ${item.output} precision=${ item.precision } result=${result}`, () => { expect(result).to.be(item.output); }); }); });

лол

///roundingOfNumber.ts export default function roundingOfNumber( value: number = 0, precision: number = 8, shift: number = 0 ): number { if (value < 0.000001) { return roundingOfNumber(value * 10, precision - 1, shift + 1); } const arr = String(value).split('.'); if (arr[1]) { arr[1] = ('0'.repeat(shift) + arr[1]).slice(0, precision + shift); } console.log(`!!!! roundingOfNumber.ts:33 \n arr `, arr, '\n !!!!'); return parseFloat(arr.join('.')); } ////roundingOfNumber.test.ts import roundingOfNumber from './roundingOfNumber'; import expect from 'expect.js'; describe('roundingOfNumber', () => { const testOptions = [ { input: 1, output: 1 }, { input: 1.1, output: 1.1 }, { input: 1.9999999999, output: 1.99999999 }, { input: 1.9999999999, output: 1.9999, precision: 4 }, { input: 1, output: 1, precision: 4 }, { input: 0.00009, output: 0, precision: 4 }, { input: 0.00009, output: 0, precision: 4 }, { input: 0.000000999, output: 0, precision: 4 }, { input: 0.000000999, output: 0.00000099, precision: 8 }, { input: 0.0000000000999, output: 0, precision: 10 }, { input: 0.0000000000999, output: 0.00000000009, precision: 11 }, ]; testOptions.forEach((item, index) => { const result = roundingOfNumber(item.input, item.precision); it(`Option ${index + 1}: ${item.input} => ${item.output} precision=${ item.precision } result=${result}`, () => { expect(result).to.be(item.output); }); }); });

кажется, с value = 0 все повиснет

кажется, с value = 0 все повиснет

Бля

кажется, с value = 0 все повиснет

export default function roundingOfNumber( value: number = 0, precision: number = 8, shift: number = 0 ): number { if (value === 0) { return 0; } else if (value < 0) { if (value > -0.000001) { return roundingOfNumber(value * 10, precision - 1, shift + 1); } } else if (value < 0.000001) { return roundingOfNumber(value * 10, precision - 1, shift + 1); } const arr = String(value).split('.'); if (arr[1]) { arr[1] = ('0'.repeat(shift) + arr[1]).slice(0, precision + shift); } return parseFloat(arr.join('.')); }

пофиксил

бляцкие намбер в js

бляцкие намбер в js

С ним та же история или норм? https://developers.google.com/web/updates/2018/05/bigint

С ним та же история или норм? https://developers.google.com/web/updates/2018/05/bigint

в браузере их нет

Кто знает чатик по тестам?)

плюсую, тоже интересно

ну либо она не кликнулась, либо можно поробовать http://sinonjs.org/

в браузере их нет

есть же

другое дело что это инт, а не флоат)

есть же

Биг инт вроде только в последнем хроме так что не варик для прода

ну либо она не кликнулась, либо можно поробовать http://sinonjs.org/

да, она просто не вызывалась, вечно проблема с этими ивентами в React = (

Подскажите пожалуйста, как я могу применить класс, если в props есть булевое isActive + убирать и добавлять этот класс в зависимости от значения свича из материал юи?

{isActive && стилиТвои.ебучие}

У тебя нет классов здесь

Я имелл ввиду обозначенные стили

Я имелл ввиду обозначенные стили

Тернарка же существует. И операторы && и ||

Вы не могли бы подсказать на элементарном примере?

className={item.uuid === activeId ? 'news-list__item news-list__item--active' : 'news-list__item'} - есть вот такая некрасивая конструкция

ERROR: S client not available

Вы не могли бы подсказать на элементарном примере?

Выше пример есть

Есть что-то более красивое? Или это не плохой вариант?

Есть что-то более красивое? Или это не плохой вариант?

плохой

Возможно вы подскажете, как нужно хорошо?)

есть еще либо classnames, но по моему это тоже не оч вариант

Возможно вы подскажете, как нужно хорошо?)

Styled components

я как раз этим вопросом заморочился, зашел сюда, чтобы спросить =)

Styled components

ну это понятно, но если без этого. Если проект уже, например, на scss

ну это понятно, но если без этого. Если проект уже, например, на scss

Тогда оперировать классами

Возможно вы подскажете, как нужно хорошо?)

className={`news-list__item ${item.uuid === activeId ? 'news-list__item--active' : ''}`} - чуть более красивый вариант, нет дублирования классов (особенно, если их будет больше двух)

хотя читаемость еще хуже наверн

className={`news-list__item ${item.uuid === activeId ? 'news-list__item--active' : ''}`} - чуть более красивый вариант, нет дублирования классов (особенно, если их будет больше двух)

Пакет classnames

className={`news-list__item ${item.uuid === activeId ? 'news-list__item--active' : ''}`} - чуть более красивый вариант, нет дублирования классов (особенно, если их будет больше двух)

Спасибо, я буду использовать это как запасной вариант)

Пакет classnames

да он тож не очень

Спасибо, я буду использовать это как запасной вариант)

npmjs.com/classnames

да он тож не очень

Лучше чем условия

было бы идеально как в ангуляре (в первом по крайней мере) что то типа ng-class={‘news-item’, ‘news-item—active’: isItemActive}

было бы идеально как в ангуляре (в первом по крайней мере) что то типа ng-class={‘news-item’, ‘news-item—active’: isItemActive}

В моей бы ситуации ngIf идеально подошёл

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

было бы идеально как в ангуляре (в первом по крайней мере) что то типа ng-class={‘news-item’, ‘news-item—active’: isItemActive}

Это classnames делает

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

Небольшим примером не порадуете?

как из чилдрена вернуть родителю стэйт?

Styled components

а потом анимацию для react-native переписывать на Animated ?

как из чилдрена вернуть родителю стэйт?

Коллбек дернуть

а потом анимацию для react-native переписывать на Animated ?

Шта?

Шта?

в react-native нет css, а для анимации используется Animated

в react-native нет css, а для анимации используется Animated

И что

в react-native нет css, а для анимации используется Animated

Причем тут нейтив?

И что

два кода писать прийдется, а так ничего)

два кода писать прийдется, а так ничего)

Эм

два кода писать прийдется, а так ничего)

Все пишут под нейтив?