но чёта переписывать капец как много придется)

но чёта переписывать капец как много придется)

занимаетесь фигней

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

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

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

тоже идея, спасибо

занимаетесь фигней

походу, да)

Всем привет! Подскажите, пожалуйста, как сделать localStorage асинхронным?

тоже идея, спасибо

но это не нужно делать, т.к. безопасность на клиенте это миф

Всем привет! Подскажите, пожалуйста, как сделать localStorage асинхронным?

никак, это синхронный интерфейс

Всем привет! Подскажите, пожалуйста, как сделать localStorage асинхронным?

в цитаты

но это не нужно делать, т.к. безопасность на клиенте это миф

ну зато мяч могу пнуть на чужое поле)))

никак, это синхронный интерфейс

ок, благодарю

ок, благодарю

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

<About {...{title, desc}} /> - как работают три точки в данном случае внутри JSX? т.е. как бы повторить без JSX на чистом JS? как-то так не работает: const fn = (props) => { return props.a + props.b + props.c } const a = 1, b = 2, c = 3 console.log('11122233344', fn(...{a, b, c}))

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

ещё такой вариант нашёл https://github.com/domenic/async-local-storage

это не вариант же, а предложение,

<About {...{title, desc}} /> - как работают три точки в данном случае внутри JSX? т.е. как бы повторить без JSX на чистом JS? как-то так не работает: const fn = (props) => { return props.a + props.b + props.c } const a = 1, b = 2, c = 3 console.log('11122233344', fn(...{a, b, c}))

https://babeljs.io/repl/#?babili=false&browsers=&build=&builtIns=false&spec=false&loose=false&code_lz=DwQQRg9grgLgBAbwHQoTAljANgUwDRwAmOAzgMYC-FcA9AHxA&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=true&fileSize=false&sourceType=module&lineWrap=true&presets=es2015%2Creact%2Cstage-0&prettier=true&targets=&version=6.26.0&envVersion=

indexedDB возьми если нужно асинхронно

<About {...{title, desc}} /> - как работают три точки в данном случае внутри JSX? т.е. как бы повторить без JSX на чистом JS? как-то так не работает: const fn = (props) => { return props.a + props.b + props.c } const a = 1, b = 2, c = 3 console.log('11122233344', fn(...{a, b, c}))

или если не загрузилось с состоянием, то вот что получается: React.createElement(About, { title: title, desc: desc });

indexedDB возьми если нужно асинхронно

хорошо, спасибо

<About {...{title, desc}} /> - как работают три точки в данном случае внутри JSX? т.е. как бы повторить без JSX на чистом JS? как-то так не работает: const fn = (props) => { return props.a + props.b + props.c } const a = 1, b = 2, c = 3 console.log('11122233344', fn(...{a, b, c}))

(если будешь пробовать сам на REPL вставить About, не забудь галочку react поставить слева)

<About {...{title, desc}} /> - как работают три точки в данном случае внутри JSX? т.е. как бы повторить без JSX на чистом JS? как-то так не работает: const fn = (props) => { return props.a + props.b + props.c } const a = 1, b = 2, c = 3 console.log('11122233344', fn(...{a, b, c}))

http://take.ms/v90xY (screenshot)

Можно ли React компоненту наследовать от другой React компоненты ? У меня не получается получить доступ к методу родительского класса

parent:: тоже особо результатов не дает

Можно ли React компоненту наследовать от другой React компоненты ? У меня не получается получить доступ к методу родительского класса

не надо наследовать компоненты это пиздос

А если у тебя разные компоннеты работают с одинаковыми redux данными и им надо даже методы писать одни и те же

Что делать

Можно ли React компоненту наследовать от другой React компоненты ? У меня не получается получить доступ к методу родительского класса

Передай функцию через пропсы.

Компоненты разные они даже не вложенные

А если у тебя разные компоннеты работают с одинаковыми redux данными и им надо даже методы писать одни и те же

HOC сделать? или не популярно нынче?

А если у тебя разные компоннеты работают с одинаковыми redux данными и им надо даже методы писать одни и те же

пример, у меня есть виджеты, выглядят все по разному, но есть часть общая, и в этой части есть работа с redux HOC - компонент высшего порядка. То есть функция, котороая принимает компонент, что-то там накручивает и возвращает прокачанный компонент

На лице то что(Если без шуток, то в доке реакта глянуть можешь).

А если у тебя разные компоннеты работают с одинаковыми redux данными и им надо даже методы писать одни и те же

писать хок

звучит как декоратор

звучит как декоратор

Это декоратор.

А если у тебя разные компоннеты работают с одинаковыми redux данными и им надо даже методы писать одни и те же

context?

context?

как поможет?

хотя да

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

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

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

Ну у меня непосредственно в компоненте юзаются определенные методы и actions+props котоыре redax-ом пробрасываются

Ну у меня непосредственно в компоненте юзаются определенные методы и actions+props котоыре redax-ом пробрасываются

надо попробовать еще раз вопрос описать

Есть кнопка которая получает данные по клику с определенными проверками. В другой компоненте это не кнопка а что то другое.

ага конечно O(n^2) это конечно будет быстро ?

https://twitter.com/carnivorous8008/status/1009303890473431041

Данные и массивные проверки одинаковые

Есть кнопка которая получает данные по клику с определенными проверками. В другой компоненте это не кнопка а что то другое.

ок, я за HOC (декоратор), обернете все это дело в “общий код”, который требуется для работы с redux, а в рендере будете рендерить компонент. типа: myHoc(<Button />) - вернет вам кнопку myHoc(<Another />) вернет что-то еще

и тут никак не надо изменять исходный класс в задаче

либо, выносите ваши проверки в отдельные хелперы, и их переиспользуйте просто, если это удобно

У меня вопрос назрел. Зачем нужен for in цикл если линтер на него всё время ругается?

дело в том что необходимые функции нужны не в циклах жизни компоненты а в момент onClick, onHover или еще каком-нибудь событии

Там декоратором не вывезти

дело в том что необходимые функции нужны не в циклах жизни компоненты а в момент onClick, onHover или еще каком-нибудь событии

не понятно как это меняет дело

@AnatolyUser кажется чтобы перебирать объекты а не массивы

MaxP что будет делать декоратор ?

@AnatolyUser кажется чтобы перебирать объекты а не массивы

Это понятно. Но он и на объекты тоже ругается.

Возвращать компоненту ? А функции для работы с Redux ?

Возвращать компоненту ? А функции для работы с Redux ?

я сейчас скину код, в котором все это работает. Я не говорю, что код классный, ибо он уже старый, но тем не менее там и клики и все такое… Даже так, я думаю, что конкретно, этот хок может вызвать гнев кого-нибудь) но написал как умел в те времена

Я использую правила для линтера от airbnb они и для объектов не разрешают использовать цикл for in

Возвращать компоненту ? А функции для работы с Redux ?

https://pastebin.com/XuKADS5N

я сейчас скину код, в котором все это работает. Я не говорю, что код классный, ибо он уже старый, но тем не менее там и клики и все такое… Даже так, я думаю, что конкретно, этот хок может вызвать гнев кого-нибудь) но написал как умел в те времена

Ок гляну :) потому что у меня моск не укладывает все по полочкам, говорит unresolved problems

Ок гляну :) потому что у меня моск не укладывает все по полочкам, говорит unresolved problems

там обрати внимание на 77ю строчку например, улетает дело в redux.. опять же, возьми это как идею, а не призыв к действию, потому что обычно тут говорят только о “высоком” коде) а этот был рожден кое-как с изменениями требований и не отрефакторен (все как обычно в общем), но однако работает и дашборд где однотипные виджеты используется не ломает/не грузит. поэтому живет, до бюджета на исправление, если понадобится) в 146й строке возвращается прокачанный компонент (это в принципе и есть главная идея)

Max но что если определенные методы необходимы в options.onSortDirectionClick

который на 77 строчке

который на 77 строчке

не совсем понимаю, давай говорить общими словами, чтобы кто-то еще подключился

Я то вижу что оборачивает в виджет и переназначает методы

Смотри есть метод onClick( ...) в котором необходимо делать if (dataExistInRedux()) execute(fetchNewReduxData())

ERROR: S client not available

И т.п.

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

эм, компонент, который ты передаешь в функцию, тоже может иметь свойства же, можешь их описать, они будут доступны через точку в props например function (composedComponent) { …. composedComponent.props.XXX … } на основе этого сделаешь развилки

в какой папке держать createSymbiote ? в либах ?

в какой папке держать createSymbiote ? в либах ?

исходник?

или свой инстанс?

свой

да, в либах

lib/symbiote например lib/store тоже норм

я так подумал все необходимые функции можно запилить в объект а потом делать bind(this) в конструкторе

правда у меня this контекст пока что не ередается

я так подумал все необходимые функции можно запилить в объект а потом делать bind(this) в конструкторе

Зачем

я так подумал все необходимые функции можно запилить в объект а потом делать bind(this) в конструкторе

что-то хуже сложно придумать

потому что декораторы не подходят, наследование в React через жопу

потому что декораторы не подходят, наследование в React через жопу

берешь хоки и делаешь

открой для себя recompose и render-prop

recompose есть такая штука у меня, сейчас почитаю

Там есть compose(...functions: Array<Function>): Function Use to compose multiple higher-order components into a single higher-order component. This works exactly like the function of the same name in Redux, or lodash's flowRight().

оно ? :)

Походу нет

может кто помочь округлить числа ? у меня цены примерно такие 0.0000053 цента в интерфейсе иногда и больше нулей - toFixed иногда выводит просто 0.00000 - Math.ceil - всегда показывает 1 - Math.round всегда 0 хз чу делать (((

может кто помочь округлить числа ? у меня цены примерно такие 0.0000053 цента в интерфейсе иногда и больше нулей - toFixed иногда выводит просто 0.00000 - Math.ceil - всегда показывает 1 - Math.round всегда 0 хз чу делать (((

Что тебе надо?

@XaveScor “может кто помочь округлить числа ?”

может кто помочь округлить числа ? у меня цены примерно такие 0.0000053 цента в интерфейсе иногда и больше нулей - toFixed иногда выводит просто 0.00000 - Math.ceil - всегда показывает 1 - Math.round всегда 0 хз чу делать (((

toPrecision(10)

Зависит от понимания "округления".

Что тебе надо?

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

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

А что должно показывать?

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

умнож, округли, раздели :)

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

даже на листочке

хд