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

Окей, тогда по лагам буду смотреть

а есть разница ?

Да)

А в чем проблема то?
Тебе этот ререндер мешает?

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

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

У тебя проект большой?

Достаточно большой

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

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

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

Благодарю за пояснение, в принципе тоже самое, что и с хуком useMemo

В каком это месте он есть? 🧐

Ребят никто не знает есть ли какая-нибудь библиотека которая позволяет файл (input file ) отображать (картинки) до отправки на бэк.

на самой странице* до отправки на бэк.

кто может подсказать как в реакте вложить одну компоненту в другую?

const A = ({ children }) => {
return <div>{children}</div>;
};

const B = () => <div>aaa</div>;

const C = () => (
<div>
<A>
<B />
</A>
</div>
);

как сайд эффект по английски

side effect

а в чем шутка??

ахах

said efect

Эффект Саида

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

подскажите, почему может писать вот такую вот ошибочку? searchFaceActions.js:44 Uncaught (in promise) TypeError: dispatch is not a function
Данные от сервера возвращаются…

С диспатчем чета

@anna79911907513 это типа реклама щас была?

есть метод
import {renderToString} from ‘react-dom/server’
принимает он компонент. но по факту мы создаем еще одну версию реакта, а не используем текущее окружение.
То есть компонент внутри метода не будет видеть провайдер редакса

не разу —__— это я криворукая

Конечно я могу открыть айфрейм и уже оттуда получить строку html. Есть ли аналоги? Так как мне прийдется создавать еще один стор получается внутри айфрейма

https://codesandbox.io/s/focused-panini-ow44zv?file=/src/index.js

Зарендерив App CRA я получаю:

<div class=»App»><h1>Hello CodeSandbox</h1><h2>Start editing to see some magic happen!</h2></div>

но можно ли получить еще и сверху <style></style> для стилей?

привет, такой вопрос знает ли кто-нибудь как реализовать фиксированний кроп изображения, двигая изображение, не давая кропу выйти за пределы самого изображения? например как здесь(работает даже с изображением под углом)https://pqina.nl/pintura/

react-crop — это те же самые разработчики, но там только кроп

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

посмотри сорс, например @l_no_time_l

а пропсы у них разные?

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

типа такого

я думаю это тоже надо делать на react-crop посмотри документацию, новая версия включает поворот вроде как.

окей

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

в первом случае(с одним значением) передаю setState. для одного значения этого достаточно. во втором не знаю как 2 значения передать.

а какой именно не скинешь ссылку на npm?

https://www.npmjs.com/package/react-image-crop

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

тут нет подобного

https://codesandbox.io/s/react-image-crop-demo-with-react-hooks-y831o

зачем…

rotation посмотри

очень надо.