@vscode_ru (зачем вы бампаете свои вопросы?)

Я думал этот чатик умер

почему ?

Попробуй что нить обновить

почему ?

Поддерживать конфиги и их зависимости

спасибо

про обновление не подумал

Ребят, хелп. У меня есть массив imagesJsx из img элементов. imagesJsx.push(<img src={item.base64} alt="" key={Math.random()} length={5}/>);Можно ли обратиться к его свойству length что то типа imagesJsx[0].img.length=...?

это не реакт way

Нельзя значит?

можно

А каким образом?

хотя это ж дом элемент

у тебя по сути массив рефов с таким подходом

Да, и что?

ну выведи в консоль, я думаю что imagesJsx[0].length

а если был б компонет то props.length

кто-нибудь знает, почему когда я импорчу компонент в файл с тестами enzyme, то получаю такую ошибку: SyntaxError: Unexpected identifier 1 | import React from "react" > 2 | import { DotLoader } from "react-spinners" | ^ 3 | 4 | const Spinner = () => ( 5 | <div className="sweet-loading">

какой-то бред

import React from "react" import { shallow } from "enzyme" import Profile from "./Profile" describe("Profile", () => { it("show spinner till data loading", () => { const wrapper = shallow(<Profile />) const span = wrapper.find("span") const result = span.text() expect(result).toBe("Hello") }) })

это сам файл с тестами

import Profile from "./Profile" этот импорт добавляет ошибку

а что в самом Profile

есть компонент в который оборачивается App в котором header, footer и side как бы его лучше обозвать?

Шутка про назыание переменной в коде

А серьезно? У меня просто пунктик на понимаемые названия компонентов, а тут чет не соображу

А серьезно? У меня просто пунктик на понимаемые названия компонентов, а тут чет не соображу

выгялдит как Layout

выгялдит как Layout

да, но тут будет и side

да, но тут будет и side

и шо?

фантазия иссякла

пусть layout

Кто знает, я использую resizable-react вместе с таблицей антдизайна. Так вот, как можно указать минимальную ширину колонки до которой она может сжаться?

Втф??

data - массив объектов

А фух, понял. Сорян ребят, вечер уже…😅

А фух, понял. Сорян ребят, вечер уже…😅

Устал ты😄

А фух, понял. Сорян ребят, вечер уже…😅

Но сегодня же вторник

И что?)

Конец рабочего дня же)

Конец рабочего дня же)

Ты должен быть как огурчик!

Как огурчик Рик после боя

обновил реакт до версии 16.9, теперь вот так, как быть?

обновил реакт до версии 16.9, теперь вот так, как быть?

React-dom обновил?

React-dom обновил?

ага, была 16.8.6

ага, была 16.8.6

https://github.com/facebook/react/issues/16364

https://github.com/facebook/react/issues/16364

действительно, спасибо

React-dom обновил?

да вы рофлите

😳

Кто-нибудь пилил ролевую модель на react? скажем есть какие-то permission и на основании этих пермишенов рендерить или не рендерить компоненты. Я нашел либу https://stalniy.github.io/casl/, кто-нибудь юзал? есть альтернативы?

Кто-нибудь пилил ролевую модель на react? скажем есть какие-то permission и на основании этих пермишенов рендерить или не рендерить компоненты. Я нашел либу https://stalniy.github.io/casl/, кто-нибудь юзал? есть альтернативы?

Так это изи делается без либ

ну, да по всему приложению if-ов натыкать?

ну, да по всему приложению if-ов натыкать?

А ты как ещё отредеришь на странице кнопку еслнона нужна

@ipos13 Думаю, что для этой задачи не нужна библиотека. Все что вам понадобится, это сохранить доступные пермисии у юзера, а затем написать две обертки для, для компонента, который будете показывать по условию, и для роута. Можно также редирект прикрутить в случае отсутствия пермисии. Пол часа работы.

ну, да по всему приложению if-ов натыкать?

Так та либа для сервера

Не?

не

может быть такое,что браузер перестает отправлять fetch запрос??

@ipos13 Думаю, что для этой задачи не нужна библиотека. Все что вам понадобится, это сохранить доступные пермисии у юзера, а затем написать две обертки для, для компонента, который будете показывать по условию, и для роута. Можно также редирект прикрутить в случае отсутствия пермисии. Пол часа работы.

либа та делает примерно то же

не

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

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

судя по докам можно, там адоптация для реакта есть, получаешь обертку и оборачиваешь нужные места ей, внутри обертки прописываешь абилитис, при обертывании там забавные пропсы передаются что то вроде <Can I="create" a="Post" ability={ability}> <button onClick={this.createPost.bind(this)}>Create Post</button> </Can>

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

но это хард

судя по докам можно, там адоптация для реакта есть, получаешь обертку и оборачиваешь нужные места ей, внутри обертки прописываешь абилитис, при обертывании там забавные пропсы передаются что то вроде <Can I="create" a="Post" ability={ability}> <button onClick={this.createPost.bind(this)}>Create Post</button> </Can>

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

может быть такое,что браузер перестает отправлять fetch запрос??

нет

Кто-нибудь пилил ролевую модель на react? скажем есть какие-то permission и на основании этих пермишенов рендерить или не рендерить компоненты. Я нашел либу https://stalniy.github.io/casl/, кто-нибудь юзал? есть альтернативы?

Избыточно же

что именно? либа?

что именно? либа?

Ну да

Мне кажется такая либа не для базовых случаев нужна, что-то типа саги для редакса

не работал с сагами

не работал с сагами

Ну я это к тому, что если нет супер сложной запутанной логики, будет неразумно саги брать вместо санков В случае с этой либой что-то подобное - если есть возможность просто написать немного логики и компонент-обертку, который например может просто принимать роль пропсом и рендерить/не рендерить children, то будет странным такую либу тащить

нет

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

Есть некий N стейт, доступ к нему идёт через useNReducer, который внутри делает React.useReducer(,.., smthInitialState), необходимо сверхему ему прокинуть override-initial-state (из пропсов), т.е useNReducer(overrideInitialState), где внутри будет React.useReducer(.., {...smthInitialState, ...overrideInitialState})

вопрос: нужно ли врапать {...smthInitialState, ...overrideInitialState) в react.useMemo?

Ну я это к тому, что если нет супер сложной запутанной логики, будет неразумно саги брать вместо санков В случае с этой либой что-то подобное - если есть возможность просто написать немного логики и компонент-обертку, который например может просто принимать роль пропсом и рендерить/не рендерить children, то будет странным такую либу тащить

а вот не понятно пока насколько логика будет сложной

вопрос: нужно ли врапать {...smthInitialState, ...overrideInitialState) в react.useMemo?

useMemo это вообще о другом, с чего вдруг возник вопрос?

на каждый рендер useNReducer, будет создаваться новый объект {...initialState, ...overrideInitialState}

а вот не понятно пока насколько логика будет сложной

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

useMemo это вообще о другом, с чего вдруг возник вопрос?

чтобы минимизровать это, хочу обернуть в useMemo, зашёл сюда, чтобы уточнить детали или оверхед?

Есть некий N стейт, доступ к нему идёт через useNReducer, который внутри делает React.useReducer(,.., smthInitialState), необходимо сверхему ему прокинуть override-initial-state (из пропсов), т.е useNReducer(overrideInitialState), где внутри будет React.useReducer(.., {...smthInitialState, ...overrideInitialState})

Страшно

Страшно

есть вариант или пример, как сделать лучше?)

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