Denis 🇺🇦
реакт тут не при чем :) так работает javascript :)
Да, я знаю) Я правильно написал?
Denis 🇺🇦
если квери не из пропсов зачем вообще в рендере создавать
Да, можно просто за компонент вынести и все ок
Ilya
Да, я знаю) Я правильно написал?
да, функция отрабатывает - ее контекст разрушается - приходит бездушный и беспощадный garbage collector... (страшно вырубай). При следующем вызове контекст содается по новой - все декларации приобретают новые ссылки
Ilya
и useCallback - обход этого механизма, он сохраняет прошлую ссылку) Нормас
Да, в том числе обрати внимание на второй аргумент (deps) в котором можно определить массив из "зависимостей" - переменных изменение значения которых относительно предыдущего вызова (в том числе и для сотсавных типов - ссылки на которые) функцию следует инстанцировать заново.
Bogdan
Да, можно просто за компонент вынести и все ок
можно, только реакт не будет реагировать на изменение таких вещей
Denis 🇺🇦
можно, только реакт не будет реагировать на изменение таких вещей
в этом случае это не страшно, если она будет зависить от стейта, допустим, то можно будет обратно засунуть, но мне кажется многих разрабов может напугать висящая сверху функция
Bogdan
в этом случае это не страшно, если она будет зависить от стейта, допустим, то можно будет обратно засунуть, но мне кажется многих разрабов может напугать висящая сверху функция
нет, я имею ввиду всякие константы вынести можно, ничего страшного не будет, но если ты их потом будешь менять, и думать, что будет апдейт компонента, то нет, его не будет
Ilya
в этом случае это не страшно, если она будет зависить от стейта, допустим, то можно будет обратно засунуть, но мне кажется многих разрабов может напугать висящая сверху функция
разраба ничем не напугать :) особенно опытного... но всякими "маневрами" нетиповыми можно сильно заставить материться :)
Ilya
ты назвал объекты, функции - составными типами? А, "соответствующими", понял
составными типами являются все типы - значение которых передается по ссылке. по факту это все "не примитивы", хотя надо знать что и те могут быть инициализированны прямым вызовом конструкторов что автоматом делает из составными :)
Mike
ребят подскажите как в канвасе можно увеличить изображение или сам канвас за зумить, чтобы сделать такую картинку в пикселях?
Mike
взять из одного канваса, вставить в другой с увеличенным размером :D
да пипец, делаю пипетку, цвет конечно изи получаю через imageData но такую хрень не могу нагуглить, когда я увеличиваю то пиксилей нету. попробуйте тут зазумить изображение колесиком мыши, поймете тогда https://codepen.io/cdc/pen/pjjZRe
Mike
Ресайзить картинку это drawImage. Ну или transform scale канваса
попробуйте тут по ресайзить https://codepen.io/cdc/pen/pjjZRe я больше не знаю как добитсья такого результата
Ilya
Не шарил что их называют составными. Откуда такое название?
ну это общее определение из Computer Science (оно характерно не только для JavaScript это общая терминология в програмировании как таковом) в случае с JS составными типами (т.е. имеющими внутренюю структуру являются все не примитивные типы так как они частные имплементации/реализации на основе базового Object, функции в JS исключение - тоже сложный тип но способ порождения только интерпритатор или конструктор из строки (исходного кода) ) https://ru.wikipedia.org/wiki/%D0%A1%D0%BB%D0%BE%D0%B6%D0%BD%D1%8B%D0%B9_%D1%82%D0%B8%D0%BF
Mike
Ну да тебе нужно брать текущий канвас и рендерить его кусок с помощью drawImage на другой канвас
это как? я в канвас не углублялся, только когда по работе надо, я некоторые вещи гуглю
Mike
Углубляйся)
вот это не пойму "брать текущий канвас и рендерить его кусок" как кусок рендерить?
Denis 🇺🇦
вот это не пойму "брать текущий канвас и рендерить его кусок" как кусок рендерить?
указываешь координаты и рендеришь в другой канвас, mdn canvas в гугле
Mike
Ну да тебе нужно брать текущий канвас и рендерить его кусок с помощью drawImage на другой канвас
если вы имеете ввиду брать картинку с toDataURL то это же тоже картинка и при увеличении она не показывает пиксели...
Тимофей 🛴
Mike
указываешь координаты и рендеришь в другой канвас, mdn canvas в гугле
хотя бы ссылку скинье где описывается как именно рендерить)
Mike
Открой api canvas доку и смотри. Там тебе нужно будет 2 метода
ну или методы просто напишите я найду)
Mike
🙃
такие дела)
Denis 🇺🇦
такие дела)
15 мин посиди на mdn canvas и найдешь
Mike
15 мин посиди на mdn canvas и найдешь
я уже больше там)) если вы про toBlob или toDataURL то это не поможет
Denis 🇺🇦
во второй статье туториала об этом говорится
Mike
вот решение: ctx.imageSmoothingEnabled = false
Mike
знатоки)
Denis 🇺🇦
вот решение: ctx.imageSmoothingEnabled = false
так он же по дефолту фолс, вот если бы открыл как тебе сразу сказали то узнал бы быстрее
Mike
вот тут по смотрите)) https://codepen.io/cdc/pen/pjjZRe если из кода убрать ctx.imageSmoothingEnabled = false то перестанет работать) значит не false)
Тимофей 🛴
вот тут по смотрите)) https://codepen.io/cdc/pen/pjjZRe если из кода убрать ctx.imageSmoothingEnabled = false то перестанет работать) значит не false)
https://stackoverflow.com/questions/23971717/magnifying-glass-that-follows-cursor-for-canvas Тут в ответах есть решение, я не смотрел, подходит? Тупо кусок канваса рендерится в другой
Mike
https://stackoverflow.com/questions/23971717/magnifying-glass-that-follows-cursor-for-canvas Тут в ответах есть решение, я не смотрел, подходит? Тупо кусок канваса рендерится в другой
да) круто, спасибо))) то что надо) теперь понятно как рендерить один канвас в другой, в drawImage можно и канвас как сорс передавать)) единственное не могу увеличить картинку через ctx.scale(3, 3), придется все учить... пипец...
Bogdan
Ващет она в зависимостях у 2 эффектов ниже, если ты не заметил)
Так он же в общем спрашивал, в общем то можно
Китикет
Михаил
Всем привет, возник вопрос Возможно ли запустить приложение после билда через index.html на компе? или для него нужен сервер?
Михаил
npm i -g serve serve -s ./build (это небольшой локальный сервер)
юзаю yarn, значит yarn i -g serve и serve -s ./build?
Михаил
вернее yarn add -g serve
Китикет
юзаю yarn, значит yarn i -g serve и serve -s ./build?
Ну да, надо установить serve или подобную утилиту, потом запустить относительно папки билда)
Михаил
хорошо, спасибо) сейчас протестим
Китикет
Если просто индекс открывать в браузере как файл, там даже путь к бандлу не заресолвится
Михаил
а то запускаю index из папки build, а там белый экран
Китикет
а то запускаю index из папки build, а там белый экран
Ну в консоли должна быть ошибка 404 или вроде того
Михаил
первый раз build делаю в реакте
Михаил
@risenforces все гуд, заработало) Спасибо дружище
Anton
Всем привет. А сталкивался кто-нибудь с проблемами у приложения на Реакте с oauth 2.0 (особенно, при авторизации Слака)? Помогите пжлст, как решить задачку с авторизацией: 1) при авторизации юзера, Слак шлет get запрос, который мой сервер должен обработать (получить код, отправить проверочное слово Слаку и тд) 2) Но в итоге этот запрос не приходит в api route, так как Реакт сразу делает редирект на урл, по которому находится api route. И я вижу в строке браузера редирект на этот урл, в который подставляется проверочный код от Слак. Но это только в браузере. По факту данные так и не доходят до бекенда. Как можно сделать авторизацию в приложении на реакте, чтобы при отправке запроса от Слака, реакт не перехватывал его и не делал редирект в браузере.
Anton
Ну для начала неплохо разобраться что делает реакт
там 2 варианта: - или он рендерит страницу, если есть маршрут с этим урлом в Роутере - или он показывает 404 страницу, если этого маршрута в Роутере нет в обоих случаях, он не отправляет запрос от Слака дальше на бекенд. Не могу понять, как это сделать.
Anton
Я все пытался сформулировать какой-то легкий наводящий вопрос но не выходит) Зачем у вас апи роут вообще отдает скрипты реакт приложения?
апи роут не отдает специально скрипты реакт приложения. точнее я не понимаю, почему реакт забирает этот запрос во время авторизации ) по всем остальным запросам из слака - все работает отлично.
Alex
Вот когда Вы в адресной строке браузера вбиваете url/to/your/get/api и жмете энтер, что Вы видите? Формочки вашего реакт приложения или какой-то json с апи ответом?
Michael
Даже не знаю
хватит подсказывать :)
Китикет
Alex
=D
Aleksey
Друзья, кто работал с apex charts? как задать фиксированную высоту при ширине 100%?
Anton
Вот когда Вы в адресной строке браузера вбиваете url/to/your/get/api и жмете энтер, что Вы видите? Формочки вашего реакт приложения или какой-то json с апи ответом?
будут формочки приложения (точнее страница с формой из реакта). Сейчас проверил другие роуты (не для слака), и в браузере выдается ответ в json. А для апи роутов слака - ответ в формочках… но подключены все роуты одинаково. Как можно понять, где ошибка?
invasion
Что с create react app? После команды, не создается src
Firstname
В чем плюс у расширения .jsx для файлов в реакт?
Артем
Что с create react app? После команды, не создается src
Я с таким же столкнулся. Последние версии мозг делают - не хотят шаблон разворачивать. Разворачивал в виртуалке и потом копировал оттуда
Артем
Х.з ) можно развернуть на вдс ке какой-нибудь. Мне было просто ибо все есть. Но локально промудохался и плюнул ))
Alex
В чем плюс у расширения .jsx для файлов в реакт?
В 95% случаев однохренственно и вопрос личных предпочтений
Anonymous
В чем плюс у расширения .jsx для файлов в реакт?
Можно отличать в проекте файлы с компонентами реакта от обычных js файлов