Есть какие-нибудь бесплатные либы с компонентами, использующими tailwind css? А то я заебался реализовывать всякие спойлеры с нуля.
Хвостоветер используют, чтобы высрать прототип и съебать в закат, какие компоненты?
Чтобы в это высранном прототипе помимо статичных компонентов были интерактивные, не?
Цель: хочу, чтобы vscode intellisense (или автозаполнение) видел в глобале эти переменные и сама предлагал мне варианты.
Предположил, что эта проблема решается через заголовки ts. Так вот могу ли я без ts использовать d ts? И как мне добиться моей цели?
Предположил, что эта проблема решается через заголовки ts. Так вот могу ли я без ts использовать d ts? И как мне добиться моей цели?
Что тебе мешает эти пути запихнуть в отдельный модуль и через его импорт обращаться к ним?
Ты все правильно сделал в первом файле, только вместо = надо использовать :
declare global {
huy: string;
}
Почему когда я класс пишу в css он не парсит их из html, приходится вручную писать? Должно же быть можно как-то это сделать?
>Если рассчитываешь получить дельный ответ, сформулируй правильно вопрос: «что я хочу получить, что я для этого делаю, что я вместо этого получаю». Если когда самостоятельно найдёшь решение — поделись в треде, мы за тебя переживаем.
Я думал итак понятно написал. Вот например у меня в html есть
<input class="kakoyto">
я хочу чтобы я в style.css подключенный зашел, написал .k и у меня в предложенных были названия классов на k из html в т. числе этот "kakoyto"
Все прекрасно работает.
У меня в vs code тоже не работает.
мимо
А у меня в вебшторме - работает.
Почему в вебшторме всегда все работает, нечестно.
p.s. как на vs code это добавить мб кто-то знает?
По реакту можно вопрос?
пишу npx create-react-app my-app
У меня всё устанавливается, пишу yarn start - разворачивается дефолтная страница с логотипом. Пробую изменить текст в App.js, сохраняю - ничего не меняется.
В чем может быть проблема, в гугле невнятная хуйня какая-то.
Никак =).
Используй css-модули, там он автоматом тебе предлагает вставить в твой шаблон код из css файла но не наобарот
>По реакту можно вопрос?
Можно
>create-react-app
Нахуй надо. Не используй CRA, лютая параша.
>Пробую изменить текст в App.js, сохраняю - ничего не меняется.
Что в консоли браузера?
>там он автоматом тебе предлагает вставить в твой шаблон код из css файла
Я итак использую, ничего он не предлагает, наверное это тоже вебшторм
>Что в консоли браузера?
[HMR] Waiting for update signal from WDS...
Ну мб. Я ща проверил на дефолтных css моделях и действительно, не предлагает. Вот на vue шаблонах с включенным volar'ом работает.
А в терминале что?
Ну хз в чем может быть проблема. Проверь еще, открылся ли вебсокет во вкладке network. Попробуй готовый бойлерплейт для вебпака или vite вместо create-react-app.
Ну я ведь правильно понимаю, если текст в апп.жс менять и сохранить, оно должно сразу применить изменения?
Ну если простыми словами - да. Webpack (который находится внутри create-react-app) начинает следить за всеми изменениями в файлах и при их наличии либо обновляет страницу, либо динамически меняет компонент (это называется HMR, реакт его поддерживает). Информацию об обновлении он отправляет на страницу по вебсокету.
Соответсвенно, если у тебя сервер поднялся, вебсокет работает, но обновления не происходит - скорее всего вебпак просто не видит изменений в файловой системе.
Короче, если не хочешь ебаться с этим вебпаком попробуй просто другой сборщик, например vite:
npm init vite@latest my-app --template react
npm i
npm run dev
А я вот по этой хуйне делал и у меня всё работает https://medium.com/age-of-awareness/setup-react-with-webpack-and-babel-5114a14a47e9
HMR не работает.
Работает. Вроде как в вебпаке оно по-умолчанию работает.
В вебпаке ничего кроме import и require по умолчанию не работает
https://webpack.js.org/guides/hot-module-replacement/
Since webpack-dev-server v4.0.0, Hot Module Replacement is enabled by default.
> All we need to do is update our webpack-dev-server configuration, and use webpack's built-in HMR plugin.
Нубский вопрос: А что плохого в CRA?
Сап двощь, нужно ли чистить вилкой IntersectionObserver при анмаунте в реакте или вью? Когда-то где-то читал, что там weakref на оберсвабл дом элементе, и при его удалении из дома почистится и сам обзервер (офк если он нигде не зареференсен)
Конфиг вебпака трудно кастомизировать, потому что он спрятан
Хотя там вроде детач есть, который этот конфиг поближе перетаскивает
Почему так сложно-то?
Я уверен что я еблан и что-то делаю не так(((
Я уверен что я еблан и что-то делаю не так(((
Здрасте, первый раз в жизни пишу бакенд(на ЖС) и под конец проекта понимаю что у меня получается ужасающий непереносимый пиздец. Я конешн на полноценный код ревью не претендую, но скажите что изначально я делал неправильно и как вообще что то подобное надо было писать
вот пример одного проблемного модуля - https://github.com/artnavsegda/scene-server/blob/main/media.js
из очевидных пока для меня веще то что это все дорлжно было быть как минимум на тайпскрипте потому что основная честве времени что с ним происходят это рантайм ошибки связаными типобезопастностью и null safety
но мне кажется все еще глубже и я фундаметально проекты не умею разщрабатывать а получилось накидать то что едва работает теми способами которыми я кое как умею
вот пример одного проблемного модуля - https://github.com/artnavsegda/scene-server/blob/main/media.js
из очевидных пока для меня веще то что это все дорлжно было быть как минимум на тайпскрипте потому что основная честве времени что с ним происходят это рантайм ошибки связаными типобезопастностью и null safety
но мне кажется все еще глубже и я фундаметально проекты не умею разщрабатывать а получилось накидать то что едва работает теми способами которыми я кое как умею
Возьми и проверь. Зарендери несколько дсятков тысяч элементов и посмотри на расход памяти
Ок. Кодревью так кодревью.
Осень много повторяющегося кода.
Осень много хардкода.
Я бы соватовал таки про ООП и паттерны почитать. Как бы жс-няши не пытались от него сбежать, без ООП получается бяка. В твоем случае - у тебя бы было два класса: Source и Room
Лол, не работало только если писать криэйт реакт апп в терминале WSL, написал в стандартном терминале - заработало, всё обновляется в ту же секунду
Ныааааа по ебалу лично от сеошного индуса, понравилось отлаживать баг, который даже не ты создал? Ахахаха. Спасибо, мистер индусец.
И в чем тут баг, если этот долбоеь использовал совершенно разные окружения, с разными перемееными path? Установку производил в винду, а запустить пытался под линуксом?
Что такое "хардкод", в твоем понимании?
Дайте наставления худому кунчику 185/56, ну или просто обосрите. https://github.com/webPrsnr/js-countdownTimer
Case
When "huy"
Wheb "pizda"
...
Httpclient.get("127.0.0.1/api/getHuy")
У тебя завтра хуй и пизда переименовались в пенис и вагина, апи переехал на другой адрес, и ты по всей своей помойке меняешь адреса, кейсы, ифы....
А хули он не работает? Доделывай
Теперь должно работать (ну я надеюсь).
Что такое осень много кода? Плачущие джуны под столами.
В коде размножаются баги косяками
Очень я давно доволен не был.
Это хокку?
Это переделка ДДТ
Домэйн Драйвен Тестинг?
Насколько имеет смысл React-ньюфагу изучать Jest и вообще тестирование?
Востребованы ли эти навыки?
Востребованы ли эти навыки?
>вообще тестирование
Всегда полезно, если уметь применять, если проект ведется с хорошей культурой программирования. Да и вообще как область нужно изучить, она не такая большая, но расширить кругозор никогда не бывает лишним, в какой нибудь ситуации поможет повернуть мозг так, чтоб решить проблему. Какой либо инструмент изучать углубленно не стоит, а вот общие принципы очень даже.
Лишним точно не будет.
>Все элементы захардкожены.
Нахуя тебе тогда класс? Ты мнодество инстансов все равно не создашь, максимум один таймер на window.
Сделай лучше, что бы в конструкторе каждый раз создавались новые элементы и вставляет их после указанного слелектора или элемента в аргументе для каждого инстанса
>this.countValue;
Чи шо
>warningSpan.innerHTML = `correct value ${valMin} - ${valMax}`;
Зачем ты всталяешь в innerHTML это? Надо вставлять в textContent
>setInterval
Где проверка на то, что прошло именно 1000 мс, а не 999 или 1001? То, что у тебя стоит число 1000 не гарантирует того, что пройдет ровно одна секунда.
>el.setAttribute("readonly", true);
Палю годноту: el.readOnly = true;
Да, ничего так. Хотя походу оно работало и это я тупой, надо было сначала цифру отсчета написать.
Единственный косяк, что он первую цифру сглатывает.
Блин, пасибо за обратную связь, пойду исправлять это говно.
>Сделай лучше, что бы в конструкторе каждый раз создавались новые элементы и вставляет их после указанного слелектора или элемента в аргументе для каждого инстанса
Это не понимаю. Т.е целесообразнее класс заменить на конструктор?
Конструктор - это функция, вызываемая когда ты создаешь инстанс класса через оператор new. Тебе нужно в него передать аргументом либо жлемент, внутри которого ты будешь создавать таймер, либо селектор, по которому ты можешь найти этот элемент в текущем документе.
new SosachTimer(document.getElementById("sosach-container"))
new SosachTimer("#sosach-container")
Подскажите ньюфагу, в чем может быть проблема.
Пытаюсь заменить неразрывной пробел в строке.
В jsfiddle всё работает нормально:
https://jsfiddle.net/hg0zcvk7/
В chrome не работает нормально (пикрил):
Это хром мозги ебёт?
Пытаюсь заменить неразрывной пробел в строке.
В jsfiddle всё работает нормально:
https://jsfiddle.net/hg0zcvk7/
В chrome не работает нормально (пикрил):
Это хром мозги ебёт?
>В chrome не работает нормально
>В jsfiddle всё работает нормально
Ты жсфиддл открываешь через хром? Если да, то, возможно, у тебя старая версяи скрипта просто закешировалась. Попробуй обновить через Ctrl+F5
Да, через хром.
Когда вношу изменения в код, то всегда обновляю через CTRL+F5.
Проблема именно в том, что когда исполняется javascript-код на странице, то не работает.
Но если в хроме вызову глобальную фукнцию и передаем ей эту строку, то работает, т.е. пикрил:
Чуваки. Может кто-нибудь подсказать как пофиксить магию. В общем у меня в цикле выводятся одинаковые компоненты (кнопки). Стили для всех них одинаковые. Когда нажимаю на кнопки - у всех срабатывает focus, кроме последней. Когда кликаю по последней кнопке ещё раз - фокус навешивается. Как это понять?
Нужен полный код
> у всех срабатывает focus, кроме последней
Что подразумеваешь под срабатыванием? Навешивание псевдокласса или событие focus? Нужен полный код
Короче я добавил 1px solid black; для него и починилось, но почему базовый так косячит, непонятно?
>почему базовый так косячит, непонятно?
тому что эта граница не инпута, а div'а внутри shadow dom
Благодарю, теперь проблема следующего уровня. Хочу пройтись по массиву и каждую объявить в глобале и задать ей тип строка (ниже комментом как бы это могло бы выглядеть, если я бы каждый путь прописывал ручками)
PS То что есть сейчас не жалуется на ошибку, но и не работает как хотелось бы (другими словами у них у всех any тип)
Капец, блин, я всё не понимал, почему такая функция
const test = () => { value: 'value' };
ничего не возвращает (undefined), хотя вроде должна возвращать объект. Оказывается, тут "value" воспринимается как метка, а не свойство объекта.
const test = () => { value: 'value' };
ничего не возвращает (undefined), хотя вроде должна возвращать объект. Оказывается, тут "value" воспринимается как метка, а не свойство объекта.
Как сдампить в консоль полное определение типа в TypeScript ?
ib4 мышой в IDE
ib4 мышой в IDE
Тому что фигурные скобки открывают тут функциональный блок, если ты хочешь вернуть объект то тебе надо обернуть это все в круглые скобки.
const test = () => ({ value: 'value' });
А, окей, не знал про это. Спасибо.
То что локальный state не переживает смену route это я так понимаю фича?
Никак, TS компилируется в жс с потерей всех типовых аннотаций.
устроился мимотайпскриптзалупой на работу, че мне нужно знать про тс? ниче не писал на нем
Самое главное знание тайпсрипта - это тип any. Если видишь, что где-то ругается тайпскрипт просто ставь тип any и не еби мозг.
>че мне нужно знать про тс
Что типизированная ООП ориентированная хуита не нужна.
Реактеры сразу заулыбаются и в губы поцелуют.
Как на счет поверх тайпсрипта запилить еще один препроцессор, который автоматом будет ени ставить?
А если нечаяно тип проставишь - "Ок 200 - Типы запрещены, там выше разберуться"
Для репид девелопмента ткзть
реактеры это больной народ, они себе в жопу проптайпы суют, они даже цсс в жсуретру суют, диспатчат оттягивание кожицы на хуе, пидоры они
Так а с помощью самого tsc?
Можно линтером запретить все типы кроме any
Может можно как-то тайп мапы раздрочить?
Вообще не про это
Допустим у меня есть тип T, произведенный с помощью хуевы тучи всяких штук вроде Pick, Omit, Exclude, тернарных операторов и прочего говна
Я хочу увидеть его полное определение без использования постороннего тулинга типа IDE
Как сделать onBlur для двух инпутов как будто это один? т.е. чтобы когда я нажимаю на один из инпутов второй не считался blur для другого?
Сохранять текущий заблюренный инпут в переменной
+
Хотя это тоже самое, что чел выше кидал.
Смотри. У кнопок есть псевдокласс focus. На :focus на кнопки навешивается белая рамка из стилей. Код к сожалению показать не могу. Постараюсь попозже скинуть, если получится.
:focus-visible пробуй вместо :focus
Всем здравствуйте.
Собрал в докере бэкэнд
в коде описана сущность, я написал еще одну, тобишь у нас получилось две таблицы, сделал синк с БД, в БД появились обе таблицы. Я запушил ветку где есть две сущности, вернулся на ветку назад, где только 1 сущность, но каждый раз когда я удаляю локально с БД вторую сущность, делаю синк схемы (TypeORM) она опять возвращается, хотя в коде ее нет. Может кто объяснить мне почему это происходит ?
Собрал в докере бэкэнд
в коде описана сущность, я написал еще одну, тобишь у нас получилось две таблицы, сделал синк с БД, в БД появились обе таблицы. Я запушил ветку где есть две сущности, вернулся на ветку назад, где только 1 сущность, но каждый раз когда я удаляю локально с БД вторую сущность, делаю синк схемы (TypeORM) она опять возвращается, хотя в коде ее нет. Может кто объяснить мне почему это происходит ?
как же хуево и непонятно я написал.
еще раз:
в TypeORM описано две @Entity => схема синк => в БД появилось две таблицы
отлично, результат пушим на гитлаб
переходим на ветку назад, TypeORM описывает одну @Entity => схема синк => в БД все также две таблицы, хотя должна быть одна
Скорее всего, проблема с локальной БД, но не могу врубиться почему так
Что за хуета, я еслинт сломал?
Если ты на файрфоксе попробуй другой браузер, в нем дохуяище багов
мб путь до преттир конфига проебался
Не, проверял на Edge
Стили у последней кнопки смотрел?
Привет, котоны. У меня проблема, охуенно странная. Суть такова: есть фронт на продакшене, данные он берет с помощью Apollo-client версии 2.x. Я обновил его до версии 3.x и началась какая-то залупа. Серверная часть во время SSR начала течь. Я нащупал наиболее текущий эндпоинт, там в реакт-компоненте два запроса. Если оставить только один - приложение не течёт, если другой - течёт. Как такое может быть? Компонент функциональный, запрос на хуке useQuery соответственно, но это не важно, на самом деле, ведь в компоненте-классе с запросом в виде HOC graphql такая же хуйня. Даже если в запросе выбирать любое одно ссаное поле - все равно течёт как сука. Любой другой запрос не течёт.
Сап, анон. Я написал свой первый Javascript.
https://greasyfork.org/en/scripts/432951-rufuker-2ch
Оцени код. Меня возьмут во фронтенд?
https://greasyfork.org/en/scripts/432951-rufuker-2ch
Оцени код. Меня возьмут во фронтенд?
Вы используете контекст вместо редакса?
У тебя вся логика в конструкторы запихина.
Если вынести из конструкторов в отдельные методы "bootstrapObj()" будет заебись?
какой-то странный код, ты раньше на другом языке не писал случайно? Вот я читаю обычно код всяких либ и ничего, а твой с ебанцой какой-то
В детстве ассемблером баловался. А что странного-то? Я согласен, надо разобрать конструктор класса Rufuker, вынести большую часть в метод compile_regex().
Но вот в кострукторе класса TextReplacer2ch ничего не убрать. Там только проверки, без которых объекту существовать нельзя.
>Но вот в кострукторе класса TextReplacer2ch ничего не убрать. Там только проверки, без которых объекту существовать нельзя.
Если объекту существовать нельзя, то нахуя его инициировать?
да вроде всё норм, но я не могу въехать в код ваще. можно доебаться до ооп и использование вар, лет и конст в одном коде. но я нуб, ждём ревью от помидоров
>Есле обйэкту сушествовац нельзя, то нахуя его ыныцыыровац?
Хорошее замечание. Хотелось сделать максимально простой для повторного использования класс: создаешь его объект, передаешь свою функцию замены текста и оно работает.
Вот, вынес из конструктора Rufuker подготовку регекса
https://www.toptal.com/developers/hastebin/ibafonupox.typescript
Ну, там есть 2 класса...
Один посвещен конвертированию текста согласно заданных в нем правил:
>да вроды всё норм, но я не могу вйэхац в код ваше
Правила заданы картой из объектов регекса. Там только маленькие буквы. Чтобы не писать повторно правила для больших, пришлось добавить в классе UPPERCASING этих правил.
А на втором пики точенные. Он работает с DOM макабы, отслеживает появление новых постов и попапов, заменяет в них текст, вызывая функцию конвертации из первого класса. При инициировании он сначала заменяет все посты в DOM'e, затем запускает 2 обзервера:
1) Обзервер для выявления попапов выскакивающих при наведении мыши на ссылку с номером поста, а также для подгружаемых постов при скроллинге корневой страницы борды.
2) Обзервер для выявления постов добавленных в треде автообновлением. Этот обзервер нужен только в треде, на борде автообновления нет.
>отслеживает появление новых постов и попапов, заменяет в них текст
Звучит как две задачи, сделай два класса
Осло, в первом классе один метод и нет стейта, звучит как функция
Может у тебя миграции в бд лежат и при старте выполняются?
>Звучыт как две задаче, сдылай два класса
Обе задачи решаются в одной функции-методе https://controlc.com/d0dca04e Конкретно, трехстрочными ветвлениями в середине
if (n.className === 'post post_type_reply post_preview') {
....
else if
Если выносить в отдельный класс, это приведет к дублированию гораздо большего кода. + создание третьего обзервера увеличит нагрузку на ЦП на 50%
>Осло, в первом классе одэн метод ды нет сцяйта, звучыт как функцыя
Да, class Rufuker - обертка для пары функций и массива данных. Состояния нет. Но вот дилема ре-юзабельности:
Сейчас весь код состоит из двух классов. Если захочется использовать такую конвертацию текста в другом приложении или сайте - мы просто берем и используем класс Rufuker целиком, не разбираясь какие там функции для чего.
Аналогично, с классом TextReplacer2ch: если хотим грабать весь текст с двача или перевод постов, то мы просто берем этот класс целиком, не разбираясь что внутри, передаём ему аргументом свою функцию работы с текстом и всё работает.
А вот если разобрать эти классы на запчасти, то потом сложнее будет в повторном использовании. Вообщем, не знаю как быть и что важнее. Реюзабельность кода или его каноничность.
>if (n.className === 'post post_type_reply post_preview') {
Это что за говно. Если у элемента классы будут идти в другом порядке это уже не правильный элемент? А если у него есть еще какой-то класс?
classList для кого?
>хотим грабать весь текст с двача
Я хочу красить посты зеленым, как твой класс пореюзить? "Ну скопируй"
Один класс траверсит ноды, другой их теребонькает, вот и вся каноничность
>Я хочу красить посты зеленым, как твой класс пореюзить?
https://www.toptal.com/developers/hastebin/oniyovujod.php
Всем спасибо. Коммитнул версию Refuker 2ch v0.52 на Greasefork. https://greasyfork.org/en/scripts/432951-rufuker-2ch
Советуйте еще, завтра продолжим делать двощ более смишнее.
Советуйте еще, завтра продолжим делать двощ более смишнее.
>Советуйте еще
Определяй все константы чере const, а не var/let/const как у тебя
>if (!document.getElementById('posts-form')) return 1;
Куда ты возвращаешь 1?
Сишный стиль цикла for уже как несколько лет не в моде. Используй forEach или for of
> if (this.workingElement = document.getElementById('posts-form')); else return 1;
Не читаемо, переписывай.
>куча биндингов
Используй стрелочные функции, их не надо биндить к контексту
>названия переменных в змеином регистре
В жс общепринятый стиль написание - это camel-case. Переписывай.
>innerHTML
Медленно работает, реализуй решение без использования innerHTML
>комментарии на закрывающих скобках
Тут вообще проиграл, поставь себе нормальный редактор
И главный вопрос: нахуя тебе тут классы? Ты хуйню какую-то написал, которая пишется на одном mutation observer с одним единственным коллбеком.
>пишется на одном mutation observer
Который обозревает subtree всей страницы. И как это скажется на производительности?
>Используй стрелочные функции, их не надо биндить к контексту
И как в данном случае стрелочной функцией передать обзерверу метод класса Rufuker с контекстом класса TextReplacer2ch ?
Как придумывать названия для всей хуйни? Вот я тудулист делаю, у меня названия блядь ЛистЛистов, Лист и Листы. Как нормальные делать то?
ToDoList - папка с компонентом
- Index - публичная часть компонента
--List - список
--Item - элемент списка
--ListController - Контроллер для списка
--ItemController - контроллер для эелемента
--ListView - шаблон с стилями и разметкой для списка
--ItemView - шаблон уже для эелемента списка
Спасибо
Index это типа то, что в итоге это всё засовывает в документ?
То есть условно всё собирается в ToDoList.js, а потом index.js его засовывает в index.html. Как в CRA App.js сделано.
Что в контроллере?
>И как это скажется на производительности?
Нормально скажется, это не тормознутые DOMEvents. Если грамотно с DOM работать, а не использовать innerHTML то даже быстрее работать будет
>И как в данном случае стрелочной функцией передать обзерверу метод класса Rufuker с контекстом класса TextReplacer2ch ?
Пчел, у тебя везде биндятся методы инстанса текущего класса к нему же.
>у тебя везде биндятся методы инстанса текущего класса к нему же.
Напиши мне эту стрелочную функцию вместо бинда.
Написал тебе за щеку, проверяй.
>replaceNewPosts (mutationsList, observer) {
replaceNewPosts = (mutationsList, observer) =>
Ты совсем глупенький?
И дальше длинный текст функции replaceNewPosts() ? Ну, тогда вся логика окажется в конструкторе, как тут уже говорили
Посоны, есть один канвас, как имитировать в нём клик на нужную мне кнопку? Например вот здесь нажать на кнопку с пикчи https://www.pragmaticplay.zone/en/games/the-dog-house-slot/
На обычной странице я бы использовал .click(), но тут хуй его знает, мои познания кончаются, помогите нажать кнопку с помощью JS, нужно для автоматизации процесса над канвасерами, это пример
На обычной странице я бы использовал .click(), но тут хуй его знает, мои познания кончаются, помогите нажать кнопку с помощью JS, нужно для автоматизации процесса над канвасерами, это пример
https://stackoverflow.com/a/18053642
достаёшь координаты нажатия, дальше просто проверяешь, находятся ли координаты внутри кнопки
Вот сейчас не понял, одной строчкой кода здесь не обойтись да? Можно пример по канвасу по ссылке? Имитировать клик по кнопке запуска, дальше думаю разберусь как нажать по остальным
Можно скипать тему про предохранители? Это сейчас используют?
Хрюакт
Армяне в нарды играют.
кажется нет, придётся велосипедить всё вроде как
на самом деле, не еби мозги себе, мне кажется. проще и лучше эту кнопку сделать html элементом поверх картинки
Неужели неясно, что это он спрашивает не про то, как написать что-либо, а как автоматизировать. Это не его код, это не он пишет эту кнопку. Он хочет по этой кнопке нарисованной на канвасе нажать программно.
Что за ахуительные советы вы даете, блядь.
Погромисты, дрочусь-учусь тут с реакт. Хочу сделать таймер. Есть 4 инпута (дни, часы, минуты, секунды). Есть state-объект куда из инпутов сохраняется значение. Я хочу сделать, чтобы введя все нужные значение и при нажатии на кнопку в инпуты поступал обратный отсчет. Т.е, например пользователь ввел 00 (д) 00 (ч) 02 (м) 30 (сек), нажал на кнопочку и в этих инпутах пошел отсчет 00 (д) 02 (ч) 02 (м) 29-28-27 (сек). Ну вы поняли.
Думал передавать этот state-объект через value в инпут
<input value={state.sec} />
Но нихуя, просто при обновлении странички появляются нули и даже отредактировать инпут нельзя в таком случае.
Как передать значение переменной в input и чтобы он обновлялся каждую секунду?
Думал передавать этот state-объект через value в инпут
<input value={state.sec} />
Но нихуя, просто при обновлении странички появляются нули и даже отредактировать инпут нельзя в таком случае.
Как передать значение переменной в input и чтобы он обновлялся каждую секунду?
Хорошо попробую по другому
См. пикчу, стрелкой я указал нужную мне кнопку для примера, как нажать на эту кнопку с помощью JavaScript учитывая то что этот слот выводится с помощью Canvas, так ещё и во фрейме, это вообще возможно?
То что он во фрейме можно обойти с помощью запуска в этом фрейме расширения это ладно, а вот как именно нажать эту кнопку в этом канвасе который по сути является просто картинкой и в нём не за что зацепиться с помощью названия блока я понятия не имею
Ссылка на пример слота https://www.pragmaticplay.zone/en/games/the-dog-house-slot/
Можно пожалуйста простейший пример загрузить на https://jsfiddle.net/
Свои скрипты на сайтах я запускаю с помощью User JS или собственного расширения, так что с запуском проблем не будет, для примера можно просто запустить обычный setInterval который бы нажимал её каждые 3 секунды
См. пикчу, стрелкой я указал нужную мне кнопку для примера, как нажать на эту кнопку с помощью JavaScript учитывая то что этот слот выводится с помощью Canvas, так ещё и во фрейме, это вообще возможно?
То что он во фрейме можно обойти с помощью запуска в этом фрейме расширения это ладно, а вот как именно нажать эту кнопку в этом канвасе который по сути является просто картинкой и в нём не за что зацепиться с помощью названия блока я понятия не имею
Ссылка на пример слота https://www.pragmaticplay.zone/en/games/the-dog-house-slot/
Можно пожалуйста простейший пример загрузить на https://jsfiddle.net/
Свои скрипты на сайтах я запускаю с помощью User JS или собственного расширения, так что с запуском проблем не будет, для примера можно просто запустить обычный setInterval который бы нажимал её каждые 3 секунды
если ты заебываешься с нуля, то зачем используешь tailwind? есть material ui, chakra ui и т.д. и т.п.
прочитай основы в документации реакта, я думаю, что ты найдешь ответ на свой вопрос
Ну так я читал. С помощью useRef передавать? Я только с ним особо не разобрался.
Просто когда я пишу let inputEl = useRef(null) и потом в input вписываю ref={inputEl}, то у меня inputEl.current равняется null и нихуя не работает.
Тебе нужно про диспатчить PointerEvents канвасу, в котором передать координаты по которым находится кнопка.
На самом деле тебе это не нужно и ту тупой долбоёб. Ты должен отинспектировать вызываемый хэндер при нажатии на кнопку и просто вызывать его вручную.
>Можно пожалуйста простейший пример загрузить на
300 баксов.
Братва, пытаюсь использовать react-three-fiber для отображения профиля поверхности одной хуйни.
Юзаю <planeBufferGeometry args={[5, 5, 1280, 1024]} /> - Получается поверхность 1280х1024, 1кк точек, выдавливаю по оси z рельеф и натягиваю текстуру, все нормально, но есть проблемы - жутко проседает фпс и обработка кликов по поверхности фризит рендеринг на пару секунд. Дело в моих кривых руках или в том что planeBufferGeometry не рассчитан на использование таких больших значений?
Юзаю <planeBufferGeometry args={[5, 5, 1280, 1024]} /> - Получается поверхность 1280х1024, 1кк точек, выдавливаю по оси z рельеф и натягиваю текстуру, все нормально, но есть проблемы - жутко проседает фпс и обработка кликов по поверхности фризит рендеринг на пару секунд. Дело в моих кривых руках или в том что planeBufferGeometry не рассчитан на использование таких больших значений?
Как сделать также, чтоб картинка была фоном всех компонентов страницы?
>отинспектировать вызываемый хэндер при нажатии на кнопку
Это типа с помощью брейкпоинтов отследить какую функцию нажатие по кнопке вызывает?
Можешь отладчиком пошагово, если тебе не лень. А можешь просто поизучать навешанные на канвас листенры в инспекторе, и высянить, какой тебе нужен.
Установить ее фоном у body.
Не хоче тащить либо в пару сотен килобайт для аккордеона и спойлера
Исправил понемногу, ток не представляю как можно отслеживать время в setIterval.
https://github.com/webPrsnr/js-countdownTimer
backgorund-image: url(govno) no-repeat;
> как можно отслеживать время в setIterval.
Никак, тебе надо использовать таймаут.
Сохраняй Date.now() в переменную и после каждого срабатывания функции вызывай Date.now() и проверяй, что прошло именно 1000 мс. Если там другое число, то назначай таймаут с учетом корретировок.
хайповое говно и тырпрайзный онгуляр
странная комбуха
странная комбуха
Согласен, эксперты с жс треда быстро бы им объяснили, в чем они не правы.
Анон я не силён в этом, можно пример как его найти? Дальше думаю разберусь как найти остальные, потому что кликов мне нужно сделать 3-4 в разных местах
300 баксов
Ишешь из этого списка нужный тебе обработчик, потом просто колбек этого обработчика вызываешь как тебе нужно.
Пацаны как искать удаленнку через ИП и как пендосам грить шо через ОП онли?
В какой среде можно клепать хтмл, цсс и жв и сразу выводить что происходит в браузере?
В любой
советую vs code или платный webstorm
Внезапно в браузере и можно.
Оппост прочитай.
Есть jquery и есть радиобатоны. Как адекватно выполнить действие в зависимости от выбранного радио? Сейчас так но это как-то стремно:
let chkd = $('input[name=bar]:checked', '#foo-opts');
if (chkd.is($('#rb1'))) {...}
else if(chkd.is($('#rb2'))) {...}
else if(chkd.is($('#rb3'))) {...}
}
let chkd = $('input[name=bar]:checked', '#foo-opts');
if (chkd.is($('#rb1'))) {...}
else if(chkd.is($('#rb2'))) {...}
else if(chkd.is($('#rb3'))) {...}
}
Обернуть в form и получать её value каждый раз, когда нужно выполнить какое-то действие. Даже жиквара не нужна
Сап двощь. А возможно ли в реакте реализовать некую append only структуру, как пример тот же тред на двачике, или ререндер даже 1к компонентов в принципе по производительности не ударит?
Ожидания от структуры?
Какой бля жиквери? Перекатывайся на реакт срочно.
Добавь файл .env.local и напиши туда FAST_REFRESH=false
Чел на жикваре формы сделать нормально не может, а ты ему реакт советуешь...
>ререндер даже 1к компонентов
На таком количестве компонентов бутылочным горлышком станет сама структура DOM в браузере, а не vDOM из реакта
Как лучше передавать пропсы? Засовывать в один объект или по-отдельности лучше писать (ну если это не массив, тогда то понятно)?
Если в один объект засунуть, то проще передавать дальше, но наверное выглядит менее очевидно.
То есть например
<Хуй хуйГовно = "ждпюгшою" пиздаГовно = "djythdg" джигурдаГовно = "дгнборпык" />
он возвращает
<Пизда пиздаГовно = {props.пиздаГовно } джигурдаГовно = {props.джигурдаГовно} />
а это возвращает
<Джигурда джигурдаГовно = {props.джигурдаГовно} />
Или лучше
<Хуй хуйГовно = "ждпюгшою" пиздаДата = { говно: "djythdg", джигурдаДата: { говно: "дгнборпык"}} />
<Пизда пиздаГовно = {props.пиздаДата.говно} джигурдаДата = {props.пиздаДата.джигурдаДата} />
<Джигурда джигурдаГовно = {props.джигурдаДата.говно} />
Если в один объект засунуть, то проще передавать дальше, но наверное выглядит менее очевидно.
То есть например
<Хуй хуйГовно = "ждпюгшою" пиздаГовно = "djythdg" джигурдаГовно = "дгнборпык" />
он возвращает
<Пизда пиздаГовно = {props.пиздаГовно } джигурдаГовно = {props.джигурдаГовно} />
а это возвращает
<Джигурда джигурдаГовно = {props.джигурдаГовно} />
Или лучше
<Хуй хуйГовно = "ждпюгшою" пиздаДата = { говно: "djythdg", джигурдаДата: { говно: "дгнборпык"}} />
<Пизда пиздаГовно = {props.пиздаДата.говно} джигурдаДата = {props.пиздаДата.джигурдаДата} />
<Джигурда джигурдаГовно = {props.джигурдаДата.говно} />
а бля, там скобочки одни проебал, но понятно наверное
Зависит от компонента. Но в целом метасвойства и опции компонента пихай в пропсы, а его наполнение - отдельным объектом.
Есть простое реакт приложение, есть большая мускл бд с которой мне нужно это связать, сделать регистрацию, вход, роли и прочую ебалу
Какими тулзами мне это лучше делать? Хочу что-то с нодой, но как мне это с фронтом связать?
Дали делать бэхэнд, а у меня вообще понимания по нему нет мне пиздец
>Хочу что-то с нодой
>Есть простое реакт приложение
next.js
Устал. Решил напиться.
Ну всё. Напился.
Каждый раз как напиваюсь, вспоминаю, что ни с кем не общаюсь в обыденность уже лет десять, и сразу эта ебучая одинокость накатывает.
Каждый раз как напиваюсь, вспоминаю, что ни с кем не общаюсь в обыденность уже лет десять, и сразу эта ебучая одинокость накатывает.
Реакт или ангуляр?
Я на жс пишу 20 лет.
Ванила разумеется.
Двачую. Еще надо туда жиквару с парой десятков плагинов и select2.
Что употребил?
Зачем. Ничего не надо. Ванилы хватает на все. Веб-компоненты нативны и полнофункциональны. Современный CSS покрывает 99% вопросов визуализации.
Кефир.
да можно ещё себе шаблончиков, сниппетов, модулей наделать на ваниле вместо уёбищнх фреймворков
>полнофункциональны
А стилизация в них работает без применения жопаскрипта?
Аноны, есть приложение на JS. Вопрос - есть ли способ определить, как часто выполняется та или иная функция в нем? Хочу пооптимзировать код, и хочется начать с того, что чаще исполняется.
>next.js
+ Prisma ORM
Тру няшные кунчики использую TypeORM
>есть ли способ определить, как часто выполняется та или иная функция в нем?
Есть.
Тогда второй вопрос - как определить, как часто выполняется та или иная функция в JS?
Через devtools вставь в функцию нужный тебе фрагмент кода
Блять, месяц назад смотрел вакансии на джуна фронтендера и почти везде требовался React. Смотрю сейчас и большинство вакансий требует Vue. Что за хуйня такая, пиздец! И вакансий будто меньше стало на хх + требования повысились. Видимо я никогда себе работу не найду.
>большинство вакансий требует Vue
Нет.
>Видимо я никогда себе работу не найду.
С таким подходом - точно.
Открою секрет, если ты придешь на вакансию вьюдераста будучи реактодебилом , то вполне можешь его пройти, ибо они очень сильно похожи
Ну я вот ввожу "Frontend Junior"/"Javascript Junior" и во-первых, вакансий меньше сотни даже на хх (было больше), а во-вторых в некоторых даже PHP еще требуют. Мне что, еще и пхп учить?
>Тру няшные кунчики
Не трогают мускуль.
Да это же на каждую функцию писать.
Может лучше CallStack смотреть?
>они очень сильно похожи
Не надо лгать, после реакта вью неприятен.
Привет, анчоусы. Решил начать делать свою платформу для обучения людей фронтенду в том формате в котором я это вижу.
Буду рад любым отзывам https://frontendly.dev/
Пока только начал, так что только один урок доступен
Буду рад любым отзывам https://frontendly.dev/
Пока только начал, так что только один урок доступен
> я вот ввожу
>Junior
Ждун, мидл и синьор это грейды компании, разные компании выдвигают разные требования.
Ищи просто вакансии, грейды указывать в вакансии необъективно, что считай как не совсем адекватно.
Смени хх на линкедин.
Доктайп пропустил в первой теме.
Переход к CSS непонятный.
Не хватает оглавления с гиперссылками по урокам.
Адаптивности нет у сайта.
Без интерактива обучение никакое, большинство просто промотает уроки.
Загляни как другие это реализовали, например в гугл сторе есть куча приложений по обучению.
Спасибо, за развернутый ответ
Может и лучше
>Без интерактива обучение никакое
А про какой интерактив речь? Глянул пару приложений в апп сторе. Ну там сухая теория в основном, то от чего я хочу уйти и проекты какие-то за подпиской скрытые сходу.
а на линкедине разве не только англоговорящие?
Если у тебя пост это компонент, то при добавлении нового поста никакого перерендера не будет, будет именно аппенд.
Согласен. Неприятно что на вью та же задача требует в 2 раза меньше кода И осознание проебанного времени на реакте.
Типичный вьюдебил.
Да.
>вакансий меньше сотни даже на хх
Из-за локдауна
Посоветуйте ссылку, где самый удобоваримый материал по паттернам ООП на typescript.
Ты молодец, подошел к обучению с практической стороны, обрати внимание на html academy. Можешь много фишечек подчерпнуть. Прогрессбары, ачивки, но самое главное интерактивный редактор.
Гребу на галере за $800, естественно неофициально. Как скоро налоговая схватит меня за очко? Как сделать так, чтобы не схватила?
стек, город? На удаленке что ли? Че не сменишь работодателя?
Кстати, вдогонку вопрос к другим рабам, которые официально работают, вы как легализовали доходы? Самозанятость? Я вряд ли буду не на наш рынок работать, но для общего развития интересно.
>$800,
> Как скоро налоговая схватит
Схватит, пожалеет, докинет 1200$ и в губы поцелует.
да кто такие эти ваши вебворкеры, а точнее где они используются?
JS / React, мухосрань, удалёнка. Потому что набираюсь опыта на первой работе
>докинет 1200
Это значит что я пидор что всем похуй, покуда я не гребу миллионами?
WebAssembly лол, придётся си учить скоро пасаны
Нихуя себе, покажи как.
>WebAssembly
хуйня для юнити и фигмы, больше ни на что не годится
В гугле поищи, там все есть
Знаю парня, который пару лет 600 в месяц делает, налоговая пока не ебет.
Если не будешь сам нарываться типа в политике копрозицией заниматься они и смотреть на тебя не будут.
Стоит молодому почти ждуну учить typescript? В принципе мне вроде как нравится эта тема, что невозможно обосраться с типами данных и вот эти все подсказочки, но вроде и без этого норм живется на обычном JS. Я +- знаю JS, ща дрочу рякт (начал неделю назад) и вот шарясь по вакансиям вижу много у кого в требованиях typescript. Стоит того, чи не?
да
Меня обоссали на собесе, когда узнали, что я не знаю TS
Тебя обоссали на собесе, потому что ты не знаешь отличий var от let.
Мимо собеседующий
Услышал вас, тогда надо будет задрочить. А есть какие-нибудь документации на русском,? А то по английской буду в 2 раза дольше его изучать.
Если ты не можешь изучить документацию на наглийском, то ты не годишься на должность разработчика
В общем. Код билдится в ./dist изменить этого возможности нет. нужно сделать так что бы после билда бандлы переносились в ./docs попутно очищая одну папку и не трогая другие файлы которые нет необходимости заменять. Чем это проще и удобнее сделать?
npm run build && mv -v ./dist/* ./docs/
Очистит все подпапки разве нет?
Нет, выкинет ошибку если уже есть директория или файл с таким же именем.
Я могу, просто хуже дается понимание, на родном языке проще понять.
Наверняка ведь что-то есть, аноны не жмитесь!
Алсо, как я понимаю, тайпскрипт это просто про указание типов? А всё остальное это обычный ЖС?
>тайпскрипт это просто про указание типов?
Ну там еще компилятор есть, но его использую в основном только для ноды, на фронт компилирует babel. А так да, в целом он просто про указание типов.
Спасибо!
Это конечно очевидно. Я думал есть крутые гайды от аноны для анона какие-нибудь.
Алсо, заебал уже вас вопросами, да сегодня на гитхаб запушил 3 раза изменения в файлах, а в квадратиках активности у меня тупо 0. Как это вообще работает?
Репозиторий если что приватный и пушил я в собственно-созданную ветку dev, а master простаивает.
>Репозиторий если что приватный
this
Всем привет. Возможно, это заранее бесполезно, но все-таки. Есть тут люди, которым нравится менторить? Очень хочу лампового ментора, который проведет меня за ручку по этому тернистому пути, а в некоторых моментах - будет ставить на колени, чтоб не тупых ошибочек не было)0
Не за бесплатно(по цене договоримся) + общение.
Не за бесплатно(по цене договоримся) + общение.
Добавить `postbuild` скрипт, в котором можешь очищать хоть свою мамашу.
>и без этого норм живется на обычном JS
Ты в курсе, что все эти подсказочки в жс файлах в вскоде - результат работы тайпскрипта? Без него ты бы хавал пофайловый жсдок без всяких подсказок лол.
Так раз это реализовано на уровне IDE, то нахуя мне самому изучать тайпскрипт?
бамп
https://habr.com/ru/post/587254/
Почитал комменты и хочу спросить, жсеры, вы почему такие конченые?
Почитал комменты и хочу спросить, жсеры, вы почему такие конченые?
Ура, доделал код тудушечки легендарной. Ну теперь скоро будут 300кк литься. Так неохота css делать нормальный, прям каждая секунда в тягость.
Думаю сначала уже дочитать Кантора (сейчас на 2/3), потом захерачить что-нибудь мощщщное на тайпскрипте.
https://ferrisbuellerscodeday.github.io/todo/
Думаю сначала уже дочитать Кантора (сейчас на 2/3), потом захерачить что-нибудь мощщщное на тайпскрипте.
https://ferrisbuellerscodeday.github.io/todo/
Тому что вс код будет тебе подсказывать только в пределах одного файла.
>Думаю сначала уже дочитать Кантора
Дурачёк что ли? Какой Кантор? Лучше бы учебные материалы гугла почитал и то больше пользы.
https://web.dev/
https://developers.google.com/web/
> Есть тут люди, которым нравится менторить? Очень хочу лампового ментора
Если ты тян, то иииизейшая задача, тебя с руками и ногами оторвут опытные кодеры песдалисы. Если ты кун, то уже сложнее, чтоб тебя бесплатно менторили надо, чтоб ты был альфаЕрохиным. Только для баб и для альфаЕрох всё бесплатно и везде дорога. Если ты не из них, то вероятно придется платить баблоу.
А ещё ты можешь как-нибудь тяном прикинуться. Придумай что-нибудь. Я вот во втентаклии сидел в одной какой-то беседе для вкатунцов и для тех кто уже вкатился, там когда парни какие-то вопросы задают, то другие на них лениво и пассивно-агрессивно отвечают, типа загугли ёпта. А там одна тёлка начала жаловаться, что до диплома чуть-чуть осталось, а она не сделала на Реакте приложуху. Так там сразу нарисовался олд Одмен 35+ лвл. и бесплатно за вечер ей всё накодил.
Так что притворись тяном и тебе всё сделают от и до.
Der Porridge.
Тебе, чтобы эти подсказочки читать, один хуй синтаксис тайпскрипта нужно знать.
Я и так тян. Мне претворяться не надо)
Но и прошу сделать это за бесплатно. У всего своя цена должна быть, иначе челик просто однажды сольется.
Есть вар, конечно, попиздовать на сайтики менторов, но там оверпрайс пиздец. Отдавать за занятие по 3.5-5к - пока возможности нет, я не наносек.
>Я и так тян
>Но и прошу сделать это за бесплатно
Значит от желающих учить отбоя не будет.
Песдалисы скорее сами платить будут, чтоб учить тяна.
Блин!! Я ошиблась!! НЕ ЗА БЕСПЛАТНО.
Ну а где этих желающих искать? На лджс оставила объяву - спустя месяц никто не отписал.
Допустим, ты не семен. Какая у тебя цель? (Например, хочу знать это и это, через столько времени) Какая у тебя база? (Что ты уже знаешь и на сколько ты оцениваешь свои текущие знания?)
Если глобально - хочу сменить текущую работу и забыть как страшный сон. Если по факту - хочу на данном этапе делать сайтики(по типу как с awwwards, там челы такое месиво устраивают, на их шизоидном расстройстве можно очень хорошо набить руку) или браузерные приложения. (мечта освоить реакт(натив же да) и перейти в моб. разработку, но это потом как-нибудб)
Что умею? Это вопрос интересный, по стандарту уже неплохо ориентируюсь в html, css. По лерн ява скрипт начала изучать переменные, объекты, массивы, условия. Дальше пока не прошла.
Шо? Код избыточный или че?
Хороший справочник. Прошелся по нему быстренько и потом уже знаешь, что нужно и где быстро посмотреть.
За ресурсы спасибо, посмотрю.
Как исправить эту ошибку? В гугле ничего толкового не нашел, там все решается назначением типов каждому из элементов массива, но я не знаю заранее сколько их будет.
На вебкам иди, какого хуя в айти забыла
unknown[]
Покупаешь/скачиваешь курс Creative JavaScript от Dev Ed. По JS можно также глянуть курсы от Brad Traversy и Net Ninja. Я не помню их названия, на udemy/рутрекере есть.
Когда посмотришь 3 разных курса по JS, то начнешь нормально ориентироваться в языке. Алсо я бы не выбирал курсы длительностью больше 25 часов.
Дальше смотришь этого чувака - https://frontendmasters.com/teachers/will-sentance/
Начни с Hard Parts, v2. Если денег на подписку нет - рутрекер или GitHub Student Developer Pack.
Затем Creative React and Redux от того же Dev Ed и снова Frontend Masters уже по Реакту. Обязательно чтение документации. Вопросы в @react_js в телеге.
Менторы не нужны, вырабатывай навык самостоятельного поиска информации и правильного задавания вопросов.
Алсо можешь записаться сюда - https://rs.school/js-stage0/
Там будут менторы. Сообщество у них классное.
. Нестрогое равенство.
. Используешь лет, хотя ничего не меняешь.
. Глобальные переменные.
. Все строится на ифов.
*. Не стрелочные в аддевентлистере.
По скриншоту это. Если лень самому вёрстку делать, пизди готовые решения, выглядит как кака.
Не стрелочные анонимки хотел сказать? Листенеру тащемта похуй, какие функции передевать, хоть ассинхронные.
аргумент с рест оператором должен быть последним
Аноны есть задача, не могу ее решить, задавал на StackOverflow, но мне не помогли. Может я вопрос как аутист задал, не знаю.
https://ru.stackoverflow.com/questions/1346833/js-jquery-%D0%B7%D0%B0%D0%B3%D1%80%D1%83%D0%B7%D0%BA%D0%B0-%D0%BF%D0%B0%D0%BF%D0%BA%D0%B8-%D0%BD%D0%B0-%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80-php
https://ru.stackoverflow.com/questions/1346833/js-jquery-%D0%B7%D0%B0%D0%B3%D1%80%D1%83%D0%B7%D0%BA%D0%B0-%D0%BF%D0%B0%D0%BF%D0%BA%D0%B8-%D0%BD%D0%B0-%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80-php
>Может я вопрос как аутист задал, не знаю.
Разумеется - тяночкой не притворился и ещё ждал какой-то помощи
я тян, вот пруфы
написал функцию как добавлять текстовы поля.
как написать функцию которая удаляет послее добавленное поле??
как написать функцию которая удаляет послее добавленное поле??
Ну, в свое время мне там помогли
>как написать функцию
Ну тыкаешь на кнопочки на твоей клаиватуре и пишешь код, так же как с первой функцией.
Валидации нет, при удалении/добавлении таска перерисовывается заново весть лист, если будет 1000 тасков? Добавь хотябы id = Math.random() и удаляй не по индексу, а по id
> Нестрогое равенство.
Видимо вспомнил об этом на середине или в конце и забыл в остальных местах поменять.
>. Используешь лет, хотя ничего не меняешь.
Переделаю на конст.
>. Глобальные переменные.
Засунуть всё в одну глобальную функцию считается за нормальную альтернативу?
>. Все строится на ифов.
Наверное я как-то неправильно понял делегирование событий.
Лучше просто по id кнопок назначить листенеры, раз кнопок мало?
>*. Не стрелочные в аддевентлистере.
Это действительно глаза мозолит? Или есть какая-то практическая польза в данном случае?
В любом случае спасибо коммент.
Да что там валидировать, это же записульки. Ну максимальную длину ограничу.
Ну я хотел точечно перерисовывать, потом подумал, что тут никто не будет 1000 тасков делать и сделал сяк.
>Добавь хотябы id = Math.random() и удаляй не по индексу, а по id
Мне нужно будет иметь коллекцию с id и проверять её при генерации нового id? Хочется чего-то более элегантного, чем рандом id, буду думать.
Смотрела видео по собесам, конкретный ступор на задачах возникает. Если юзать кодварс активно, прорешать там все вдоль и поперек, на собесе будет легче?
>Хочется чего-то более элегантного, чем рандом id, буду думать.
crypto.randomUUID()
Посыпишься на вопросе отличия var от let.
>crypto
Спасибо. А он уникальный будет, потому что на основе времени генерит?
Это ж селёдочка, её за такое ласково пожурят и возьмут на работу чтобы "вот заодно и научишься"
> при удалении/добавлении таска перерисовывается заново весть лист, если будет 1000 тасков?
Это же важно только если как он на чистом js через innerHTML, а если реактом, то наоборот нужно вверх всю хуйню поднимать?
>Это же важно только если как он на чистом js через innerHTML
Если ты юзаешь innerhtml, то там в любом случае будет полная перерисовка всех элементов, т.к. все старые элементы удаляются и создаются заного. Обработчики при это тоже теряются
Делаю таймер на рякте, Есть state stop по умолчанию false. По клику на кнопочку state stop = true;
В это время крутится функция, где посекундно с помощью (setTimeout) убавляется значение currentValue (запрошенное время - new Data.getTime()).
Далее есть условие если currentValue меньше 1 сек или меньше 0, то clearTimeout.
Думал, что с кнопочкой будет изи, просто добавил в условие еще и stop, т.е. if (currentValue < 1000 && currentValue > 0 || currentValue > 0 || stop) -> clearTimeout
Но.. нихуя. Кнопочку жму, state stop становится true, а функция как продолжала крутиться так и крутится. Гуглил, ничего дельного не нашел, обращаюсь к вам, аноны.
Что делать? Куда копать?
В это время крутится функция, где посекундно с помощью (setTimeout) убавляется значение currentValue (запрошенное время - new Data.getTime()).
Далее есть условие если currentValue меньше 1 сек или меньше 0, то clearTimeout.
Думал, что с кнопочкой будет изи, просто добавил в условие еще и stop, т.е. if (currentValue < 1000 && currentValue > 0 || currentValue > 0 || stop) -> clearTimeout
Но.. нихуя. Кнопочку жму, state stop становится true, а функция как продолжала крутиться так и крутится. Гуглил, ничего дельного не нашел, обращаюсь к вам, аноны.
Что делать? Куда копать?
> Обработчики при это тоже теряются
При хорошо заделигированных компонентах элементы списка в обработчиках не нуждаются.
stop пологай в своем timer'е
Таймеры всякие надо в useEffect делать.
Да напиши ты в гугле на инглише и пиздуй на нормальный стопкапереполнена
Расскажи пж как будешь делигировать обработчики событий наведения мыши без просадки производительности, я посмотрю.
Закинул в useEffect, тоже самое.
Когда таймер идёт пишет false, т.е. всё правильно. Далее когда жму на кнопочку логает true, а после продолжает крутиться отсчитывая секунды (но будто как-то немного ускоренно) и логает уже stop: false.
>Расскажи пж как будешь делигировать обработчики событий наведения мыши без просадки производительности, я посмотрю.
:hover
Как мне сделать тултип над элементом списка, который не выезжает за границы экрана, если список находится рядом с границей?
Как у тебя мобилкоюзеры увидят такие тултипы?
Есть ли смысл заказывать менторство, через Foxminded, например? Интересует не теория, курсы и прочее с чем сам разбираюсь/разберусь, интересует именно обратная связь своих навыков и умений от опытных разрабов + если есть возможность поработать над реальным проектом, пусть и на роли червя пидора, то тоже неплохо. Или менторство уже никому не нужно в 2к22?
Если я буду генерировать ключи для новых элементов в списке при помощи Date.now(), этож будет достаточно уникально? Я понимаю что реалистично мне этого естественно хватит, но как вообще ровные пацаны делают?
Для демки вполне норм.
Ебался из-за одной строчки 5 часов, пиздец.
В общем решение было в том, чтобы закинуть всё в useEffect, дать зависимости на stop/start и сделать return () => clearTimeout(timeout);
Я так и не понял как это работает, но это работает. Можете пояснить?
У меня в useEffect 3 функции (инициализации таймера - проверка на ошибки и т.п, если всё ок - запускает саму функцию таймера, внутри этой функции в конце выполнения лежит setTimeout, который обновляет функцию каждую секунду, пока не будет неких условий).
А в конце самого хука useEffect этот return. Но я кажется уже понял как работает.
На любое изменение зависимостей он выполняет код, указанный после return и выходит из этого хука?
Не меняй тему. Лови еще вопрос: как мне при наведении на элемент списка (допустим, это ссылка) сделать предазгрузку какого-либо ресурса (по аналогии с докой реакта)?
>этож будет достаточно уникально?
А ты подумал, что будет, если у тебя два ключа сгенерируются в пределах 1 мс? так и будет, если у тебя не совсем некропекарня используй crypto.randomUUID или https://www.npmjs.com/package/uuid
Просто сделай обычную переменную и увеличивай ее при создании элемента списка, наркоман.
Вообще не будет, вряд ли пользователь успеет забить два пункта за миллисекунду, но вообще спасибо. а как сделать чтобы https было? или это тупа от сервера зависит?
>Можете пояснить
Без кода и пояснять нечего
Да просто, что делает return в useEffect? У меня как-то в голове не укладывается, чтобы в этом хуке был return.
>Не меняй тему.
Никто тут не меняет тему, это ты тут создаёшь проблемы, а потом решаешь их говнокодом.
>как мне при наведении на элемент списка (допустим, это ссылка) сделать предазгрузку какого-либо ресурса
Какую нахуй предзагрузку при наведении? Ты так и не ответил на вопрос, как мобилкоюзеры будут твои оухенные ховеры активировать?
Хук useEffect(() => setInterval(() => updateTodoState(todoId), 1000), [todoId]) будет выполняться заново каждый раз при смене todoId, например когда пользователь перешел со страницы одной тудушки на другую. И очевидно каждый раз будет создаваться новый такой таймер и висеть на странице бесконечно, когда он нахуй не требуется. Чтобы такого не случалось, нужен способ убрать за собой говно, т.к сам реакт не может догадаться, как ты насрал и где. И если реакту нужно выполнить указанную useEffect функцию заново(например при ре-рендере), то сначала он выполнит функцию, которая вернулась и хука на предыдущем рендере, потому что подразумевается, что ты в эту функцию положишь логику, которая будет убирать за собой насранное в useEffect, например удалит созданный таймер.
Отлично, спасибо за охуенное объяснение, всё встало на свои места!
>а как сделать чтобы https
Если ты через localhost или 127.0.0.1 заходишь, то браузер считает, что это https.
А в других случаях надо на сервере сертификаты юзать.
>Какую нахуй предзагрузку при наведении? Ты так и не ответил на вопрос, как мобилкоюзеры будут твои оухенные ховеры активировать?
Пчел, изначально был кейс, в котором ты решил выебнуться охуенным знанием жопаскрипта и предложил вместо событий использовать псевдоклассы в цсс. Я тебе вопросами намекаю, что ты тут неправ и псеводоклассами некоторые достаточно частые кейсы нельзя решить.
>то браузер считает, что это https.
Ну не совсем так конечно, но он включает все фичи, доступные только для https
мдн уже не катит?
Катит, но скорее как справочник. Учебник из него такой себе.
У меня возникло два необычных вопроса.
1. Знание Redux может пригодиться Angular-разработчику?
2. Знание RxJS может пригодиться React-разработчику?
1. Знание Redux может пригодиться Angular-разработчику?
2. Знание RxJS может пригодиться React-разработчику?
1. Ngrx
2. Redux-observable
Катит. Собственно какая разница и гугл и мозилла - оба выпустили браузеры. Они могут рассказать о своих же браузерах в миллион раз больше, чем абстрактный кантор.
Вся разница - у одного хром, у другого файрфокс. Всё.
>Вообще не будет, вряд ли пользователь успеет забить два пункта за миллисекунду
Пользователь мб и не успеет, а event-loop, который будет отрабатывать события пользователя вполне может. Так что лучше сделай сразу по нормальному, либо на бэке изначально прописывай каждой тудухе уникальный id, либо делай это на клиенте
Недавно открыл для себя codewars, там в основном все сводится к регулярным выражениям. В разделе ещё пишут про leetcode. Стоит ли обращать внимание обычному js прогеру из Web? Или это скорее для суровых с++ и java?
> скорее для суровых с++ и java
Это для суровых олимпиадников из <anyLanguageName>. Если хочешь задрочить алгоритмы и научиться в оптимизацию то можешь закатываться на любом языке.
Хочу к своему java spring пету прикрутить UI на JS. Никогда на нем ничего не делал, кроме лаба3.js, что посоветуете годного, чтобы потом если что самонадеянно писать что я фулл стек? Короче что пригодится бэкендеру?
Есть библиотека на жквери, я поправил саму библиотеку в node_modules, все работает прекрасно, но если кто обновит фронт, то все.
Нормальна ли практика создания своей библиотеки на основе той с правками или это пиздец? Подключил бы свою библиотеку с правками и жил бы не тужил, а так что-то сложно.
Нормальна ли практика создания своей библиотеки на основе той с правками или это пиздец? Подключил бы свою библиотеку с правками и жил бы не тужил, а так что-то сложно.
>что посоветуете годного, чтобы потом если что самонадеянно писать что я фулл стек
Если хочешь накостылить фастом и что бы работало - Vue 3, если хочешь разобраться и именовать себя фулстеком - React
>ормальна ли практика создания своей библиотеки на основе той с правками или это пиздец
Да.
От того, что разраб не додумался сделать проверку на валиданость координат никакой тайпскрипт не спасет.
Ты начинаешь что-то подозревать о папке lib.
Аноны, есть какая нибудь статья о том, как работает атрибут autocomplete в разных боаузерах? Например, autocomplete="off" не отключает автокомплит полностью. Спрашиваю, чтобы знать нюансы
Я не могу придумать какое приложение сделать
Пасанята, слух, я вообще из другого раздела, нам недавно завезли новый UI фреймворк, и там всё крутится вокруг State, тип когда стейт изменяется то интерфейс обновляется, и сегодня я видел странный сон, что мне нужно зайти в раздел к вебмакакам и спросить про реакт. Якобы в реакте то же всё завязано на стейте. И ещё надо спросить, как вы считаете, что круче Реакт нейтив или реакт rx?
state = состояние
вот так вроде это выглядит, стейт - это как отдельный контейнер с информацией
Как же вас жаль с ващими говностейтами.
Мимо ангуляр-господин.
А у вас как там все устроено?
Храним всё в переменной, но называем её по-другому.
а переменная какого типа?
Сам подумой. Какие переменные есть в тру ООП?
Поясните, нужен ли return в том месте, где стрелка? Если не нужен, то почему?
new под капотом будет возвращать объект this функции UserCreator?
new под капотом будет возвращать объект this функции UserCreator?
интеджер и флоат
>unless the function returns its own alternate object, the new-invoked function call will automatically return the newly constructed object.
>Какие переменные есть в тру ООП
Циклы, операторы, ключевые слова, комментарии?
Объясните пожалуйста в чем отличие между emotion и styled-components? Расплодилось что-то этого всего. Еще MUI какой-то есть...
шо то говно, шо это. Истинные синьор-пиздаболы 300кк/нс использую css модули или scoped стили.
Харкачерирую. Истинные синиоры используют БэЭнВэ
prilozenieDlyaVkata.js
Внутри конкурентные запросы на апи GET anal/job/
Фронт должен слать 150 запросов в минуту в виде ворд документа, все должны обработаться.
Если респонс 200 { ok: ok, message: posholnahuy } , то инстанс Vkatun помечается как zopaGorit и фетчит страницу job.ru/piza-delivery.
Все должно быть паралельным и асинхронным.
Бек должен парсить док, если там есть строчка "zaEdu", то с вероятностью 1% / количество запросов с "zaEdu" за последний час, отправлять "vi priniaty".
>Это действительно глаза мозолит? Или есть какая-то практическая польза в данном случае
Меньше писать, меньше читать, выглядит опрятнее, модно молодежно, а не как у этих вот, это как писать свой велосипед сортировки пренебрегая использованием метода сорт.
Я тебе по секрету скажу, что если нужна помощь тут, сначала надо кратко написать его суть, а потом уже ссылку. Или же просто копипаст сюда сделать.
Иначе это выглядит как "требуется розраб, все подробности в личку", естественно любой нормальный человек скипнет долбоеба.
>Истинные синьор-пиздаболы 300кк/нс использую css модули
А нахера вообще придумали эти эмоциональные стулед css в js, чем привычный подход с прикручиванием CSS так плох был?
Сап тайпоскриптеры, есть ли смысл вообще дрочиться со следующим?
Условно есть
type RgbColor = string
type HexColor = string
Из-за структурной типизации понятное дело тайпчек идёт нахуй, какие есть выходы из данной ситуации, и если их нет, то нужно ли вообще типы оставлять как хинты для девов (ну типа тайпчека нет, но ты же не дурак 'hello world' передавать), или просто в комменте к функции описать и не тратить время на это?
Условно есть
type RgbColor = string
type HexColor = string
Из-за структурной типизации понятное дело тайпчек идёт нахуй, какие есть выходы из данной ситуации, и если их нет, то нужно ли вообще типы оставлять как хинты для девов (ну типа тайпчека нет, но ты же не дурак 'hello world' передавать), или просто в комменте к функции описать и не тратить время на это?
Atom или WebStrorm?
Лада гранта или форд транзит?
Что нужно знать перед изучением Angular?
Как думаете, в будущем добавят в браузеры интерпретаторы для typescript, или js навечно?
TypeScript, асинхронный JS, RxJS, английский язык.
А зачем?
Ух, спасибо братва, разобрался. Оказывается при срабатывании события в обработчик попадает очень дохуя инфы, огромный массив содержащий целиком всю карту, это очень дорогостоящая операция и чтобы такого не происходило нужно было этот planeBuffer нарезать на много отдельных буфферков, тогда при клике в обработчик попадет лишь небольшой массив. Ебать я дебик
>английский язык
Зачем?
Чтобы вместо позиции "анальная макака" у кабан кабаныча иметь возможность работать на позиции "anal monkey (contractor)" на джона бора. на самом деле чтобі кабан кабаныч мог тебя дороже джону продать очевидно же
Есть один инпут
<input type="text" value={value} onChange={inputHandler} onKeyPress={keyHandler}/>
И у него есть
const keyHandler = (event) => {
if (event.key === "Escape") {
alert(event.key);
}
if (event.key === "Enter"){
alert(event.key);
}
}
Чому с энтером работает, а с эскейпом нет? Как сделать чтобы работало?
<input type="text" value={value} onChange={inputHandler} onKeyPress={keyHandler}/>
И у него есть
const keyHandler = (event) => {
if (event.key === "Escape") {
alert(event.key);
}
if (event.key === "Enter"){
alert(event.key);
}
}
Чому с энтером работает, а с эскейпом нет? Как сделать чтобы работало?
Качество гугления в разы выше как минимум. Да и намного короче можно прямо подробно сформулировать запрос и найти быстро че надо.
Гугл запросы составлять умею, но читать не всегда, так как некоторые конструкции и слова не понимаю.
А с onKeyDown работает, нахуя оно выёбывается?
Дайте нормальный урок по HTML и CSS, постоянно забываю. js знаю, а эта хуета вылетает из головы
Нихуя.
'keypress' эвент надо вешать на window
Сверстай пару макетов, 2-3 дня потрать и запомнить навсегда.
Поставь себе ыорматтер, по нажатию на сохранение или на сочетание клавиш твой код становится красивее, добавляются нужные отступы, удаляются лишним отступы. Поможет в ксс, хтмл, жс и другое.
Мимо тот же придирчивый анон.
Мимо тот же придирчивый анон.
Никто не хочет практики? У меня на галере есть проект, который сейчас временно приостановили, если кто из вкатышей Анонов хочет попробовать себя на реальном говнопроекте, могу покидать задачек, поменторю. Проект на нативе + бэк ларавел.
А на работу возьмете?
Что можешь?
Напиши в телегу, пожалуйста.
@twinkam22
Покажу портфолио, расскажу о себе.
Как "собрать" пропсы конкретного базового ряктовского HTML элемента в один интерфейс, который можно экстендить?
Допустим у дива пропсы выглядят так:
DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>
Пока я ничего сложнее создания DivProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> не придумал. Но ведь это костыль, плюс придётся писать новый интерфейс на каждый компонент с новым HTML элементом. Наверняка же можно просто по строчному ключу ссылаться на JSX.IntrinsicElements и получать новый манятип без импортов всяких HTMLAttributes.
Допустим у дива пропсы выглядят так:
DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>
Пока я ничего сложнее создания DivProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> не придумал. Но ведь это костыль, плюс придётся писать новый интерфейс на каждый компонент с новым HTML элементом. Наверняка же можно просто по строчному ключу ссылаться на JSX.IntrinsicElements и получать новый манятип без импортов всяких HTMLAttributes.
Таки всё намного проще оказалось: достаточно ComponentPropsWithoutRef<"div">. Всё равно нужно создавать новый интерфейс на каждый пук. Как сделать так, чтобы условный BaseProps<K> выбирал из заданного списка валидных HTML тэгов и вставлял результат в ComponentPropsWithoutRef<K>? Где-то в доме хранится же этот список хотя бы словарём.
Подскажите, next js используют в качестве сервера, без express-а? Теоретически ведь можно, но почему тогда существует стек next js + express, причем обычно так и используют.
Потому что пока ты залезешь в базульку и выполнишь бекенд действия на нексте, ты будешь тормозить 1000000 юзеров, которые просто ждут от веб-сервера статику
https://habr.com/ru/company/piter/blog/587888/
Почему кто-то всерьез обсуждает исползовать var или let/const в 2021? Вроде как Серьезные Пацаны уже давно порешали, что использующий var сразу же объявляется чуханом, переезжает под шконарь и теряет доступ к общаку
Почему кто-то всерьез обсуждает исползовать var или let/const в 2021? Вроде как Серьезные Пацаны уже давно порешали, что использующий var сразу же объявляется чуханом, переезжает под шконарь и теряет доступ к общаку
Падажжите, люди для статики используют эксперс вместо нжинкса? В чем смысл?
У меня есть хук
const [items, setItems] = useState([]);
Потом items я передаю как пропс <ItemIndex items = {items} ... />
А внутри ItemIndex я использую props.items.map(...)
И всё работает!
Я собрал это вебпаком, загрузил на гитхаб и оно блядь пишет что TypeError: t.items is null когда пытается вызвать map видимо.
Че за хуйня? Я обосрался с настройкой вебпака?
const [items, setItems] = useState([]);
Потом items я передаю как пропс <ItemIndex items = {items} ... />
А внутри ItemIndex я использую props.items.map(...)
И всё работает!
Я собрал это вебпаком, загрузил на гитхаб и оно блядь пишет что TypeError: t.items is null когда пытается вызвать map видимо.
Че за хуйня? Я обосрался с настройкой вебпака?
Так мб не props.items.map, а просто items.map?
Какой из них, ссылка не кидает на конкретный
Чому? Я в пропсах передаю же.
Но это не важно, оно же работает, я не понимаю почему одно работает, а другое — нет.
Под капотом у него экспресс. А насчёт отдельного сервера - так это норма на бэкенде плодить сервера, микросервисы же. И если условный API сервер не отдаёт статику - то ему нахуй не сдался весь некстовский вагон в зависимостях. Плюс некстовский сервер можно делегировать до полноценного вротенд сервера, без всяких запросов в бд.
Так запрос в базу не синхронная операция. А во вторых вряд ли запрос в базу тормозит статику, я конечно не знаю что там внутри, но вроде солидный фреймворк, неужели они такой проблемы не решили.
То есть когда я вызываю "webpack serve --mode=development" всё работает.
А когда "webpack build --mode=production", то что получилось кидает ошибку.
А когда "webpack build --mode=production", то что получилось кидает ошибку.
Ну так и зачем нексту тогда функционал бэка? Какая область применения?
Кстати а что такое микросервисы, это когда для каждого эндпоинта по серверу? А как же переиспользование кода?
Сап мне нужно было чтобы после ввода в инпут при клике на голубой фон изменения сохранялись (соответственно onBlur) и инпуты превращались в обычный параграф, но при клике на textarea чтобы onblur не срабатывал, а срабатывало изменение textarea.
Я как-то запилил через mouseDown костыль, насколько хуево (алсо в итоге я типом присваиваю элемент как инпут хотя он на самом деле textarea, по другому typescript Ругается?
Я как-то запилил через mouseDown костыль, насколько хуево (алсо в итоге я типом присваиваю элемент как инпут хотя он на самом деле textarea, по другому typescript Ругается?
Ладно я пофиксил, вместо всего этого добавил условие в onBlur хендлере
На каждую комбинацию параметров по сервису.
И на каждый день в году тоже - баланс лоадинг, слышал?
не для каждого. переиспользование - версионированные шейрд либы в пакете
микросервисы говно
Хуй сосешь?
А, я понял, я подгружал items из local storage, а так как там ничего не было, оно сувало туда null, а обычно я этого не замечал, потому что писал туда до этого что-то и там был пустой массив.
>У меня есть хук
>И всё работает!
ошибку свою понял?
Нет, а шо?
https://habr.com/ru/post/532432/
JS на числодробилке с простыми числами пососал у С++ лишь на 25%. Все остальные (за исключением ГОвна) - в разы. Как так?
JS на числодробилке с простыми числами пососал у С++ лишь на 25%. Все остальные (за исключением ГОвна) - в разы. Как так?
let a = [1,2](function() { alert(a) })()
каким боком это работает объясните, т.е. мы пытаемся присвоить к переменной массив, а после него идёт вызов функции, ошибка пикрелейтед выскакивает
каким боком это работает объясните, т.е. мы пытаемся присвоить к переменной массив, а после него идёт вызов функции, ошибка пикрелейтед выскакивает
Ты пытаешься вызвать массив как функцию, в которую передаёшь другую функцию. Потом результат вызова первой функции еще раз пытаешься вызвать как функцию и уже её результат присваиваешь переменной.
Не знал что Go быстрее крестов.
жиды процессоры пилят под жс очевидно же
ниче не понял, [1,2] - это массив, а потом идёт iife, в каком моменте я вызываю массив как функцию?
JS это не твое. Иди читай как вызывается функция, потом еще раз перечитай и только потом задай вопрос сюда.
Почему просто не поставить ;?
>iife
Тут нет iife, ты вызываешь массив как функцию.
аааа кажись дошло, а почему жс может вообще подумать, что я вызываю массив как функцию? он не может мне написать vi dalbaeb error
Потому, что в ЖС благодаря ООП ты можешь расширить массив таким образом, что он может работать как функция.
>благодаря ООП
Хуй будешь?
>Хуй будешь?
Конечно, я же ангулярщик.
пудж кинул hook
Где почитать че это за пакеты такие? Че за npm?
документация ноды идеально объясняет всё на мой взгляд
О, нашел, спасибо. Не сразу понял где у них там что.
Есть спарсенный текст из pdf, вроде всё окей, но некоторые блоки текста имеют вид "хуйняГОВНО". Как их можно разъединить пробелом?
Хуй его знает, тут не верстальщики пдээфов сидят.
Да мб регулярка какая нужна, я не шарю в них просто.
Объясните дурачку. Есть index.js в реакте, туда я импортирую main.css из папки styles, в main.css у меня идут импорты: global.css, reset.css, variables.css. В reset.css есть обнуление margin: 0 у многих элементов. Проблема такая: в css модуле компонента Filter.module.css я элементу ставлю margin-bottom: 2rem, НО нихуя не меняется. В панели разработчика в хроме эти 2rem перечеркнуты, то есть получается переписаны, да? Насколько я понял, они переписаны обнулением в reset.css... или нет? Тоже самое я делал и с scss, но проблема не пропадала, так че за хуйня то? Пробовал reset, global и variables в один файл кидать и уже его импортить в index.js, но проблема не пропадает... Жопа дико горит из-за этих непоняток или из-за того, что я тупой...
>или нет?
Возьми да посмотри
Блять сбилди свою сбор очку и посмотри, что там у тебя в CSS высирается. Вангую ты в индексе импортируешь стили после всех остальных импортов, так что они у тебя идут последними в сборке.
Нет. Я не пропагандирую микросервисы.
мб и нужна, нам то откуда знать?
Эта хуевина от мелкософт SSR уже научилась поддерживать хотя бы для реакта? Тогда какой смысл от этих сухих циферок?
>Эта хуевина от мелкософт SSR уже научилась поддерживать хотя бы для реакта? Тогда какой смысл от этих сухих циферок?
Смысол в бекенде. SSR а от майков я вообще не помню для ЖСных либ.
Вы SSR юзерам отдаете?
>Смысол в бекенде.
Как будто на серьезных проектах используют ноду как бекенд, лол.
>Вы SSR юзерам отдаете?
Да
>Как будто на серьезных проектах используют ноду как бекенд, лол.
Справедливо.
>>Вы SSR юзерам отдаете?
>Да
Хм. А зачем? Это же, вроде бы, для ботов только, не?
>А зачем?
Строгие требования к времени FCP
Увожаемо.
Ну, теоретически, это легко вынести в отдельный кластер. Да и SSR это не дев, а инфраструктурная задача .
Кешируете резалты или не?
>Хм. А зачем? Это же, вроде бы, для ботов только, не?
Гугл тебя нахуй пошлёт с бот-онли серверным рендером.
>Кешируете резалты или не
Ну у нас этим основой бек занят в виде пыхи, нода ререндерит каждый раз с нуля по сути. да и похуй, там в пике 10% загрузка процессора
>Гугл тебя нахуй пошлёт с бот-онли серверным рендером.
Чойта? Он пошлет нахуй только если у тебя существенно контент с SSR отличается от контента с CSR
Щас проще верстальщиком устроиться или React разрабом?
На зарплату, кстати, похуй. Главное вкатиться и опыт получить, а дальше уже разберемся
хорошо вангуешь, пасиба!
Как создать шаред либу в js, чтоб использовать ее в нескольких проектах? Ее через гит заливать на проекты или нужно как то в npm засунуть?
Реакт разрабом, сейчас верстальщиков полноценных мало кто ищет, все пилиться на готовых либах.
скорее ушлые кабаны считают нахуя платить еще и верстале еще фронт и сам нахуярит он ж хтмл и кцц сам знает
>готовых либах
Каких например?
И еще пара вопросиков: откуда инфа? Ты сам работаешь вообще?
либы то может и готовые а кастомные конфиги для вебпака писать будешь сам
>Каких например?
Да блять миллион их. Ant, Quasar, тот же Bootstrap.
>ы сам работаешь вообще?
Да, я премидол реактодебил
>кастомные конфиги для вебпака писать будешь сам
Как будто ты их каждый день будешь писать.
Создавай отдельную репу под либу и подключай её гит-модулем в нужные проекты. Так ты можешь пердолить фиксы для либы, не засирая историю коммитов в этих проектах. NPM пакет это уже более поздняя стадия, когда у либы есть устаканненый воркфлоу и правила версирования.
мувисёрчер на реакте и беке на файрбейсе должен ужасно лагать? он фетчит все с тмдб апишки, больше ничего не делоет
Хаха зумерок-лукист сам страшный с тормознутой говнонодой бомбит:
Фетчай бекграунд воркером, не?
Бумерок спок.
бумерок то прав, крупняк на ноде не пишут, мелкое, среднее запросто за счет скорости разработки, доступности погромистов и более-менее нормальной работе, а на хайлоаде нода обосрется
Какой "крупняк", дедуль? У нас 2021 на дворе, микросервисы во все щели
Давай пример недостижимого хайлода на неноде.
поподробней
любая потоковая обработка видео, генерация картинок и прочий процессинг нода не сильно любит и производительность там так себе, не говоря уж о нейронках. когда тестируешь асинхронных код в8 любить чудить, а если уж кодовая база большая ну его нахуй.
Что тяжелее: киллограм ваты или килограм гвоздей?
на микросервисах не обязательно 100% один язык, а тут затирают про монолит
А разве для решения подобных проблем там не используются C++ аддоны и N-API?
Я не доебаться хочу, просто мимо проходил
Отедльный сервис, который с какой-то периодичностью будет собирать данные.
Вообще красиво - когда сторонник сервис тебе на вебхук все обновления пиздолит.
используются, но разговор то был что де нода прям ебет любую задачу аж шуба заворачивается
Есть ли смысл такой юнит тест писать ради заголовка или это слишком мелко?
Есть среди Анонов вкатунов желающие поверстать за деньги?
Да мне жс и вся хуйня проще даётся чем эти ваши цсс.
вкатун
Я хочу
Есть. Тащемта все тесты и должны быть подобного вида
Нэт. Самые бесполезные это как раз happy path тесты, потому что ломают чаще граничные случаи. А 2 + 2 = 4 никто не сломает, особенно если архитектура нормальная не хрупкая и у тебя 2 + 2 = 4 не случайно получилось и ты на этом довольный остановился, а твердо и четко 2 + 2 = 4.
Так есть ли смысл или нет в итоге?
Пчел, в подобных задачах требующих жесткого риалтайма в принципе ничего кроме С++ и хитрожопых удаленных параллельных вычислений не придумать. Никаких блять жав/хуяв/шарпов тут не засунуть
Все остальные задачи изи тянутся Нодой, которая имеет дохуя либ, легко поддерживаема и ебет по производительности львиную долю маняязыков
Ну так а вдруг какой-нибудь вкатун переделает компонент? Или потом реакт каким-то хуем обновится таким образом, что это название пропса станет зарезервированным под какое-нибудь действие внутри реакта?
>маняязыков
а че у нас самое популярное для больших проектов, спринговая жаба да сисярп, это они то маняязыки, да в них десять раз меньше дырок чем в ноде, но они дороже в разработке.
всякая эзотерика юзается в фаангах, но там они знают зачем ее используют, да редкими энтузиастами, пушто кто его потом поддерживать будет.
ты пойми василий, я не против ноды, на ней замечательно гавнякаются небольшие и средние проекты, как и на рубях, как и на пыхе, когда в хуй не уперлось разворачивать монструозные спринги с дотнетами, но если что то крупное, что потом надо будет масштабировать и поддерживать я ноду не возьму, оно потом в поддержке это латание дырок выйдет дороже, всплывут вопросы перформанса, безопасности, большой кодовой базы, сложность тестирования, оно того не стоит.
Дырка у тебя в жопе
А в ноде это фича
не баг, а фича ага
>всякая эзотерика юзается в фаангах, но там они знают зачем ее используют
если у тебя есть специалисты, то че бы не использовать, если кабаны не могут себе позволить держать редких погромистов не значит что языки плохие
Пиши то или фейк почту.
>то
тг.
Написал.
Как я вообще в этот тред запостил?
Не забудь тест на каждый геттер/сеттер написать.
Такую хуитку имеет смысл писать, если тебе нужно что-то трансформировать и собрать результат обратно в оригинальное значение. Самый очевидный пример - шифрование.
В остальных случаях просто тратишь время впустую, попутно добавляя оверхеда к разработке.
Спасибо в следующий раз так сделаю, а сейчас уже создал NPM пакет.
Вкатываюсь в ноду, поделал круды, основные концепции вроде бы более-менее понял. Сейчаc придумал идею для небольшого пет-проекта по типу интернет-магазина.
У пользователей есть три уровня доступа
1) Покупатель
2) Продавец
3) Админ
Покупатель может
Регистрироваться, менять настройки профиля, восстанавливать пароль через смски, просматривать список товаров, добавлять в закладки товары, пополнять кошелек (простенькую систему фейковых платежей думаю через еще один сервак запилить) делать покупки, переписываться в чате с продавцом
Продавец может
Офорлять заявки на поставку товаров на склад (вручную или csv), на рекламные акции и программы лояльности, отвечать покупателям в чате и блокировать им доступ к своим товарам.
Админ
Управляет заявками от продавца, может смотреть статистику по пользователям и различным категориям товаров
Что еще можно добавить к этой постановке, чтобы в процессе реализации охватить все основные особенности ноды?
У пользователей есть три уровня доступа
1) Покупатель
2) Продавец
3) Админ
Покупатель может
Регистрироваться, менять настройки профиля, восстанавливать пароль через смски, просматривать список товаров, добавлять в закладки товары, пополнять кошелек (простенькую систему фейковых платежей думаю через еще один сервак запилить) делать покупки, переписываться в чате с продавцом
Продавец может
Офорлять заявки на поставку товаров на склад (вручную или csv), на рекламные акции и программы лояльности, отвечать покупателям в чате и блокировать им доступ к своим товарам.
Админ
Управляет заявками от продавца, может смотреть статистику по пользователям и различным категориям товаров
Что еще можно добавить к этой постановке, чтобы в процессе реализации охватить все основные особенности ноды?
>Покупатель может
Дохуя смешанной логики напихано, заебёшься потом реализовывать. Это как минимум 3 уровня - Посетитель (нету прямой привязки к бд), Пользователь (привязка к бд в виде аккаунта) и Покупатель (совершил как минимум одну покупку, необязательно успешную).
>Продавец может
Если будут чаты, то тут нужна прослойка из модераторов. Продавец должен своё говно толкать Покупателям, а не чистить чаты вилкой и блокировать пользователей. Максимум он может репорт кинуть на токсичного пользователя, а там уже модер решит. А если не решит, то порешает админ.
>Админ
Типичный и швец, и жнец, и на дуде игрец. Тут нужна прослойка из какого-нибудь бизнес-анал итика, который разбирается в товарах и прочей юридической лабуде, но необязательно в технической части сайта. Поначалу конечно админ будет и анал итиком, но в определённый момент количество барыг будет расти быстрее, чем админ сможет их перебрать. Так что разделение между ковырятелем нжинкса и серверов и перебирателем макулатуры очень поможет при расширении.
И естественно вся эта система должна быть реализована на уровне скоупов, то есть одна абстрактная сущность можеть обладать неколькими ролями. Ты же пишешь на смузи-стэке, так что там будет сорт OAuth'а, который оперирует на скоупах.
Как мне создать конструктор html страниц? хочу упростить работу дизайнерам в создании страниц для электронных писем.
знаю react.js
>упростить работу
>страниц для электронных писем
Выбери одно.
в общем идея ясна, нужен конструктор страниц
WYSAWYG редактор это не хухры мухры, на всяких тильдах делают кучу сайтов и такие проекты реальное бабло зарабатывают.
Подскажите как пилить CSS анимацию для реакта? Нормальная практики использовать аттрибут key для перерендера компонента , чтобы опять проигралась анимация? Во vue.js так норм.
Ебать, гениально кстати
Я обычно делаю примерно вот так. Надо попробовать твой способ
[animationState, setAnimationState] = useState({
stage: 'animateThis' | 'animateThat' | null
})
<div
className={`${styles.animatable} ${
stageToAnimationClassName(animationState)
}`}
onClick={() => setAnimationState(something)}
/>
function stageToAnimationClassName() {
switch case huemoe return cssclassname
}
Ну и в useEffect'е по таймеру убираешь animationState.stage, ну ты понял
Сап, аноны, сейчас смотрю видео по джаваскрипту для вкатывания (https://www.youtube.com/watch?v=Bluxbh9CaQ0&t=4950s&ab_channel=%D0%92%D0%BB%D0%B0%D0%B4%D0%B8%D0%BB%D0%B5%D0%BD%D0%9C%D0%B8%D0%BD%D0%B8%D0%BD) и уже больше 2 часов просмотрено, а он ни разу еще не показал как это работает на практике, выводит все данные в консоль и поясняет за основы.
Есть ли настолько же подробные видосы, но с кучей практических примеров, чтобы сделать что-то и сразу видеть как это будет работать на странице? Мне ведь писать простой калькулятор скоро, а я умею только вот такую хуйню выводить на страницу
Есть ли настолько же подробные видосы, но с кучей практических примеров, чтобы сделать что-то и сразу видеть как это будет работать на странице? Мне ведь писать простой калькулятор скоро, а я умею только вот такую хуйню выводить на страницу
Минин очень плох с точки зрения академики.
Канал ниже тоже не академический идеал, но намного лучше имхо
Попробуй, мб зайдёт
https://youtube.com/c/itgid
учи кантора как отче наш, лучше пока ниче нет
Да знаю я, добавь таймер, убери таймер, пиздец охуеваю после vue.js Способ рабочий и в реакте и во вью, просто интересуют подводные камни вдруг в реакте хуяня какая всплывает.
Вроде один минус есть, с key компонент полностью перерисовывается, а с таймером нет. Если компонент шибко большой, то могут быть проблемы с производительностью.
>[animationState, setAnimationState] = useState({
>stage: 'animateThis' | 'animateThat' | null
>})
Блядь. Анимации (уровень презентейшена) в стейт запихивать, вы ебанулись уже со своими редаксами окончательно или мне кажется?
Мимо не реактер
Тащемта если ты вкатун (а судя по таким вопросам ты как раз он и есть), то ты нихуя не сделаешь.
>строка | строка | null
Вкатун, плиз. Для реализации отсутствия инициализации у переменной примитива нельзя использовать объекты. используй undefined или пустую строку
>Если компонент шибко большой, то могут быть проблемы с производительностью.
Реактопетухи вновь пососали у вьюгигачедов и свелте-богов. Когда это уже кончится?
>с кучей практических примеров, чтобы сделать что-то и сразу видеть как это будет работать на странице?
Зайди на codepen, там дохуя подобных шаблоньчиков и сразу потыкать можно.
Ну тащемта в этих реактах не завезли нормальной поддержки анимаций. Во вью есть, но там тоже все через бойлерплейт в виде отдельного компонента с применением жс.
А на что нужно тогда писать
Где тут бойлерплейт? Все в один компонент заворачивается, ни строчки js кода <transition name="bounce"> <p v-if="show">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris facilisis enim libero, at lacinia diam fermentum id. Pellentesque habitant morbi tristique senectus et netus.</p> </transition>
Да на vue если key поменять тоже будет принудительно перерендера, но во vue хотябы есть поддержка анимаций и этот хак можно не использовать.
Премного благодарю, анонче
>Где тут бойлерплейт?
>name="bounce"
>Где тут бойлерплейт?
А ты сиэсэс забыл приложить.
В реакте точно такой же css, к тому же есть css библиотеки анимаций. 847512
Не на что, продолжай проверять, что аргумент таки передался в функцию.
Ты обосрался, null это примитив
https://docs.google.com/document/d/1Y5N5lUI0ljszcMu-lMHCGC-0pq_Gf2k_9NiT8_bRsjE/edit# не слишком ли жесткое тестовое для джунчика? Я вот растерялся, стоит ли тратить время, анон?
аноны, как сделать так, чтобы блоки были постоянно снизу, но еслди в них добавлять контент они расли вверх и если они занимают весь экран, то прокрутка вверх прождолжалась бы, а низ блоков уходил бы вниз?
Пчел, там нет ограничений по используемым либам, поэтому изи.
Было бы ограничение - ябы сразу нахуй слал таких кабаньчиков.
Литералли гуглиться за пару секунд.
https://codesandbox.io/s/ecstatic-bassi-vlou1?file=/src/styles.css
Благодарю, я наверное не те запросы забивал, мне такое не выдает
ООО, да, охуенно, Спасибо!!!
И что такого?
Весь фронт это вообще одно большое представление
Стейт - это же СОСТОЯНИЕ нашего фронтенд-приложения
И вот мы хотим, чтобы после нажатия кнопки пару секунд она была в состоянии (СТЕЙТЕ) анимации
Новичку, Минин или Хауди?
Кантор.
/pr/
Оба. Еще курсы от инстаблогеров нужно штук 10.
Как в тайпскрипте сделать массив определенного типа определенной длины? Я только Tuple нашел, но там нужно каждый элемент описывать, а у меня они все одного типа и их много.
В рот или в жопу?
Как вам идея? В первом блоке будут добавляться счетчики и они станут появляться в третьем, он соответственно будет расти вверх по наполнению и образовывать небоскреб
ТупеСкрипт: чтобы создавать проблемы на ровном месте из ничего
ПЕРЕКАТ
ПЕРЕКАТ
ПЕРЕКАТ
ПЕРЕКАТ
ПЕРЕКАТ
Ясно, реактеры настолько обезумели, что уже не видят, где представление с моделью смешивается.
Больше пары строк кода в посте или на скриншоте ведут в ад.
Для программирования на HTML https://codesandbox.io
Для Node.js с консолькой https://repl.it/languages/nodejs
Если рассчитываешь получить дельный ответ, сформулируй правильно вопрос: «что я хочу получить, что я для этого делаю, что я вместо этого получаю». Если когда самостоятельно найдёшь решение — поделись в треде, мы за тебя переживаем.
Документация - https://developer.mozilla.org
Руководство для вката - https://github.com/acilsd/wrk-fet#javascript