Двач.hk не отвечает.
Вы видите копию треда, сохраненную 3 мая 2021 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
Вы видите копию треда, сохраненную 3 мая 2021 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
56 Кб, 1050x1050Предыдущий тред: >>1908577 (OP)
Больше пары строк кода в посте или на скриншоте ведут в ад.
Для программирования на HTML https://jsfiddle.net
Для Node.js с консолькой https://repl.it/languages/nodejs
Если рассчитываешь получить дельный ответ, сформулируй правильно вопрос: «что я хочу получить, что я для этого делаю, что я вместо этого получаю». Если когда самостоятельно найдёшь решение — поделись в треде, мы за тебя переживаем.
Руководство для вката: https://developer.mozilla.org
Больше пары строк кода в посте или на скриншоте ведут в ад.
Для программирования на HTML https://jsfiddle.net
Для Node.js с консолькой https://repl.it/languages/nodejs
Если рассчитываешь получить дельный ответ, сформулируй правильно вопрос: «что я хочу получить, что я для этого делаю, что я вместо этого получаю». Если когда самостоятельно найдёшь решение — поделись в треде, мы за тебя переживаем.
Руководство для вката: https://developer.mozilla.org
Навернул сегодня впервые Nextjs, мне сразу же сходу зашло, чому его по дефолту не используют вместо реакта? По сути то же самое плюс охуенный роутинг и поддержка css модулей ну и разумеется ssr. Какие подводные?
Коллеги! Надо писать код так?
if(!value.length) return;
do()
Или так?
if(value.length) do()
if(!value.length) return;
do()
Или так?
if(value.length) do()
>>14641
Наверни теперь ангуляр, будешь тоже самое спрашивать про первых двух.
Наверни теперь ангуляр, будешь тоже самое спрашивать про первых двух.
https://pastebin.com/jrtpsVwW
реквестирую код ревью
реквестирую код ревью
>>14664
Ничего. Это нормальное первое впечатление от любого кода, который писал не ты.
Ничего. Это нормальное первое впечатление от любого кода, который писал не ты.
Как выкачать с треда все пикчи и видео?
Получил ссылки, но как скачать их все? Через a href выкачивает только часть почему-то, не стабильно. Через iframe не получилось, не разобрался.
>var urls = [];
>var thumbs = document.getElementsByClassName('post__image');
>for (let t of thumbs) urls.push(t.getElementsByTagName('a')[0].href);
Получил ссылки, но как скачать их все? Через a href выкачивает только часть почему-то, не стабильно. Через iframe не получилось, не разобрался.
>>14641
Уже года два его использую просто всегда по дефолту вместо create-react-app, ощущения охуенные. Только пишу на styled-components вместо css modules.
Уже года два его использую просто всегда по дефолту вместо create-react-app, ощущения охуенные. Только пишу на styled-components вместо css modules.
>>14641
А чем тебе экспресс + реакт не угодил? Те же роутеры к api за 5 минут на нем прописываются. И структура контроллеров легче считывается, чем все в папку pages пихать
А чем тебе экспресс + реакт не угодил? Те же роутеры к api за 5 минут на нем прописываются. И структура контроллеров легче считывается, чем все в папку pages пихать
>>14703
Так в нексте суть в том, что клиентский роктинг сочетается с SSR, там это из коробки и оно переоптимизировано как только можно. Если самому такое делать с экспрессом, то можно с ума сойти. Не то чтобы супер сложно, но долго, муторно, запарно.
Так в нексте суть в том, что клиентский роктинг сочетается с SSR, там это из коробки и оно переоптимизировано как только можно. Если самому такое делать с экспрессом, то можно с ума сойти. Не то чтобы супер сложно, но долго, муторно, запарно.
Поясните лоху за функции в массиве зависимостей хуков. Например, useEffect, в массиве зависимостей которого есть функция, так вот этот хук чекает то, что эта функция возвращает, или что? Не понимаю.
>>14641
В том, что один хуй придётся пердолить отдельный API сервер на экспрессе. Ну и XML как язык шаблонов вырвиглазен, это впрочем ко всему реакту относится.
>>14667
Никак из клиентского жса, тут только своё расширение для браузера писать и дёргать его файловую апишечку, или запускать нодовский сервер с папитиром.
>Какие подводные?
В том, что один хуй придётся пердолить отдельный API сервер на экспрессе. Ну и XML как язык шаблонов вырвиглазен, это впрочем ко всему реакту относится.
>>14667
Никак из клиентского жса, тут только своё расширение для браузера писать и дёргать его файловую апишечку, или запускать нодовский сервер с папитиром.
>>14764
Ну так расширение тебе нужно, чтобы иметь доступ к этой системе. Хочешь сказать, что браузер по малейшему пуку стороннего скрипта даёт доступ ко всей системе?
Ну так расширение тебе нужно, чтобы иметь доступ к этой системе. Хочешь сказать, что браузер по малейшему пуку стороннего скрипта даёт доступ ко всей системе?
>>14758
Shallow compare вроде делает, но это не точно. Короче, если функция создаётся заново, то юзЭффект сработает. Поэтому иногда функции, посещаемые в зависимости, оборачивают в юзКоллбэк
Shallow compare вроде делает, но это не точно. Короче, если функция создаётся заново, то юзЭффект сработает. Поэтому иногда функции, посещаемые в зависимости, оборачивают в юзКоллбэк
>>14766
Не по маоейшему, а кае и все webapi с разрешения пользователя.
Так же как браузер теье дает дочиуп посылать увеломления, читать usb устройства, доступ к камере и микрофону, геолокации, точно так же и к файловой системе.
Никакого расширения для этого не надо.
Не по маоейшему, а кае и все webapi с разрешения пользователя.
Так же как браузер теье дает дочиуп посылать увеломления, читать usb устройства, доступ к камере и микрофону, геолокации, точно так же и к файловой системе.
Никакого расширения для этого не надо.
>>14773
Ты упустил момент, что ему надо это дело автоматизированно сделать.
>Не по маоейшему, а кае и все webapi с разрешения пользователя.
Ты упустил момент, что ему надо это дело автоматизированно сделать.
>>14760
А почему никак?
Я, кстати, это и делаю в виде расширения, но пока не было в этом принципиальной разницы.
Попробовал сейчас хромовский downloads.download, не работает без background скрипта. Ебался час-два, не понял как завести это всё вместе.
А почему никак?
Я, кстати, это и делаю в виде расширения, но пока не было в этом принципиальной разницы.
Попробовал сейчас хромовский downloads.download, не работает без background скрипта. Ебался час-два, не понял как завести это всё вместе.
>>14776
Угу, на каждый запрос скрипта/скачивание картинки. Такая-то автоматизация уровня жс-треда.
Угу, на каждый запрос скрипта/скачивание картинки. Такая-то автоматизация уровня жс-треда.
Где можно почитать про vue на оф сайте писал какой то долбаеб
>>14638 (OP)
Парни, а где вротэндеру искать подработку на вечер/выходные?
Парни, а где вротэндеру искать подработку на вечер/выходные?
>>14876
Да если бы. Спиваюсь от нолайферства.
Да если бы. Спиваюсь от нолайферства.
>>14878
Нет овертаймов на работе, просто пиздец.
Нет овертаймов на работе, просто пиздец.
>>14648
Хуйня, вторая проверка вообще никакого смысла не имеет + вложенность лишняя будет.
>>14656
Тебе уже ответили, ты просто даун
>>14661
Хуйня, аналогичная первому, вложенность охуевшая будет, если в таком говностайле кодить.
>if (value.length && value.length > 0) do();
Хуйня, вторая проверка вообще никакого смысла не имеет + вложенность лишняя будет.
>>14656
>if (value.length && typeof value === 'number' && value.length > 0) do()
Тебе уже ответили, ты просто даун
>>14661
>if (value.length) { do() }
Хуйня, аналогичная первому, вложенность охуевшая будет, если в таком говностайле кодить.
>>14895
А что Титов?
А что Титов?
>>14641
Потому что не везде нужен ssr и спрятанный конфиг вебпака с уебищными картами в деве и другими косяками о которых ты не узнаешь пока на них не наткнёшься.
Хотя если пилишь туду и лендинги, то заебись будет, да.
Потому что не везде нужен ssr и спрятанный конфиг вебпака с уебищными картами в деве и другими косяками о которых ты не узнаешь пока на них не наткнёшься.
Хотя если пилишь туду и лендинги, то заебись будет, да.
>>14893
Оптимизатор твой if () всё равно урежет до &&, потому что так короче. Не трать энергию попусту, пиши сразу &&
Оптимизатор твой if () всё равно урежет до &&, потому что так короче. Не трать энергию попусту, пиши сразу &&
>>14890
Какая нахуй вложенность, ебаклак?
Проверки по типу `!item` исключительно зависят от стайла-гайда на проекте и часто в них идёт блок обработки ошибок.
`if (item) { do() }` используются для условного исполнения функции, соответственно обработка ошибок будет идти в блоке `else {}`.
Какая нахуй вложенность, ебаклак?
Проверки по типу `!item` исключительно зависят от стайла-гайда на проекте и часто в них идёт блок обработки ошибок.
`if (item) { do() }` используются для условного исполнения функции, соответственно обработка ошибок будет идти в блоке `else {}`.
>>14896
Тащемта он прав - JSX - это XML-подобный язык разметки.
Тащемта он прав - JSX - это XML-подобный язык разметки.
>>14896
Значение JSX знаешь, пидор?
Значение JSX знаешь, пидор?
>>14923
Я бы даже дополнил, писать нужно так, чтоб на душе было приятно!
Я бы даже дополнил, писать нужно так, чтоб на душе было приятно!
Парни, как думаете, сервер-сайд компоненты в реакте - это прорыв или очередное пробитие дна? Есть ли задачи под это?
>>14923
Зачем ты такой конформист? Писать надо как будто ты творец искусства. К тому же если кроме тебя никто не понимает гениальный код, то ты уже незаменимый сотрудник, а не какой-то там винтик в системе
Зачем ты такой конформист? Писать надо как будто ты творец искусства. К тому же если кроме тебя никто не понимает гениальный код, то ты уже незаменимый сотрудник, а не какой-то там винтик в системе
>>14925
Ну, как тебе сказать, вы из "маленькая клиентская библиотека для создания компонентов" в очередной раз переизобрели жирножаботехнологии столетней давности:
http://www.javaserverfaces.org/
Ну, как тебе сказать, вы из "маленькая клиентская библиотека для создания компонентов" в очередной раз переизобрели жирножаботехнологии столетней давности:
http://www.javaserverfaces.org/
>>14938
Я уже видел такой комментарий на этой доске. Мне просто не понятен кейс использования этих компонент из коробки. Почему бы сразу в таком случае не заюзать SSR/SSG фреймворк, тот же Next или, на худой конец, допилить под cобственные нужды ReactDOMServer.renderToString. Разве что смысл может быть в плавной/частичной миграции на SSR и для точечных улучшений различных перформанс метрик.
Я уже видел такой комментарий на этой доске. Мне просто не понятен кейс использования этих компонент из коробки. Почему бы сразу в таком случае не заюзать SSR/SSG фреймворк, тот же Next или, на худой конец, допилить под cобственные нужды ReactDOMServer.renderToString. Разве что смысл может быть в плавной/частичной миграции на SSR и для точечных улучшений различных перформанс метрик.
блядь пиздец я зол. 8гб оперативы,i7,ssd, микропроект на 1000 строк кода в нескольких файлах и сука ебаная эта тормозит по секунде думает прежде чем раздуплиться от ошибки или сниппет мне подсказать... речь как вы догадались о VISUAL STUDIO CODE
куда перекатиться-то блять,какие альтернативы?
куда перекатиться-то блять,какие альтернативы?
>>14961
Казалось бы, причём здесь вскод, если тормозит встроенный тайпскрипт? Точнее не тормозит, а лениво загружается, всё как функцианальщики любят. Зато запускается почти моментально!
Казалось бы, причём здесь вскод, если тормозит встроенный тайпскрипт? Точнее не тормозит, а лениво загружается, всё как функцианальщики любят. Зато запускается почти моментально!
>>14891
Долбоеб, в оригинале при положительном length идёт выполнение кода, т. е. подразумевается, что он больше 0. Первая проверка удостоверяется что такое свойство есть, вторая то что это свойство имеет численное значение, которое больше нуля.
> вторая проверка вообще никакого смысла не имеет
Долбоеб, в оригинале при положительном length идёт выполнение кода, т. е. подразумевается, что он больше 0. Первая проверка удостоверяется что такое свойство есть, вторая то что это свойство имеет численное значение, которое больше нуля.
>>14961
Еще наверно расширений накатил новомодных, да, дурачок? Знакомый как-то умудрятся в Visual Studio (без Code, это две разные IDE) работать имея 8 гб на ноуте. Проблема явно не в IDE, а в том что ты засрал её.
>2к21
>8гб оперативы
Еще наверно расширений накатил новомодных, да, дурачок? Знакомый как-то умудрятся в Visual Studio (без Code, это две разные IDE) работать имея 8 гб на ноуте. Проблема явно не в IDE, а в том что ты засрал её.
>>15027
Тогда ты её неправильно написал, лол. По феншую это делается через 'undefined' !== (typeof value.length)
>Первая проверка удостоверяется что такое свойство есть
Тогда ты её неправильно написал, лол. По феншую это делается через 'undefined' !== (typeof value.length)
>>15040
Ясно. Вызывай мастера по ремонту компьютера.
>ряяя я нивинават ета фсё кампухтер ну и што што у вас работаит у миня ниработает я нивинават!!
Ясно. Вызывай мастера по ремонту компьютера.
>>15037
По феншую долбоебов? Будет у тебя length === null/NaN/"" и твоя проверка обосрётся
По феншую долбоебов? Будет у тебя length === null/NaN/"" и твоя проверка обосрётся
>>15046
ты че дебил блядь? ты что несешь вообще? охуеть с какими даунами сижу в одном треде
ты че дебил блядь? ты что несешь вообще? охуеть с какими даунами сижу в одном треде
>>15054
Да, я дебил, ведь посмел забыть, что в JS вкатываются одни умственно отсталые дегенераты вроде тебя.
Да, я дебил, ведь посмел забыть, что в JS вкатываются одни умственно отсталые дегенераты вроде тебя.
>>15063
нахуя ты что-то пишешь мне говно?завали свой вонючий ебальник нахуй
нахуя ты что-то пишешь мне говно?завали свой вонючий ебальник нахуй
Меня заебало мешать логику и вьюхи в компонентах, хочу их все разделить на 2:
в одном логика и иерархия своих компонентов, во втором хтмл/чужие компоненты и ивенты со всей хуйней. И из первого во второй не дриллить, а инжектить весь первый компонент как сервис.
Есть у такого подхода официальное название, может какие-нибудь тулзы полезные?
в одном логика и иерархия своих компонентов, во втором хтмл/чужие компоненты и ивенты со всей хуйней. И из первого во второй не дриллить, а инжектить весь первый компонент как сервис.
Есть у такого подхода официальное название, может какие-нибудь тулзы полезные?
>>15180
Кончай велосы изобретать, юзай MVVM со склейкой через тупые контейнеры. Либо MVI.
Кончай велосы изобретать, юзай MVVM со склейкой через тупые контейнеры. Либо MVI.
Что анон думает про ext js? У кого-нибудь есть опыт работы с ним?
Просто фрейм супер непопулярный, судя по всему. А я пару месяцев уже наблюдаю ряд вакух, куда нужен экст. Думаю, кое-как может выучить что-нибудь, лишь бы что, и пробовать на собес идти. Если это действительно супер непопулярная тема, то и конкуренция должна быть маленькая. Ну уж точно меньше, чем на реактодебила.
Просто фрейм супер непопулярный, судя по всему. А я пару месяцев уже наблюдаю ряд вакух, куда нужен экст. Думаю, кое-как может выучить что-нибудь, лишь бы что, и пробовать на собес идти. Если это действительно супер непопулярная тема, то и конкуренция должна быть маленькая. Ну уж точно меньше, чем на реактодебила.
>>15180
Переходи на Angular, у него как раз такой подход.
Переходи на Angular, у него как раз такой подход.
Есть ли какая-то разница между дефолт экспоротом и именнованным? Если у меня экспорт в реакт компоненте всего один к примеру нет вообще никакого смысла экспортить через export const ComponentName?
>>15229
Есть. Вообще предпочитай именованные экспорты над дефолтными.
Есть. Вообще предпочитай именованные экспорты над дефолтными.
А правда что ща дико перспективно вкатываться в разработку HTML5 игрушек?
Есть тут аноны, которые вкатывались не через чтение Кантора, а через основы JS по ютубу и потом сразу переходили к изучению React/Angular/Vue?
А то читаю Кантора и как-то это оторвано от жизни. Хочется поскорее что-то свое запилить, а не изучать теорию месяцами. Теорию хочу подтянуть уже перед собесами, а сейчас собираюсь работать над проектами.
А то читаю Кантора и как-то это оторвано от жизни. Хочется поскорее что-то свое запилить, а не изучать теорию месяцами. Теорию хочу подтянуть уже перед собесами, а сейчас собираюсь работать над проектами.
>>15279
Прочитал кантора и мдн но поверхностно для общего понимания самой механики, дальше начал смотреть петриченко и буру но делал по своему не как они обьясняли а как сам мог, где то костылил где то пытался переписать все на функции, главное понять саму идею
Прочитал кантора и мдн но поверхностно для общего понимания самой механики, дальше начал смотреть петриченко и буру но делал по своему не как они обьясняли а как сам мог, где то костылил где то пытался переписать все на функции, главное понять саму идею
>>15234
А что не так?
А что не так?
678x371Этить, эсли бы вы знали как долго я трахаюсь с этим дерьмом. Уже поспрашивал на нескольких форумах, но в итоге посасываю. Хочу сделать так, чтобы в общем диве можно было хранить большое количество внутренних дивов, а показывало только 3. Дальше хочу, чтобы кнопка справа передвигала див, то есть при нажатии должно показывать див номер 2, 3, 4 и так далее. Я бы хотел сделать всё сам, но я даже не знаю с чего начать.
3 Кб, 249x72Что происходит, когда я пытаюсь проитерировать массив без свойств например чере фор ин цикл? Как можно отследить пошагово выполнение этого кода например?
>>15304
На твоем пике нет массивов.
На твоем пике нет массивов.
>>15037
Вы оба долбоебы, потому что оба вызвали геттер, для проверки наличия свойства.
Вы оба долбоебы, потому что оба вызвали геттер, для проверки наличия свойства.
>>14778
Ты тупой? Один раз для всего жомена запршивается.
Ты тупой? Один раз для всего жомена запршивается.
>>1913850 →
Знаешь как я узнал, что дискорд написан на жс?)
Ахуел от того что он подгружается по 40 секунд когда все другие программы в основном занимают не более 10-15 секунд чтобы подгрузиться и пошел проверять на чем написан дискорд... Был вообще нихуя не удивлен
Знаешь как я узнал, что дискорд написан на жс?)
Ахуел от того что он подгружается по 40 секунд когда все другие программы в основном занимают не более 10-15 секунд чтобы подгрузиться и пошел проверять на чем написан дискорд... Был вообще нихуя не удивлен
>>15304
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...in
Если этой информации не хватит, то внизу есть ссылка на спецификацию, которая полностью ответит на вопрос "Что происходит"
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...in
Если этой информации не хватит, то внизу есть ссылка на спецификацию, которая полностью ответит на вопрос "Что происходит"
>>1913845 →
Electron
Electron
>>15319
на ссд быстро грузится
на ссд быстро грузится
>>15304
Поставить точку останова перед выполненением.
Поставить точку останова перед выполненением.
>>15279
Ну да, в Канторе жс, мейн язык вротенда, в отрыве от html/css описывают, а потом на главах с домом хуярят лютые костыли, а ты сиди и тупи. Он максимум как справочник каких-нибудь мокрых писечек годится, в мдн всё лучше разложено и разжёванно. И на мдн как можно быстрее приучают работать со значениями в доме, а не хуярить сайд-эффекты через консолечку и промпт.
Ну да, в Канторе жс, мейн язык вротенда, в отрыве от html/css описывают, а потом на главах с домом хуярят лютые костыли, а ты сиди и тупи. Он максимум как справочник каких-нибудь мокрых писечек годится, в мдн всё лучше разложено и разжёванно. И на мдн как можно быстрее приучают работать со значениями в доме, а не хуярить сайд-эффекты через консолечку и промпт.
>>15319
Что тогда дебильные вопросы задаёшь, если знаешь на чём написан?
>Знаешь как я узнал, что дискорд написан на жс?)
Что тогда дебильные вопросы задаёшь, если знаешь на чём написан?
Если у меня в реакте в форме 10 полей ввода. Как мне быть? Для каждого отдельный стейт создавать?
>>15426
Я имею ввиду "ван соурс оф трус" и все такое. Как быть с классовым компонентом, где стейт это объект, мне понятно.
Так блять, подождите. Стейт можно сделать объектом и по ключам менять нужное значение. Это норм будет?
Я имею ввиду "ван соурс оф трус" и все такое. Как быть с классовым компонентом, где стейт это объект, мне понятно.
Так блять, подождите. Стейт можно сделать объектом и по ключам менять нужное значение. Это норм будет?
![D15nDdIXQAARONJ[1].jpg](https://2ch.hk//pr/src/1914638/16110732505280.jpg)
>>15288
Вообще всяких слайдеров в интернете масса...
Сделать overflow hidden, float left и двигать в минус крайний левый див?
Хотя вообще это выглядит как какое-то припизданутое решение из нулевых, лучше просто в три фиксированных области разные данные выводить. Или подсмотри на произвольном чужом сайте.
Вообще всяких слайдеров в интернете масса...
Сделать overflow hidden, float left и двигать в минус крайний левый див?
Хотя вообще это выглядит как какое-то припизданутое решение из нулевых, лучше просто в три фиксированных области разные данные выводить. Или подсмотри на произвольном чужом сайте.
>>15454
Есть стейт как объект:
{hui: "", pizda: "", zaloopa: ""}
И есть setState. Я чета нихуя не соображу, как мне сделать, чтобы сетСтейт обновлял только одно значение, чтобы остальные не терлись.
Есть стейт как объект:
{hui: "", pizda: "", zaloopa: ""}
И есть setState. Я чета нихуя не соображу, как мне сделать, чтобы сетСтейт обновлял только одно значение, чтобы остальные не терлись.
>>15538
да я разбирал пример и загнался на одном моменте, там в рекурсии последний шаг это перебор такой пустой коллекции получается
да я разбирал пример и загнался на одном моменте, там в рекурсии последний шаг это перебор такой пустой коллекции получается
>>15542
Проиграл. Наверно самый смешной и нелепый высер со стороны вкатуна, который я когда-либо видел в этом итт треде.
Проиграл. Наверно самый смешной и нелепый высер со стороны вкатуна, который я когда-либо видел в этом итт треде.
>>15566
Аааа, блять, я забыл про эту хуйню. Просто пользовался ей 1 раз, когда прочитал и все.
Аааа, блять, я забыл про эту хуйню. Просто пользовался ей 1 раз, когда прочитал и все.
>>15234
Что? Речь о реакте если что, ты о чем?
>Можешь сразу пройти нахуй с таким обьявлением функций.
Что? Речь о реакте если что, ты о чем?
>>15595
Нахуя? Мне кажется это ресурсозатратно. В любом случае, я уже вспомнил про ...prevState и все такое.
Нахуя? Мне кажется это ресурсозатратно. В любом случае, я уже вспомнил про ...prevState и все такое.
Блять, а какого члена мне реакт ругается на Event.preventDefault()
Говорит, что это не функция.
Говорит, что это не функция.
И последний вопрос на сегодня:
А можно как-то без лишней ебли вернутся к initial state? Например, мне надо, чтобы при отправке формы поля очищались. Только делать отдельную константу initialState и в handleSubmit засовывать setState(initialState)? Мне кажется можно как-то проще.
А можно как-то без лишней ебли вернутся к initial state? Например, мне надо, чтобы при отправке формы поля очищались. Только делать отдельную константу initialState и в handleSubmit засовывать setState(initialState)? Мне кажется можно как-то проще.
>>15642
Это хорошо, что ты перепроверил.
А по делу
так точно.
>Наебать меня решил?
Это хорошо, что ты перепроверил.
А по делу
> setState(initialState)
так точно.
>>15644
То есть только так, да? Бля, ну лан.
А можешь еще пояснить вот что:
Вот есть пакет react-form. Там написано, что эта хуйня сделана специально под хуки, мемоизирована, чтобы при ререндерах не лагало и т.д. Насколько правильно, что я просто дефолтную форму сделал, вместо этой йоба-хуйни из пакета?
То есть только так, да? Бля, ну лан.
А можешь еще пояснить вот что:
Вот есть пакет react-form. Там написано, что эта хуйня сделана специально под хуки, мемоизирована, чтобы при ререндерах не лагало и т.д. Насколько правильно, что я просто дефолтную форму сделал, вместо этой йоба-хуйни из пакета?
>>15426
>>15454
Забей хуй на реактостейт, вешаешь на форму onSubmit, внутри этой формы присваиваешь переменной значение `event.target`, то бишь саму форму. У этой переменной есть свойство `elements`, что есть массив из полей, каждое из которых можно вызывать по айди или имени с помощью `elements[x]`. Выковыриваешь из каждого поля `value`, прогоняешь через рилейтед валидации и в зависимости от исхода или выплёвываешь массив ошибок, который скармливаешь в отдельный компонент со своим состоянием, или собираешь поля в объект и отправляешь его каким нужно способом для эндпоинта.
Это конечно подразумевая, что каштомные компоненты под вопросом хотя бы позаботились о хранении вводных значений в инпутах. Если там дичь в виде хранения строк в дивах, то придётся прокидывать колбэки, чтобы собирать их значения.
>>15567
Вот только спред не одно значение изменит, а полностью перепишет состояние с изменённым одним значением. То есть в любом случае ререндер всей формы будет.
>>15454
Забей хуй на реактостейт, вешаешь на форму onSubmit, внутри этой формы присваиваешь переменной значение `event.target`, то бишь саму форму. У этой переменной есть свойство `elements`, что есть массив из полей, каждое из которых можно вызывать по айди или имени с помощью `elements[x]`. Выковыриваешь из каждого поля `value`, прогоняешь через рилейтед валидации и в зависимости от исхода или выплёвываешь массив ошибок, который скармливаешь в отдельный компонент со своим состоянием, или собираешь поля в объект и отправляешь его каким нужно способом для эндпоинта.
Это конечно подразумевая, что каштомные компоненты под вопросом хотя бы позаботились о хранении вводных значений в инпутах. Если там дичь в виде хранения строк в дивах, то придётся прокидывать колбэки, чтобы собирать их значения.
>>15567
Вот только спред не одно значение изменит, а полностью перепишет состояние с изменённым одним значением. То есть в любом случае ререндер всей формы будет.
>>15656
Кстати про валидации. Мне все "руками" валидировать? Или есть какой-то пакет или встроенные валидации? Вот мне надо почту валидировать, чтобы была именно почта, и чтобы от яндекса или гугла. То есть мне придется парсить строку на предмет наличия "@" и "yandex"\"google" или есть какой-то более короткий путь? А если ссылка? И я хочу чтобы обязательно была HTTPS. Опять строку парсить? А если мне надо, чтобы в строке не было слова peedoras?
А как мне ошибку пробросить В компонент? Как проп?
Ну у меня все хранится в стейте, с которым "синхронизируется" value инпута. Это норм или нет? Есть какой-то еще способ?
Это понятно. Есть способ оптимизировать эту хуйню?
> прогоняешь через рилейтед валидации и в зависимости от исхода или выплёвываешь массив ошибок
Кстати про валидации. Мне все "руками" валидировать? Или есть какой-то пакет или встроенные валидации? Вот мне надо почту валидировать, чтобы была именно почта, и чтобы от яндекса или гугла. То есть мне придется парсить строку на предмет наличия "@" и "yandex"\"google" или есть какой-то более короткий путь? А если ссылка? И я хочу чтобы обязательно была HTTPS. Опять строку парсить? А если мне надо, чтобы в строке не было слова peedoras?
>который скармливаешь в отдельный компонент со своим состоянием
А как мне ошибку пробросить В компонент? Как проп?
>позаботились о хранении вводных значений в инпутах
Ну у меня все хранится в стейте, с которым "синхронизируется" value инпута. Это норм или нет? Есть какой-то еще способ?
>То есть в любом случае ререндер всей формы будет.
Это понятно. Есть способ оптимизировать эту хуйню?
>>15616
Мемесный зумерок, ты?
Мемесный зумерок, ты?
>>15696
Тебе смешно, а у 90% и правда ФП === стрелочные функции
Тебе смешно, а у 90% и правда ФП === стрелочные функции
В ангуляре нахуячил валидаторов для своей формы, только вот они нихрена не работают. Сама форма работает и реактивно откликается на мои действия, но валидаторов как будто и нет. Че за хрень? Они разве не должны реактивно проверяться в тот момент, когда я заполню input? Или они проверяются только в момент когда я делаю submit для формы? (как его правильно сделать-то?)
>>15716
Есть обычные поле input type="number", там валидаторы которые должны проверить что максимальное значение поля 100 а минимальное - 0. Но по факту нихрена не проверяется, я ввожу любое рандомное число, пусть 1000 например и на бэк данные приходят именно в таком виде
Сабмичу данные я просто нажатием на кнопку, к которой привязал хендлер который собирает данные из формы и отправляет post-запрос на серв
Есть обычные поле input type="number", там валидаторы которые должны проверить что максимальное значение поля 100 а минимальное - 0. Но по факту нихрена не проверяется, я ввожу любое рандомное число, пусть 1000 например и на бэк данные приходят именно в таком виде
Сабмичу данные я просто нажатием на кнопку, к которой привязал хендлер который собирает данные из формы и отправляет post-запрос на серв
>>15618
Пиздец не в том, что ты расеяный или что-то кдуа-то забыл передать. А втом, что при возникновении ошибки, или вопроса почему не работает - ты блядь не анализируешь проблемы, варианты почему это могло случиться, и не перепроверяешь, все ли ты сделал для того, чтобы этого не случилось. Вместо того, чтобы ПОДУМАТЬ, ты идешь в тред на дваче блядь.
Ты не рассеяный. Ты тупой.
Пиздец не в том, что ты расеяный или что-то кдуа-то забыл передать. А втом, что при возникновении ошибки, или вопроса почему не работает - ты блядь не анализируешь проблемы, варианты почему это могло случиться, и не перепроверяешь, все ли ты сделал для того, чтобы этого не случилось. Вместо того, чтобы ПОДУМАТЬ, ты идешь в тред на дваче блядь.
Ты не рассеяный. Ты тупой.
>>15721
Проверяешь то как, дурик? Проверка это не ввод числа, ввод числа это уже тестирование, проверка это:
Считываешь эти значения и в зависимости от них делаешь действия. Либо сразу назначаешь функции-валидаторы, которые сами всё нужное сделают.
Проверяешь то как, дурик? Проверка это не ввод числа, ввод числа это уже тестирование, проверка это:
>formGroup.get('здесь имя формы').hasError('здесь название ошибки')
>.get('здесь имя формы').errors?.required
Считываешь эти значения и в зависимости от них делаешь действия. Либо сразу назначаешь функции-валидаторы, которые сами всё нужное сделают.
>>15728
Бля, ты рили думаешь, что я так всегда делаю? У меня просто уже утро, я хуево соображаю и хочу быстрее доделать, чтобы завтра начать уже что-нибудь другое.
Бля, ты рили думаешь, что я так всегда делаю? У меня просто уже утро, я хуево соображаю и хочу быстрее доделать, чтобы завтра начать уже что-нибудь другое.
>>15665
По-хорошему набор правил должен быть создан на уровне модели, чтобы расхождений между валидацией сервером и клиентом не было. А с модели должен распространятся до клиента или буквально при запросе, или модулем при сборке.
Ну или придётся спрашивать у бэкендера.
Нету именно по причинам, которые ты назвал ниже - правила очень разнятся между проектами и формами, на каждые хотелки заебёшься полное решение искать.
Хотя есть конечно общие параметры, типа `minlength` и `maxlength`, которые должны быть у ВСЕХ строковых данных, чтобы всякие шутники не пихали Войну и Мир в одно поле, перегружая запрос.
Это всё решается регулярными выражениями, вон даже в спеке есть всё это дело:
https://www.w3.org/TR/html52/sec-forms.html#email-state-typeemail
Так что тебе всего-лишь надо добавить к этому примеру свои условия.
Ошибка - это объект, так что прокидываешь так же, как любые другие объекты в другие компоненты.
Не хранить состояние инпутов в форме. Тем более сам говоришь, что инпуты идут отдельными компонентами, так что у них есть свои состояния. Ссуть формы же состоит в том, чтобы при нажатии на кнопку "отправить", собрать значения полей, валидировать и отправить их на сервер, если валидация прошла успешно. Ни в какой из этих стадий значения полей не меняются, соответсвенно и общее состояние не нужно.
>Мне все "руками" валидировать?
По-хорошему набор правил должен быть создан на уровне модели, чтобы расхождений между валидацией сервером и клиентом не было. А с модели должен распространятся до клиента или буквально при запросе, или модулем при сборке.
Ну или придётся спрашивать у бэкендера.
>Или есть какой-то пакет или встроенные валидации?
Нету именно по причинам, которые ты назвал ниже - правила очень разнятся между проектами и формами, на каждые хотелки заебёшься полное решение искать.
Хотя есть конечно общие параметры, типа `minlength` и `maxlength`, которые должны быть у ВСЕХ строковых данных, чтобы всякие шутники не пихали Войну и Мир в одно поле, перегружая запрос.
>Вот мне надо почту валидировать, чтобы была именно почта, и чтобы от яндекса или гугла. То есть мне придется парсить строку на предмет наличия "@" и "yandex"\"google" или есть какой-то более короткий путь? А если ссылка? И я хочу чтобы обязательно была HTTPS. Опять строку парсить? А если мне надо, чтобы в строке не было слова peedoras?
Это всё решается регулярными выражениями, вон даже в спеке есть всё это дело:
https://www.w3.org/TR/html52/sec-forms.html#email-state-typeemail
>The following JavaScript- and Perl-compatible regular expression is an implementation of the above definition.
>/^[a-zA-Z0-9.!#$%&'+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)$/
Так что тебе всего-лишь надо добавить к этому примеру свои условия.
>А как мне ошибку пробросить В компонент? Как проп?
Ошибка - это объект, так что прокидываешь так же, как любые другие объекты в другие компоненты.
>Ну у меня все хранится в стейте, с которым "синхронизируется" value инпута. Это норм или нет? Есть какой-то еще способ?
Не хранить состояние инпутов в форме. Тем более сам говоришь, что инпуты идут отдельными компонентами, так что у них есть свои состояния. Ссуть формы же состоит в том, чтобы при нажатии на кнопку "отправить", собрать значения полей, валидировать и отправить их на сервер, если валидация прошла успешно. Ни в какой из этих стадий значения полей не меняются, соответсвенно и общее состояние не нужно.
>>15665
По-хорошему набор правил должен быть создан на уровне модели, чтобы расхождений между валидацией сервером и клиентом не было. А с модели должен распространятся до клиента или буквально при запросе, или модулем при сборке.
Ну или придётся спрашивать у бэкендера.
Нету именно по причинам, которые ты назвал ниже - правила очень разнятся между проектами и формами, на каждые хотелки заебёшься полное решение искать.
Хотя есть конечно общие параметры, типа `minlength` и `maxlength`, которые должны быть у ВСЕХ строковых данных, чтобы всякие шутники не пихали Войну и Мир в одно поле, перегружая запрос.
Это всё решается регулярными выражениями, вон даже в спеке есть всё это дело:
https://www.w3.org/TR/html52/sec-forms.html#email-state-typeemail
Так что тебе всего-лишь надо добавить к этому примеру свои условия.
Ошибка - это объект, так что прокидываешь так же, как любые другие объекты в другие компоненты.
Не хранить состояние инпутов в форме. Тем более сам говоришь, что инпуты идут отдельными компонентами, так что у них есть свои состояния. Ссуть формы же состоит в том, чтобы при нажатии на кнопку "отправить", собрать значения полей, валидировать и отправить их на сервер, если валидация прошла успешно. Ни в какой из этих стадий значения полей не меняются, соответсвенно и общее состояние не нужно.
>Мне все "руками" валидировать?
По-хорошему набор правил должен быть создан на уровне модели, чтобы расхождений между валидацией сервером и клиентом не было. А с модели должен распространятся до клиента или буквально при запросе, или модулем при сборке.
Ну или придётся спрашивать у бэкендера.
>Или есть какой-то пакет или встроенные валидации?
Нету именно по причинам, которые ты назвал ниже - правила очень разнятся между проектами и формами, на каждые хотелки заебёшься полное решение искать.
Хотя есть конечно общие параметры, типа `minlength` и `maxlength`, которые должны быть у ВСЕХ строковых данных, чтобы всякие шутники не пихали Войну и Мир в одно поле, перегружая запрос.
>Вот мне надо почту валидировать, чтобы была именно почта, и чтобы от яндекса или гугла. То есть мне придется парсить строку на предмет наличия "@" и "yandex"\"google" или есть какой-то более короткий путь? А если ссылка? И я хочу чтобы обязательно была HTTPS. Опять строку парсить? А если мне надо, чтобы в строке не было слова peedoras?
Это всё решается регулярными выражениями, вон даже в спеке есть всё это дело:
https://www.w3.org/TR/html52/sec-forms.html#email-state-typeemail
>The following JavaScript- and Perl-compatible regular expression is an implementation of the above definition.
>/^[a-zA-Z0-9.!#$%&'+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)$/
Так что тебе всего-лишь надо добавить к этому примеру свои условия.
>А как мне ошибку пробросить В компонент? Как проп?
Ошибка - это объект, так что прокидываешь так же, как любые другие объекты в другие компоненты.
>Ну у меня все хранится в стейте, с которым "синхронизируется" value инпута. Это норм или нет? Есть какой-то еще способ?
Не хранить состояние инпутов в форме. Тем более сам говоришь, что инпуты идут отдельными компонентами, так что у них есть свои состояния. Ссуть формы же состоит в том, чтобы при нажатии на кнопку "отправить", собрать значения полей, валидировать и отправить их на сервер, если валидация прошла успешно. Ни в какой из этих стадий значения полей не меняются, соответсвенно и общее состояние не нужно.
Аноны, я только вкатываюсь и мне по не связанным с JS причинам нужно прокачать по максимуму свой английский, причем за пару месяцев. Посоветуйте какие-то годные англоязычные подкасты про JS, React и Node.js.
Нашел вот такое, но там пока всего 33 выпуска, нужно моар:
https://www.smashingmagazine.com/category/smashing-podcast
Нашел вот такое, но там пока всего 33 выпуска, нужно моар:
https://www.smashingmagazine.com/category/smashing-podcast
10 Кб, 672x121Хочу написать скрипт для скачивания контента из треда (фото/видео). Ссылки получил, как их теперь легко скачать? Через <a href> качает только часть. Интересно даже узнать почему так? Попробовал через chrome расширение, но не разобрался как заставить работать backgroud page, без которой не работает chrome.downloads.
Выше аноны между собой начали сраться, не дав совета даже.
Выше аноны между собой начали сраться, не дав совета даже.
>>15791
Я тебе дал совет - запустить свой сервер. Прочти какой-нибудь гайд по ноде, где расписывают как фетчить файлы и записывать их в файловую систему, и пердоль свой кравлер.
На клиентской стороне заебёшься дрочиться с корсами и доступом к файловой системе, что впрочем ты уже и испытал. А насчёт нескачиваемости отдельных файлов, смею предположить, что ты не прогонял хрефы через конструктор URL(), и соответственно некоторые ссылки были без домена. Хуй знает, что там макакен намудрил у себя в заднем конце.
А вообще ты хуйней страдаешь, есть апишечка https://2ch.hk/api/index.html, (
М) по ней запрашиваешь джейсон и по нему шуршишь на предмет ссылок, без всякого пердолинга с домом.
Я тебе дал совет - запустить свой сервер. Прочти какой-нибудь гайд по ноде, где расписывают как фетчить файлы и записывать их в файловую систему, и пердоль свой кравлер.
На клиентской стороне заебёшься дрочиться с корсами и доступом к файловой системе, что впрочем ты уже и испытал. А насчёт нескачиваемости отдельных файлов, смею предположить, что ты не прогонял хрефы через конструктор URL(), и соответственно некоторые ссылки были без домена. Хуй знает, что там макакен намудрил у себя в заднем конце.
А вообще ты хуйней страдаешь, есть апишечка https://2ch.hk/api/index.html, (
М) по ней запрашиваешь джейсон и по нему шуршишь на предмет ссылок, без всякого пердолинга с домом.
11 Кб, 667x133>>15802
Как? ПОДНИМАТЬ СЕРВЕР, чтобы скачивать пикчи? Что, блядь, за советы радикальные. Я-то в js залетный, но он без ебли работает, а ещё эту вебопарашу ставить зачем?
Код с пикчи качает пару файлов,как я понял, потому что хром не позволяет качаться сразу большому количеству файлов. Почему-то setTimeout не заработал и не факт, что он решил бы проблему.
Как? ПОДНИМАТЬ СЕРВЕР, чтобы скачивать пикчи? Что, блядь, за советы радикальные. Я-то в js залетный, но он без ебли работает, а ещё эту вебопарашу ставить зачем?
Код с пикчи качает пару файлов,как я понял, потому что хром не позволяет качаться сразу большому количеству файлов. Почему-то setTimeout не заработал и не факт, что он решил бы проблему.
>>15813
Ты кто по масти будешь?
Ты кто по масти будешь?
>>15813
Загрузи картинки в память @ сделай zip @ скачай zip
Загрузи картинки в память @ сделай zip @ скачай zip
У нас на проекте юзает жкьюри и реакт. Нет не вместе конечно, в одном сервисе юзается реакт а в другом жкьюри (потому что это легаси-кусок написанный первоначально еще в 2014)
Каждый раз когда надо дорабатывать функционал на жкьюри я упираюсь и стараюсь сделать на ванильном жс, но старшие разрабы все равно давят утверждая что "должен быть единый code style". В этой битве мне не победить?
Каждый раз когда надо дорабатывать функционал на жкьюри я упираюсь и стараюсь сделать на ванильном жс, но старшие разрабы все равно давят утверждая что "должен быть единый code style". В этой битве мне не победить?
>>15861
Скажи, что нативный код быстрее и лучше типизирован.
Заодно скинь им http://youmightnotneedjquery.com и посрись на тему, какие куски можно переписывать на нативщину.
Скажи, что нативный код быстрее и лучше типизирован.
Заодно скинь им http://youmightnotneedjquery.com и посрись на тему, какие куски можно переписывать на нативщину.
>>15861
Потому что ты творишь дичь.
Возьми и перепиши ВЕСЬ легаси проект на ванилу (или на что-то еще) и потом уже пиши на том, на что перепишешь.
А если ты вносишь своей ахуительно правильное мнение, хотя на выходе делаешь неподдерживаемое говно где один кусок написан так, а другой иначе, то долбоеб тут ты.
Потому что ты творишь дичь.
Возьми и перепиши ВЕСЬ легаси проект на ванилу (или на что-то еще) и потом уже пиши на том, на что перепишешь.
А если ты вносишь своей ахуительно правильное мнение, хотя на выходе делаешь неподдерживаемое говно где один кусок написан так, а другой иначе, то долбоеб тут ты.
>>15868
Кек, а ниче что все примеры с жкьюри максимально короче и проще читаются? Или моднявым зумеркам главное назло маме уши отморозить?
>youmightnotneedjquery.com
Кек, а ниче что все примеры с жкьюри максимально короче и проще читаются? Или моднявым зумеркам главное назло маме уши отморозить?
>>15219
Всратый и вырвиглазный. Я на нём на бекенде в ноде делал шаблонизацию емейлов. Есть альтернативы pug, mustache, handlebars, ещё что-то было, но я их всех не пробовал. В следующий раз письма на беке вообще через JSX буду делать, вот это охуенная тема
Всратый и вырвиглазный. Я на нём на бекенде в ноде делал шаблонизацию емейлов. Есть альтернативы pug, mustache, handlebars, ещё что-то было, но я их всех не пробовал. В следующий раз письма на беке вообще через JSX буду делать, вот это охуенная тема
>>15861
Потом придёт зумер и начнёт вставлять что-то на нативном JS, только уже какой-нибудь новой редакции, когда высеры из youmightnotneedjquery.com устареют. В итоге вы получите вонючий говнокод, который читается только при условии, что ты знаешь JQuery и JS разных редакций.
Потом придёт зумер и начнёт вставлять что-то на нативном JS, только уже какой-нибудь новой редакции, когда высеры из youmightnotneedjquery.com устареют. В итоге вы получите вонючий говнокод, который читается только при условии, что ты знаешь JQuery и JS разных редакций.
>>15861
Как бы ты отнеся к тому, что в проекте, который у вас написан на реакте, кто-то вносил бы новый функционал отдельных кусков на ваниле? Понравилось бы потом поддерживать такое?
Как бы ты отнеся к тому, что в проекте, который у вас написан на реакте, кто-то вносил бы новый функционал отдельных кусков на ваниле? Понравилось бы потом поддерживать такое?
>>15882
Реакт и ванилла в принципе построены на разных парадигмах компоненты, реактивность ебана рот. А жкьюри и ванилла работают в одной плоскости
Реакт и ванилла в принципе построены на разных парадигмах компоненты, реактивность ебана рот. А жкьюри и ванилла работают в одной плоскости
Где почитать про адаптивку для мобилок? Пиздец какой-то, у меня ширина экрана 2к пикселей, при этом отображает сайт так, как будто у меня по ширине максимум 800-900 пикселей, пиздос еще с этими пикселями ебаться
>>15877
Ты забыл, что к этому "максимально короче" прилагается либа в 100кб минимум, которая ещё и не сплитится. И это не включая всякие плагины.
Это сомнительно. Читается оно проще только пердедам, которые даже свою маму на жиквери писали. Для остальных же вызов абсолютно разных функций через `$()` вызовёт лёгкое недоумение в лучшем случае. И на доку определённого вызова ты хуй наткнёшься и написана там будет вода, когда какой-нибудь `querySelector()` и легче ищется и дока подробная по нему выскочит.
>с жкьюри максимально короче
Ты забыл, что к этому "максимально короче" прилагается либа в 100кб минимум, которая ещё и не сплитится. И это не включая всякие плагины.
>проще читаются
Это сомнительно. Читается оно проще только пердедам, которые даже свою маму на жиквери писали. Для остальных же вызов абсолютно разных функций через `$()` вызовёт лёгкое недоумение в лучшем случае. И на доку определённого вызова ты хуй наткнёшься и написана там будет вода, когда какой-нибудь `querySelector()` и легче ищется и дока подробная по нему выскочит.
>>15879
Необучаемый синьор порвался, ясно.
Необучаемый синьор порвался, ясно.
>>15895
Где ты в реакте реактивность нашел, ребенок?
Где ты в реакте реактивность нашел, ребенок?
1,6 Мб, webm,1920x1080, 0:18
>>15851
Спасибо, но нет, тот же результат - качает почему-то выборочно малую часть.
>>15855
Предположу, что то же самое или нет?
Для теста вот тред, где много приложенных файлов https://2ch.hk/b/res/238145801.html (М)
Спасибо, но нет, тот же результат - качает почему-то выборочно малую часть.
>>15855
Предположу, что то же самое или нет?
Для теста вот тред, где много приложенных файлов https://2ch.hk/b/res/238145801.html (
М)>>15920
Хромог соснул
Хромог соснул
>>15935
Теперь сходи посмотри размер минифицированной production версии, и беги подтираться, пиздабол.
Теперь сходи посмотри размер минифицированной production версии, и беги подтираться, пиздабол.
>>15948
Жрёт, поэтому выбор за тем чтобы сжимать или не сжимать зависит от того что для тебя важнее. Именно поэтому я кинул скрин размера не сжатого, но минифицированного файла, так как сжатие может как улучшить, так и ухудшить производительность, а вот минификация влияет только на читаемость исходного кода файла.
Жрёт, поэтому выбор за тем чтобы сжимать или не сжимать зависит от того что для тебя важнее. Именно поэтому я кинул скрин размера не сжатого, но минифицированного файла, так как сжатие может как улучшить, так и ухудшить производительность, а вот минификация влияет только на читаемость исходного кода файла.
>>15947
Если включишь only type-based completion, то вообще не будет тормозить.
>WebStrorm еще больше тормозит.
Если включишь only type-based completion, то вообще не будет тормозить.
3,2 Мб, 1920x1080>пайп из редьюсеров, мапов и фильтров занимает 1.2мс
>весь рут редьюсер с огромным количеством вычислений, создающихся массивов и объектов обсчитывается за 7мс
>GC занимает 5 мс
>реактоговно рендерит HTML 200 мс
>рряяяя фп медленное, рамда оверхед делает, ФП НИНУЖНО
Обожаю местных шизиков которые думают что в современных приложениях нужно считать байты, когда основная производительность и скорость зависит от UI. Это как шизики говорят что Руби/Питон медленные, когда 90% от запроса занимает доступ к базе данных что на Руби, что на Расте.
мимо JS-FP боярин
>>15958
А допустимый фрейм 16мс для 60 фпс, и всэти 16мс ты должен уложить все вычисления и пендеринг, то есть фактически на каждый фреймкалк у тебя 8мс, вот и считай.
А допустимый фрейм 16мс для 60 фпс, и всэти 16мс ты должен уложить все вычисления и пендеринг, то есть фактически на каждый фреймкалк у тебя 8мс, вот и считай.
>>15958
Почему фп-шизы такие шизы? Тут реакт не при чём, проблема в самом DOM.
>реактоговно рендерит HTML 200 мс
Почему фп-шизы такие шизы? Тут реакт не при чём, проблема в самом DOM.
>>15958
Ну во первых асинхронный редьюсер имеет свойство нагревается как андроид студио из-за чего cms будет быстрее реакта.
Ну во первых асинхронный редьюсер имеет свойство нагревается как андроид студио из-за чего cms будет быстрее реакта.
>>16033
ДАЛБАЕБ. Если у чувака 4 гига оперативки то ПК к хуям сгорит. Учи физику . Наверное ты даже в универ не ходил, опездол тупопыоый
ДАЛБАЕБ. Если у чувака 4 гига оперативки то ПК к хуям сгорит. Учи физику . Наверное ты даже в универ не ходил, опездол тупопыоый
>>15939
Ну нихуя себе, аж целых 80кб минимум, заместо 100! Ну всё, ты подебил, можешь дальше тащить своё жиквери говно в проекте, чтобы оно цвело и пахло.
Ну нихуя себе, аж целых 80кб минимум, заместо 100! Ну всё, ты подебил, можешь дальше тащить своё жиквери говно в проекте, чтобы оно цвело и пахло.
Я так понимаю vue уже изкаробки использует вебпак? Для реакта создавал три конфиг вебпак файла, для vue так не делают?
>>16086
Чел, ну какие нахуй из коробки вебпаки. Cli и там и там использует вебпак под копотом, можно просто подключить на проект вью и использовать его, можно поставить вебпак и настроить сборщик для вью.
Чел, ну какие нахуй из коробки вебпаки. Cli и там и там использует вебпак под копотом, можно просто подключить на проект вью и использовать его, можно поставить вебпак и настроить сборщик для вью.
>>15861
Это аргумент. Еще аргумент то, что в жуйке многие функции оптимизированы с т.з. кроссбраузерности, поэтому если соберешься переписывать на ваниллу, прежде подумай о регрессионном тестировании.
>"должен быть единый code style"
Это аргумент. Еще аргумент то, что в жуйке многие функции оптимизированы с т.з. кроссбраузерности, поэтому если соберешься переписывать на ваниллу, прежде подумай о регрессионном тестировании.
>>15983
Ну, справедливости ради, реакт вполне может быть боттлнеком - смотри бенчи от krausest.
>Тут реакт не при чём, проблема в самом DOM.
Ну, справедливости ради, реакт вполне может быть боттлнеком - смотри бенчи от krausest.
>>16103
ага, что бы в ie6 работало. Проект то require.js собирает
ага, что бы в ie6 работало. Проект то require.js собирает
Аноны, если я в css классы называю именами типа main-block-right-newsblock-column, чтобы обращаться к конкретному элементы/ам путем прописывания одного конкретного класса, ну и в js переменные у меня букв по 20-30, это считается говнокодом???
>>16107
почитай про БЭМ
Скорее да чем нет. Хотя если у тебя какой-то неебический сложный и большой проект с кучей сущностей и сложной доменной областью, то наверно такое возможно.
> main-block-right-newsblock-column,
почитай про БЭМ
>в js переменные у меня букв по 20-30
Скорее да чем нет. Хотя если у тебя какой-то неебический сложный и большой проект с кучей сущностей и сложной доменной областью, то наверно такое возможно.
>>16107
Нет, экономить буквы на имени переменных - дурной тон. Это разве что ок в именовании аргументов в лямбдах, да и то, лучше писать максимально вербозно, чтоб на ревью меньше было вопросов.
>ну и в js переменные у меня букв по 20-30, это считается говнокодом?
Нет, экономить буквы на имени переменных - дурной тон. Это разве что ок в именовании аргументов в лямбдах, да и то, лучше писать максимально вербозно, чтоб на ревью меньше было вопросов.
>>15868
Хорошо похрюкал с сайта конечно. Если jquery такой плохой, то почему слева одни однострочники, а справа - огромные херовины на десятки строк?
Хорошо похрюкал с сайта конечно. Если jquery такой плохой, то почему слева одни однострочники, а справа - огромные херовины на десятки строк?
>>16112
Модные детишки 18 годков сказали что НИКРУТА. Значит никрута. Вот и все
Модные детишки 18 годков сказали что НИКРУТА. Значит никрута. Вот и все
>>15861
Вот это мне особенно нравится, "битве". Битве упрямого долбоеба против рационального аргумента об едином кодстайле. Типа ты даже не можешь доказать, почему надо писать на ванилле а не на жк, но битва должна быть энивей. Делай как умные дяди говорят.
> В этой битве мне не победить?
Вот это мне особенно нравится, "битве". Битве упрямого долбоеба против рационального аргумента об едином кодстайле. Типа ты даже не можешь доказать, почему надо писать на ванилле а не на жк, но битва должна быть энивей. Делай как умные дяди говорят.
>>15861
Так они правильно давят, лол, кодстайл должен быть единым. Осилишь - перепиши все на ваниль. Но ты скорее всего не осилишь, так что не выёбывайся
Так они правильно давят, лол, кодстайл должен быть единым. Осилишь - перепиши все на ваниль. Но ты скорее всего не осилишь, так что не выёбывайся
>>16112
Главное что ты сам признался, что свинья. Как и полагается любому защитнику жиквери.
Так у говнокода всегда однострочники. Я тебе даже Америку открою - тебе не нужно ставить жиквери, чтобы их городить. Оборачиваешь код любого размера в функциональное обьявление и вызываешь его - вот тебе и однострочник. По сути в этом и есть весь жикверик.
>Хорошо похрюкал с сайта конечно.
Главное что ты сам признался, что свинья. Как и полагается любому защитнику жиквери.
>то почему слева одни однострочники
Так у говнокода всегда однострочники. Я тебе даже Америку открою - тебе не нужно ставить жиквери, чтобы их городить. Оборачиваешь код любого размера в функциональное обьявление и вызываешь его - вот тебе и однострочник. По сути в этом и есть весь жикверик.
>>16167
Какой же ты конченый блядь. Переведу для имбецилов: не однострочник, одна функция. Которая не требует городить огород для элементарной операции типа посылки обоссаного реквеста.
Какой же ты конченый блядь. Переведу для имбецилов: не однострочник, одна функция. Которая не требует городить огород для элементарной операции типа посылки обоссаного реквеста.
>>16178
У которой под капотом ехал иф через иф и простынёй погоняет.
>Переведу для имбецилов: не однострочник, одна функция.
У которой под капотом ехал иф через иф и простынёй погоняет.
>>16155
До 25 лет часть коры мозга, отвечающей за рациональное мышление, не развита до конца, сынуль.
https://www.npr.org/templates/story/story.php?storyId=141164708#:~:text=Brain Maturity Extends Well Beyond Teen Years Under most laws,maturity until the age 25.
https://www.urmc.rochester.edu/encyclopedia/content.aspx?ContentTypeID=1&ContentID=3051
Поэтому малолетний долбоёб выше по треду ерепенится и хочет делать по-своему, не понимая что порой его хотелки никого не ебут, и что иметь code consistency гораздо важнее моды или старости/новости технологий, но т.к. pre-25-летний долбоёб мыслит эмоциями, а не разумом, то его поведение иррационально. Его сопротивление jQuery ничем не подкреплено, кроме "мне ванилла больше нравится", никаких аргументов.
Такие моменты заставляют задуматься, почему в айти нет возрастного ценза.
До 25 лет часть коры мозга, отвечающей за рациональное мышление, не развита до конца, сынуль.
https://www.npr.org/templates/story/story.php?storyId=141164708#:~:text=Brain Maturity Extends Well Beyond Teen Years Under most laws,maturity until the age 25.
https://www.urmc.rochester.edu/encyclopedia/content.aspx?ContentTypeID=1&ContentID=3051
Поэтому малолетний долбоёб выше по треду ерепенится и хочет делать по-своему, не понимая что порой его хотелки никого не ебут, и что иметь code consistency гораздо важнее моды или старости/новости технологий, но т.к. pre-25-летний долбоёб мыслит эмоциями, а не разумом, то его поведение иррационально. Его сопротивление jQuery ничем не подкреплено, кроме "мне ванилла больше нравится", никаких аргументов.
Такие моменты заставляют задуматься, почему в айти нет возрастного ценза.
>>16215
Скорее необучаемый дед, который до сих пор хуярит глобальные переменные, горит что его говнокод и прилагающаяся либа совсем устарели. От старческого маразма даже названия методов неспособен читать уже.
Ты напоминаешь дебилов в 93м, которые в белом доме сидели, свято веруя в швитой вечный коммунизм, когда по нему танки стреляли.
Скорее необучаемый дед, который до сих пор хуярит глобальные переменные, горит что его говнокод и прилагающаяся либа совсем устарели. От старческого маразма даже названия методов неспособен читать уже.
Ты напоминаешь дебилов в 93м, которые в белом доме сидели, свято веруя в швитой вечный коммунизм, когда по нему танки стреляли.
Как понять, что пора идти на собеседование? Вон некоторые вообще сразу брутфорсом идут. Была идея также позубрить вопросы на собеседования и пойти, но я не настолько уверен в себе
>>16242
классические хуёвые аналогии от малолетнего долбоёба. разница между кокомунизмом и jQuery в том, что одно из них работает, а другое — нет
классические хуёвые аналогии от малолетнего долбоёба. разница между кокомунизмом и jQuery в том, что одно из них работает, а другое — нет
>>16271
Ну так коммунизм (jQuery) тоже работал, пока капиталисты (зумерки) говно в жопу не залили!
>разница между кокомунизмом и jQuery в том, что одно из них работает, а другое — нет
Ну так коммунизм (jQuery) тоже работал, пока капиталисты (зумерки) говно в жопу не залили!
22 Кб, 1152x648Короче есть массив объектов. Из которого рендерится лист типо такого. Задача - сделать так, чтобы можно было бы drag and drop'ом перемещать элементы, чтобы я мог двигать эти элементы по экрану, а они бы меняли свои "места в массиве".
Пока что приходит в голову сделать в объекте отдельное свойство, которое будет отвечать за номер в "порядке рендера". Сначала рендерить объект 0 (неважно на каком он месте в массиве), потом 1, потом 2 и т.д. Проблема в том, как мне вычислить этот номер исходя из фактического расположения элементов на экране. Как понять, что этот элемент - номер 1, рядом с ним номер 2, если между ними поставить перемещаемый элемент, то перемещаемый станет вторым, а все после него увеличат свой номер на 1. Сильно заебно будет, да?
Можно какие-нибудь подсказки, советы, может где-то есть интересная статья и т.д.?
Пока что приходит в голову сделать в объекте отдельное свойство, которое будет отвечать за номер в "порядке рендера". Сначала рендерить объект 0 (неважно на каком он месте в массиве), потом 1, потом 2 и т.д. Проблема в том, как мне вычислить этот номер исходя из фактического расположения элементов на экране. Как понять, что этот элемент - номер 1, рядом с ним номер 2, если между ними поставить перемещаемый элемент, то перемещаемый станет вторым, а все после него увеличат свой номер на 1. Сильно заебно будет, да?
Можно какие-нибудь подсказки, советы, может где-то есть интересная статья и т.д.?
>>16326
П.С. Реакт бтв.
П.С. Реакт бтв.
Решил заюзать Vue для пет-проекта. Мне там надо только рисовать данные в паре всплывающих окон. Делать компоненты не хочу, хочу просто вот так:
HTML:
<div id="popup">
<div v-if="i">
Name: {{ i.name }} <br>
Type: {{ i.type }}
</div>
</div>
JS:
// Объявление
let vm = Vue.createApp({data(){ return {i: null}; }}).mount('#popup');
// Использование
vm.i = {name: 'Tom', type: 'cat'};
И оно работает, но я не понимаю, как мне сделать условное появление окна, v-if же на рутовый компонент не действует. Можно, конечно, махнуть рукой на то, что на странице будет пустой div, но, бля, неужели "так и задумано"?
Можно как-то сделать появление/исчезновение дива #popup без лишнего джаваскрипта?
HTML:
<div id="popup">
<div v-if="i">
Name: {{ i.name }} <br>
Type: {{ i.type }}
</div>
</div>
JS:
// Объявление
let vm = Vue.createApp({data(){ return {i: null}; }}).mount('#popup');
// Использование
vm.i = {name: 'Tom', type: 'cat'};
И оно работает, но я не понимаю, как мне сделать условное появление окна, v-if же на рутовый компонент не действует. Можно, конечно, махнуть рукой на то, что на странице будет пустой div, но, бля, неужели "так и задумано"?
Можно как-то сделать появление/исчезновение дива #popup без лишнего джаваскрипта?
>>16326
Для этого используют UI библиотеки типа Ant или Material
Для этого используют UI библиотеки типа Ant или Material
383 Кб, 512x512Привет пчёлы. Можете посоветовать какие-нибудь телеграмм-каналы или конференции по теме React js или React Native?
>>16539
Магия ненужна
Магия ненужна
>>16326
Beautiful DnD, Dragula
Beautiful DnD, Dragula
Пчелы, посоветуйте годноту чтоб вникать в ООП? Есть ребята выше джунов итт, подскажите мне, нахуй оно нужно? ФП же во всех смыслах удобнее и читабельнее, почему мне ебут за эту хуйню мозг.
>>16574
Спасибо.
Спасибо.
>>16607
Ну, это же вроде как тред по JS. Может стоит изучать как реализуются ООП и связанные с ним паттерны хотя бы с синтаксисом es6 в 2021 году? Ты не подумай, что я против тебя что-то имею. Просто самому тема интересна.
Ну, это же вроде как тред по JS. Может стоит изучать как реализуются ООП и связанные с ним паттерны хотя бы с синтаксисом es6 в 2021 году? Ты не подумай, что я против тебя что-то имею. Просто самому тема интересна.
>>16631
Может стоит понимать что ООП, ФП, РП, АОП, КОП, и прочее - это не про синтаксис, для начала?
Может стоит понимать что ООП, ФП, РП, АОП, КОП, и прочее - это не про синтаксис, для начала?
>>16634
Верно. Но нужно ведь понимать как реализуется ООП на необходимом тебе языке. Разве не так? Я имею ввиду какой смысл в теории без практики?
Верно. Но нужно ведь понимать как реализуется ООП на необходимом тебе языке. Разве не так? Я имею ввиду какой смысл в теории без практики?
Нормальная ли практика в папке с компонентами создавать еще и группирующие папки?
Типа есть папка components и внутри лежат какие-то большие компоненты с логикой.
А нужно еще наделать маленьких кнопок, иконо и прочей хуеты. Куда это можно положить и как назвать?
Если сделаю components -> buttons это уже хуёво? Как бы вы сделали? Да, у меня тут всселенские вопросы пиздец, полдня сижу выбирая имена для классов
Типа есть папка components и внутри лежат какие-то большие компоненты с логикой.
А нужно еще наделать маленьких кнопок, иконо и прочей хуеты. Куда это можно положить и как назвать?
Если сделаю components -> buttons это уже хуёво? Как бы вы сделали? Да, у меня тут всселенские вопросы пиздец, полдня сижу выбирая имена для классов
Каким образом можно сопоставить 2 разных объекта по ключам?
Вот есть один объект, у него id и name.
Есть массив из объектов, который приходит с сервера, где только у одного объекта есть подходящий id. И из этого объекта нужно взять все данные и обработать их, как это можно сделать?
Вот есть один объект, у него id и name.
Есть массив из объектов, который приходит с сервера, где только у одного объекта есть подходящий id. И из этого объекта нужно взять все данные и обработать их, как это можно сделать?
>>16789
find(e => e.id === obj.id)
find(e => e.id === obj.id)
>>16736
везде делают по разному.
например папки для разных кусков приложения типа AppAdmin, AppBase, AppCatalog
и отдельные папки типа components или elements, где есть общие для всех куски вроде кнопок
везде делают по разному.
например папки для разных кусков приложения типа AppAdmin, AppBase, AppCatalog
и отдельные папки типа components или elements, где есть общие для всех куски вроде кнопок
>>16558
ооп это про языки типа джавы, с#
причем тут жс? в жс свои паттерны , хотя нода пытается косить под вышеукзанные языки, во фронте вообще своя атмосфера
ооп это про языки типа джавы, с#
причем тут жс? в жс свои паттерны , хотя нода пытается косить под вышеукзанные языки, во фронте вообще своя атмосфера
>>16264
А как ты понял, что пора начинать срать в унитаз, вместо горшка?
А как ты понял, что пора начинать срать в унитаз, вместо горшка?
>>16792
Всегда так было.
Всегда так было.
>>16797
Любую аналогию считают ложной только долбоебы.
Любую аналогию считают ложной только долбоебы.
>>16797
Аргумент.
Аргумент.
>>16792
Проиграл. Ты правда настолько тупой, что отправил тестовое с скопипизженным кодом?
Проиграл. Ты правда настолько тупой, что отправил тестовое с скопипизженным кодом?
>>16558
А при чём здесь ФП и JS, долбоебина? ФП это Haskell.
А при чём здесь ФП и JS, долбоебина? ФП это Haskell.
>>16810
Не знаю, я регулярно встречаю легаси-шизов, дрочащих на БЭМ.
Не знаю, я регулярно встречаю легаси-шизов, дрочащих на БЭМ.
>>16820
Так аналогия действительно не аргумент, абсолютно логически не может быть аргументом.
Так аналогия действительно не аргумент, абсолютно логически не может быть аргументом.
>>16831
Окей, я дурак и обосрался, был не прав. Скажу по-другому, что я имел в виду: если при аргументации кто-то использует аналогию, то слишком часто это ложная аналогия.
Окей, я дурак и обосрался, был не прав. Скажу по-другому, что я имел в виду: если при аргументации кто-то использует аналогию, то слишком часто это ложная аналогия.
>>16832
Настолько же частое, насколько неспособность внимающего распарсить приведеную аналогию, по причине скудности ума.
Настолько же частое, насколько неспособность внимающего распарсить приведеную аналогию, по причине скудности ума.
>>16828
Ну так построй здесь и сейчас, раз нормально строится, кукаретик.
Ну так построй здесь и сейчас, раз нормально строится, кукаретик.
>>16838
Не настолько же. Сейчас на любой пук приводят аналогии, не имеющие ничего общего с темой обсуждения. Чтобы парсить аналогии сверхразумом быть не нужно.
Не настолько же. Сейчас на любой пук приводят аналогии, не имеющие ничего общего с темой обсуждения. Чтобы парсить аналогии сверхразумом быть не нужно.
>>16845
Парсить аналогии проще, чем их создавать. Со многими другими явлениями та же ситуация.
Парсить аналогии проще, чем их создавать. Со многими другими явлениями та же ситуация.
>>16884
Двачую этого. На практике за сравнивание такого дерьма между собойнужно долго бить по рукам стандартом.
Двачую этого. На практике за сравнивание такого дерьма между собойнужно долго бить по рукам стандартом.
>>16977
У пакетов есть метаданные с атрибуцией.
У пакетов есть метаданные с атрибуцией.
>>16792
Я думаю в данном конкретном случае речь о том, что код банально ctrl+c > ctrl+v вообще без какого-то последующего форматирования, что как раз и выливается в дальнейшую кашу
Я думаю в данном конкретном случае речь о том, что код банально ctrl+c > ctrl+v вообще без какого-то последующего форматирования, что как раз и выливается в дальнейшую кашу
>>16876
щас бы делать нестрогое сравнение и недоумевать, почему ты сосешь жёппу
щас бы делать нестрогое сравнение и недоумевать, почему ты сосешь жёппу
>>17016
Кстати, как давно он уже стабильный? А если стабильный, то почему бесит?
>как жи миня бесит метод сорт сукааа!
Кстати, как давно он уже стабильный? А если стабильный, то почему бесит?
>>16876
Щито хотел от языка, изначально разрабатывавшегося для свистоперделок к HTML-документам? Гугли, что такое коэрсия типов и как она реализуется при применении операторов/функций, если тебе интересно откуда эти цыганские фокусы. А так, на бою на голом ЖС без компиляции никто не пишет и не выкатывает в прод уже. За нестрогое сравнение бьет палкой линтер (и оно в общем случае медленнее чем строгое, кстати).
Щито хотел от языка, изначально разрабатывавшегося для свистоперделок к HTML-документам? Гугли, что такое коэрсия типов и как она реализуется при применении операторов/функций, если тебе интересно откуда эти цыганские фокусы. А так, на бою на голом ЖС без компиляции никто не пишет и не выкатывает в прод уже. За нестрогое сравнение бьет палкой линтер (и оно в общем случае медленнее чем строгое, кстати).
73 Кб, 721x369Аноны? Кто знает, как отключить предупреждение, когда npm скрипт останавливаешь? Реально бесит: "Завершить выполнение пакетного файла [Y(да)/N(нет)]?" Какое собачье тебе дело? Просто делай то что тебе говорят! Почему npm хочет показаться умнее хозяина?
>>17089
Потому что линтер не майкрософт придумали.
Потому что линтер не майкрософт придумали.
>>17095
Пользуй баш, который идёт вместе с гитфоршиндошс. Здесь npm ни причём, это стандартное поведение шиндошской строки. Оно кстати и в баш пролезает, но автоматом завершается.
Пользуй баш, который идёт вместе с гитфоршиндошс. Здесь npm ни причём, это стандартное поведение шиндошской строки. Оно кстати и в баш пролезает, но автоматом завершается.
>>17110
Синдром утёнка.
Синдром утёнка.
43 Кб, 636x575>>14667
Пикрил не работает что ли?
Алсо ссылки на все файлы можно получить из json-версии треда(просто замени .html на .json) вместе с другой инфой
Я в жс не шарю, но на пике вроде рабочий код
Пикрил не работает что ли?
Алсо ссылки на все файлы можно получить из json-версии треда(просто замени .html на .json) вместе с другой инфой
Я в жс не шарю, но на пике вроде рабочий код
>>16977
Тестовое это один из немногих способов проверить твоё умение писать код. Но ты настолько умственно отсталый, что даже копипащенный код не смог привести к приемлемому виду, сделав так чтобы он не отличался от твоего кода.
Тестовое это один из немногих способов проверить твоё умение писать код. Но ты настолько умственно отсталый, что даже копипащенный код не смог привести к приемлемому виду, сделав так чтобы он не отличался от твоего кода.
>>17108
Это да, но с башем часто проблемы возникают в том же вс код, просто из-за того что в юникс и NT файловые пути по-разному выглядят. Я бы не сказал, что его юзать сильно удобнее.
Это да, но с башем часто проблемы возникают в том же вс код, просто из-за того что в юникс и NT файловые пути по-разному выглядят. Я бы не сказал, что его юзать сильно удобнее.
>>17243
И часто ты по путям за пределами проекта бегаешь?
И часто ты по путям за пределами проекта бегаешь?
>>16983
Стили и шаблоны в одном файле ок. Бизнес-логику выносишь в отдельные модули (сервисы), потом дергаешь их из вьюх
Стили и шаблоны в одном файле ок. Бизнес-логику выносишь в отдельные модули (сервисы), потом дергаешь их из вьюх
Что почитать о протоколах передачи данных? Есть хорошие статьи или книги об основах?
mobx-state-tree
>>14638 (OP)
Анончикия, есть где-нибудь инфа, как использовать БЭМ, а именно какие свойства применять для БЭМ элементов? В bem.info не нашел. Вот то есть я могу для блока использовать размер шрифта или padding? А если блок - это слайдер и у слайдера есть кнопки для стрелочек, мне все равно не желательно использовать position:relative; чтобы спозиционировать стрелки от слайдера? Вообще, правильно задавать цвет фона, размер шрифта в блоке и потом, если нужно переопределять свойства через модификаторы или блоку не задавать цвет фона, а сразу задавать цвет через модификатор?
Есть место, где показаны для каких элементов БЭМа какие свойства можно применять?
Я практиковаться хочу, а вообще не понятно как БЭМ использовать. Какие свойства css куда применять.
Анончикия, есть где-нибудь инфа, как использовать БЭМ, а именно какие свойства применять для БЭМ элементов? В bem.info не нашел. Вот то есть я могу для блока использовать размер шрифта или padding? А если блок - это слайдер и у слайдера есть кнопки для стрелочек, мне все равно не желательно использовать position:relative; чтобы спозиционировать стрелки от слайдера? Вообще, правильно задавать цвет фона, размер шрифта в блоке и потом, если нужно переопределять свойства через модификаторы или блоку не задавать цвет фона, а сразу задавать цвет через модификатор?
Есть место, где показаны для каких элементов БЭМа какие свойства можно применять?
Я практиковаться хочу, а вообще не понятно как БЭМ использовать. Какие свойства css куда применять.
>>17594
Бэм не про это. Правильно.
Бэм не про это. Правильно.
Можно ли для html указывать id с пустым значением? Типа поставить условие, и если оно не соблюдается, то в id передается пустая строка
>>17700
научись формулировать свои мысли для начала.
>Типа поставить условие, и если оно не соблюдается, то в id передается пустая строка
научись формулировать свои мысли для начала.
>>17718
Короче говоря не важно почему в итоге я так планирую сделать, просто есть некий id у обычного html элемента. Допускается ли, что у id будет попросту пустое значение id=""?
Короче говоря не важно почему в итоге я так планирую сделать, просто есть некий id у обычного html элемента. Допускается ли, что у id будет попросту пустое значение id=""?
>>17721
Кем, куда, для чего?
Ну и какого ты ответа тогда ждёь?
Разрешаю тебе использовать пустой id. Иди нахуй.
>Допускается ли, что у id будет попросту пустое значение id=""?
Кем, куда, для чего?
>не важно почему в итоге я так планирую сделать
Ну и какого ты ответа тогда ждёь?
Разрешаю тебе использовать пустой id. Иди нахуй.
>>17724
>>17727
Да не, вопрос был в том, может ли это создать какую-то потенциальную ошибку, о которой мне не скажут сразу в консольке. У меня просто есть один плагин, который добавляет стиль к элементу с определенным id. И в зависимости от этого условия я могу передать или не передать значение в этот id.
Вот потому и вопрос, допускается ли такой код вроде:
<div id=""> жопа </div>
>>17727
Да не, вопрос был в том, может ли это создать какую-то потенциальную ошибку, о которой мне не скажут сразу в консольке. У меня просто есть один плагин, который добавляет стиль к элементу с определенным id. И в зависимости от этого условия я могу передать или не передать значение в этот id.
Вот потому и вопрос, допускается ли такой код вроде:
<div id=""> жопа </div>
>>17724
>>17727
Чет я ору нахуй, после 12 часов кодинга я уже перестаю понимать о чем я сам пишу. Блядь обычный id у html тега сука, там их миллиард чтоли, тот АЙДИ который у ХТМЛ элемента АЙДИ. Вот этот АЙДИ. Если он будет пустым это ничего страшного или пизда, и id всегда должен что-то принимать в себя, если уж он вообще есть у хтмл тега.
>>17727
Чет я ору нахуй, после 12 часов кодинга я уже перестаю понимать о чем я сам пишу. Блядь обычный id у html тега сука, там их миллиард чтоли, тот АЙДИ который у ХТМЛ элемента АЙДИ. Вот этот АЙДИ. Если он будет пустым это ничего страшного или пизда, и id всегда должен что-то принимать в себя, если уж он вообще есть у хтмл тега.
>>17732
Может ты плагину скажешь чтобы добавлял или не добавлял стиль в зависимости от условия?
Может ты плагину скажешь чтобы добавлял или не добавлял стиль в зависимости от условия?
>>17733
Пустая строка - тоже значение. И если у тебя будет более одного такого айдишника, то выбираться селекторами будет только один. Нахуй ты вообще манипулируешь `id`?
HTML дал ему классы ну или на крайняк `data`, называй как хочешь, хоть по БЭМу-хуему, хоть по своей мамаше. Не хочу, говорит, классы, хочу жрать говно и ставить пустые строки в айдишники.
Пустая строка - тоже значение. И если у тебя будет более одного такого айдишника, то выбираться селекторами будет только один. Нахуй ты вообще манипулируешь `id`?
HTML дал ему классы ну или на крайняк `data`, называй как хочешь, хоть по БЭМу-хуему, хоть по своей мамаше. Не хочу, говорит, классы, хочу жрать говно и ставить пустые строки в айдишники.
>>17757
Плокен делает поиск элемента только по id, и суть в том, что этот айди действительно должен быть уникальным для его работы.
Плокен делает поиск элемента только по id, и суть в том, что этот айди действительно должен быть уникальным для его работы.
>>17392
Ага и переменные за тебя назовёт, и напишет всё сам.
Ага и переменные за тебя назовёт, и напишет всё сам.
>>17594
Не нужно использовать БЭМ, это deprecated технология, она давно пылится в мусорном ведре. Используй css modules, с ними можно именовать классы как тебе удобно.
Не нужно использовать БЭМ, это deprecated технология, она давно пылится в мусорном ведре. Используй css modules, с ними можно именовать классы как тебе удобно.
9 Кб, 432x113Как расшифровывается [wdm], [wds] в webpack-dev-server. Когда запускаешь там появляются эти пиктограммы. Что оно означает? Как расшифровывается?
>>17801
Спасибо!
Спасибо!
Че сейчас юзают для аналитики и нужно ли?
Хочу создать скример на сололерн чтобы пацаны зауважали надпись будет : ты умрешь. Как вам идея ?
>>17881
If
If
>>17779
Пока требуют знаний БЭМа, шито поделать
Пока требуют знаний БЭМа, шито поделать
Vue cli это для тех кто не может в webpack?
>>17766
>>17942
Т.е. нет, вопрос в том, что уникальное значение должно быть только если условие true, а если false, то я думал передать пустое значение. Есть ли какое-то значение, которое id воспримет примерно так же, как react воспринимает, если в качестве элемента для рендера ему передать null? Какое-то безопасное и понятное для него ничто?
>>17942
Т.е. нет, вопрос в том, что уникальное значение должно быть только если условие true, а если false, то я думал передать пустое значение. Есть ли какое-то значение, которое id воспримет примерно так же, как react воспринимает, если в качестве элемента для рендера ему передать null? Какое-то безопасное и понятное для него ничто?
>>17942
Значение `id` - только строчное, так что передастся "null", что тоже не уникальное значение.
>>17947
Что за хуйню ты там говнокодишь? Ты вообще не должен менять уникальный идентификатор вручную. В лучшем случае только при создании элемента его присваиваешь, это единственный случай, когда будешь писать `element.id = x`.
Если тебе нужно не присваивать значение свойству, то просто не присваивай. Если же нужно удалить, то есть `removeAttribute()`.
Значение `id` - только строчное, так что передастся "null", что тоже не уникальное значение.
>>17947
>Т.е. нет, вопрос в том, что уникальное значение должно быть только если условие true, а если false, то я думал передать пустое значение.
Что за хуйню ты там говнокодишь? Ты вообще не должен менять уникальный идентификатор вручную. В лучшем случае только при создании элемента его присваиваешь, это единственный случай, когда будешь писать `element.id = x`.
Если тебе нужно не присваивать значение свойству, то просто не присваивай. Если же нужно удалить, то есть `removeAttribute()`.
у меня два контейнера с минимальными отличиями. разница один дополнительный экшон в редусере, рендер немного(но ето похуй) и 1 ф-ия.
я хуй знает как реюзнуть код так чтобы на максималку.
сделал вот так https://www.diffchecker.com/NmrErtQU редусер и куча барахла реюзается из общего файла https://pastebin.com/HnecQEgF но все равно кажется что я или пиздец изобрел какой-то странный велосипед или остановился на пол пути, хуй знает... неужели нет способа лучше реюзнуть код в таком случае? в ооп просто наследуй@переопределяй нужные методы/пропсы. а тут пиздец че городить пришлось, я в шоке
я хуй знает как реюзнуть код так чтобы на максималку.
сделал вот так https://www.diffchecker.com/NmrErtQU редусер и куча барахла реюзается из общего файла https://pastebin.com/HnecQEgF но все равно кажется что я или пиздец изобрел какой-то странный велосипед или остановился на пол пути, хуй знает... неужели нет способа лучше реюзнуть код в таком случае? в ооп просто наследуй@переопределяй нужные методы/пропсы. а тут пиздец че городить пришлось, я в шоке
>>18027
Если полиморфизм ты ищешь, то передавай функции в функции, или оборачивай функции в функции для добавления функциональности.
Погугли про state reducer, там тебе расскажут
Код не смотрел
Если полиморфизм ты ищешь, то передавай функции в функции, или оборачивай функции в функции для добавления функциональности.
Погугли про state reducer, там тебе расскажут
Код не смотрел
>>18074
:)
:)
>>18108
продолжаю клепать. я задался вопросом не из практических соображений,а чисто интересно на будущее
продолжаю клепать. я задался вопросом не из практических соображений,а чисто интересно на будущее
а почему вы тут литкод форсите, если кодварс пизже?
>>18027
в итоге 3 файла, кода стало больше и дублированный код не уменьшился в объеме,а уменьшилась дублированная логика,какая-то ее часть стала общей как и нужно, но это залупа какая-то. композия сосет у наследования. даже если можно реализовать это как-то лучше чем я сделал,я ебал такую сложность -нахуя она нужна,какие профиты?
в итоге 3 файла, кода стало больше и дублированный код не уменьшился в объеме,а уменьшилась дублированная логика,какая-то ее часть стала общей как и нужно, но это залупа какая-то. композия сосет у наследования. даже если можно реализовать это как-то лучше чем я сделал,я ебал такую сложность -нахуя она нужна,какие профиты?
Реакт ребзи, у вас на работке какие компоненты чаще пилят, классовые или функциональные? Именно нормальные компоненты с логикой, а не кнопочки с двумя пропсами. Просто интересно.
Можете ли пояснить какие могут быть проблемы у юзеров windows xp с современными веб-технологиями? Могут ли в браузере как-то хреново обрабатывать библиотеки джаваскрипта? Или это скорее всего из-за устаревших версий браузера? Интересует конкретика. Фраза "эта винда не поддерживается давно и может быть всякая херня" всё объясняет?
>>18194
С момента появления хуков классовые компоненты писать нет смысла (кроме очевидных ErrorBoundary).
С момента появления хуков классовые компоненты писать нет смысла (кроме очевидных ErrorBoundary).
>>17753
поясни в чем принципиальная разница:
-использование npm пакета для dnd
-копипейст куска кода со стаковерфлоу для какой-нибудь хуйни вроде парсинга или создания ключей объекта на основе элементов массива
поясни в чем принципиальная разница:
-использование npm пакета для dnd
-копипейст куска кода со стаковерфлоу для какой-нибудь хуйни вроде парсинга или создания ключей объекта на основе элементов массива
>>18194
нахуя вообще в реакте было делать классы, если реакт практики не подразумевают парадигмы ооп вроде наследования и полиморфизма
нахуя вообще в реакте было делать классы, если реакт практики не подразумевают парадигмы ооп вроде наследования и полиморфизма
>>18237
В мэйнтейнере
В мэйнтейнере
>>18241
Без понятия, наследование кстати кое какое есть. Про полиморфизм хез.
Без понятия, наследование кстати кое какое есть. Про полиморфизм хез.
Анон, почему webpack включает скрипты перед body? У вас тоже так? https://write.as/kjkyykmwb4sar.md
>>18237
Документация
Если копипаст заметен, значит ты даже не удосужился разобраться в этом коде, переименовать переменные и причесать стиль. Значит в качестве разработчика ты не пригоден.
>-использование npm пакета для dnd
Документация
>-копипейст куска кода со стаковерфлоу для какой-нибудь хуйни вроде парсинга или создания ключей объекта на основе элементов массива
Если копипаст заметен, значит ты даже не удосужился разобраться в этом коде, переименовать переменные и причесать стиль. Значит в качестве разработчика ты не пригоден.
220x205>>18194
Функциональные офк.
Документация с примерами у новых библиотек для React JS и React Native по большей части написана с применением функциональных компонентов, т.к. зачастую предоставляются удобные хуки. Сами разрабы фейсбука говорили в документации, что они видят реакт именно в функциональном виде и будут дальше его продвигать таким.
Функциональные офк.
Документация с примерами у новых библиотек для React JS и React Native по большей части написана с применением функциональных компонентов, т.к. зачастую предоставляются удобные хуки. Сами разрабы фейсбука говорили в документации, что они видят реакт именно в функциональном виде и будут дальше его продвигать таким.
>>18295
Про дефер знаю. Меня напрягает как он автоматом в head попадает? Обычно ожидал увидеть перед </body>
Про дефер знаю. Меня напрягает как он автоматом в head попадает? Обычно ожидал увидеть перед </body>
Вкатываюсь в JS. Есть два пути, посоветуйте, какой выбрать:
1. Учебник Кантора. Выглядит устрашающее, такое чувство, что на его изучение придется потратить не один месяц, но практики в нем мало, как я понимаю. Только описание языка и упражнения к этому описанию. Многие говорят, что лучше использовать этот сайт как справочник, а учиться по другим материалам.
2. Видосы на ютубе. Из плюсов: если не понял что-то, то всегда есть видео, где то же самое будет объяснено другими словами или из другой перспективы. Можно сразу приступить к практике - есть много видосов, где пилят какие-то проекты. В отличие от курсов на ютубе плюрализм (в отличие от юдеми): смотришь разных блогеров и учишься разному написанию кода.
Я склоняюсь ко второму варианту. Алсо посоветуйте нормальных каналов на ютубе. Из тех, которые я знаю - freeCodeCamp, The Coding Train, Web Dev Simplified, Шемсединов, IT-KAMASUTRA, Петриченко, Лаврик, Минин.
1. Учебник Кантора. Выглядит устрашающее, такое чувство, что на его изучение придется потратить не один месяц, но практики в нем мало, как я понимаю. Только описание языка и упражнения к этому описанию. Многие говорят, что лучше использовать этот сайт как справочник, а учиться по другим материалам.
2. Видосы на ютубе. Из плюсов: если не понял что-то, то всегда есть видео, где то же самое будет объяснено другими словами или из другой перспективы. Можно сразу приступить к практике - есть много видосов, где пилят какие-то проекты. В отличие от курсов на ютубе плюрализм (в отличие от юдеми): смотришь разных блогеров и учишься разному написанию кода.
Я склоняюсь ко второму варианту. Алсо посоветуйте нормальных каналов на ютубе. Из тех, которые я знаю - freeCodeCamp, The Coding Train, Web Dev Simplified, Шемсединов, IT-KAMASUTRA, Петриченко, Лаврик, Минин.
>>18313
Не, ну а хули, за пару же недель можно язык выучить.
Сажи пидору
>придется потратить не один месяц
Не, ну а хули, за пару же недель можно язык выучить.
Сажи пидору
>>18299
Нихуя ты не знаешь, дефер как раз для этого и сделан, чтобы скрипты в конец тела не писать.
>Про дефер знаю.
>Обычно ожидал увидеть перед </body>
Нихуя ты не знаешь, дефер как раз для этого и сделан, чтобы скрипты в конец тела не писать.
>>18277
Ну, я год назад вкатывался, но в бекенд на шарпе, уволили быстро, сейчас во фронтенд пытаюсь.
За сегодня повторил хтмл и ксс, чуть джса набросал, простенькую работу с ДОМ, ивент с кнопкой запилил. Дальше пойду по сайту с оп-поста.
Ну, я год назад вкатывался, но в бекенд на шарпе, уволили быстро, сейчас во фронтенд пытаюсь.
За сегодня повторил хтмл и ксс, чуть джса набросал, простенькую работу с ДОМ, ивент с кнопкой запилил. Дальше пойду по сайту с оп-поста.
>>18343
За говнокод и некоторые проблемы были с пониманием веб апи, безопасностью кода, и некоторые интерфейсы не смог осознать.
За говнокод и некоторые проблемы были с пониманием веб апи, безопасностью кода, и некоторые интерфейсы не смог осознать.
>>18336
Практику ты получишь на работке или при создании петпроекта. Любые задачки-хуячки - это не практика.
Практику ты получишь на работке или при создании петпроекта. Любые задачки-хуячки - это не практика.
Какая на NodeJS может существовать костыльная многопоточность? Ну кроме запуска нескольких NodeJS одновременно.
![BFaorCyCUAA50oN[1].png](https://2ch.hk//pr/src/1914638/16113414662120.png)
36 Кб, 377x322>>18392
Спасибо.
Спасибо.
>>18362
Жесть. Обычно такое на уровне собеседования выявляют. Как же они тогда тебя на работу взяли? Спрашивали про паттерны?
Жесть. Обычно такое на уровне собеседования выявляют. Как же они тогда тебя на работу взяли? Спрашивали про паттерны?
>>18396
Какие паттерны, это стажировка была. Да и когда джуном устраивался, максимум про синглтон спрашивали.
Какие паттерны, это стажировка была. Да и когда джуном устраивался, максимум про синглтон спрашивали.
Да что за хуйня.
У меня есть один компонент вписанный в другой, выглядит так:
<Компонент1>
<Компонент2/>
</Компонент1>
Рендерится страница, и между компонент1 и компонент2 появляется DIV с overflow: hidden, который хуй пойми откуда берется и режет тень элемента из компонент 2.
И я не ебу совершенно как к нему доступ получить, он не является потомком компонента 1 в коде. У него нет никакого класса. Просто див, который обнуляет стили, при том что в глобальном стиле у меня его тоже нет.
У меня есть один компонент вписанный в другой, выглядит так:
<Компонент1>
<Компонент2/>
</Компонент1>
Рендерится страница, и между компонент1 и компонент2 появляется DIV с overflow: hidden, который хуй пойми откуда берется и режет тень элемента из компонент 2.
И я не ебу совершенно как к нему доступ получить, он не является потомком компонента 1 в коде. У него нет никакого класса. Просто див, который обнуляет стили, при том что в глобальном стиле у меня его тоже нет.
>>18413
Ну да, да я и на джсе чувствую как проще писать.
На шарпе еще ботов писал после увольнения по сути бот-парсер с нотификатором, но чтобы на работку вкатываться не хотел.
Ну да, да я и на джсе чувствую как проще писать.
На шарпе еще ботов писал после увольнения по сути бот-парсер с нотификатором, но чтобы на работку вкатываться не хотел.
255 Кб, 512x512>>18412
Просто так он взяться не может. Ты же в курсе? Уверен что нет глобальных стилей? Посмотрел в браузере от какого css класса он наследует overflow?
> появляется DIV с overflow: hidden, который хуй пойми откуда берется
Просто так он взяться не может. Ты же в курсе? Уверен что нет глобальных стилей? Посмотрел в браузере от какого css класса он наследует overflow?
>>18425
Ну я об этом же писал, что не осилил базовые вещи.
Ну я об этом же писал, что не осилил базовые вещи.
>>18426
Т.е. Если ты уберешь компонент1, то и дива не появится с оверфлоу, верно? Что будет, если ты отрендеришь только компонент1 (без компонент2)? Див появится?
Т.е. Если ты уберешь компонент1, то и дива не появится с оверфлоу, верно? Что будет, если ты отрендеришь только компонент1 (без компонент2)? Див появится?
>>18426
Ну так это обычное дело или ты думаешь, что у тебя в html всё должно быть также как ты там в фреймворке понаписал?
Ну так это обычное дело или ты думаешь, что у тебя в html всё должно быть также как ты там в фреймворке понаписал?
>>18446
Вообще пользоваться !important это оооочень плохая практика. Она делается только когда действительно нет выбора, либо нужно реализовать хот фикс. Я бы настоятельно не советовал
Вообще пользоваться !important это оооочень плохая практика. Она делается только когда действительно нет выбора, либо нужно реализовать хот фикс. Я бы настоятельно не советовал
>>18446
Удачи тебе со вторым компонентом. Расскажешь потом что причиной послужило. Мне будет интересно послушать.
Удачи тебе со вторым компонентом. Расскажешь потом что причиной послужило. Мне будет интересно послушать.
>>18450
Это уже устаревшая практика. Во времена фреймворков и библиотек без important не обойтись, иначе вот так вот и будешь ебаться с дивами появляющимися неоткуда.
Это уже устаревшая практика. Во времена фреймворков и библиотек без important не обойтись, иначе вот так вот и будешь ебаться с дивами появляющимися неоткуда.
>>18425
Вот ты душнила ебать. Говно тоже перед смывом статик-кастом в трубу пихаешь?
мимо несколько лет много писал на крестах, перешёл на жс, доволен
Вот ты душнила ебать. Говно тоже перед смывом статик-кастом в трубу пихаешь?
мимо несколько лет много писал на крестах, перешёл на жс, доволен
>>18446
Абсолютно похуй. Мне про то, что это кококо плохая практика на моей памяти только всякие админы затирали. Фронты лепили, слегка поморшившись. Ну и блядь, тут именно что хотфикс!
>important
Абсолютно похуй. Мне про то, что это кококо плохая практика на моей памяти только всякие админы затирали. Фронты лепили, слегка поморшившись. Ну и блядь, тут именно что хотфикс!
>>18313
Зачем вообще что-то сомтреть на ютубах по 15 минут, когда это можно прочитать за минуту? Я уже не говорю о том, что прочитав какой-нибудь MDN можно быть уверенным (на 95%) в достоверности инфы в отличии от очередного инфоцыгана, который преподаёт "курс до мидла за один месяц"
>Алсо посоветуйте нормальных каналов на ютубе.
Зачем вообще что-то сомтреть на ютубах по 15 минут, когда это можно прочитать за минуту? Я уже не говорю о том, что прочитав какой-нибудь MDN можно быть уверенным (на 95%) в достоверности инфы в отличии от очередного инфоцыгана, который преподаёт "курс до мидла за один месяц"
>>18469
>>18454
Править исходники npm пакетов это еще больший пиздец? Нашел в общем, next/image оборачивает всё что выдает в свой див как раз с обнулением стилей, пиздец додумались же. Могу там буквально пару строк подправить, но... у тех, кто скачает мой код, этой правки ведь не будет. Вот и хули делать?
>>18454
Править исходники npm пакетов это еще больший пиздец? Нашел в общем, next/image оборачивает всё что выдает в свой див как раз с обнулением стилей, пиздец додумались же. Могу там буквально пару строк подправить, но... у тех, кто скачает мой код, этой правки ведь не будет. Вот и хули делать?
>>18491
Не знаю, я его до сих пор читаю и перечитываю время от времени, когда что-то забываю.
Но learn.javascript я, наверное, за месяц прочёл. Не помню.
Не знаю, я его до сих пор читаю и перечитываю время от времени, когда что-то забываю.
Но learn.javascript я, наверное, за месяц прочёл. Не помню.
>>18465
Ну т. е. инструментом полльзоваться не умеешь ты, а виноват при этом не ты, а сам инструмент? Ок.
>кастом
Ну т. е. инструментом полльзоваться не умеешь ты, а виноват при этом не ты, а сам инструмент? Ок.
>>18488
Это пиздец на пять порядков страшнее, вот этого реально никогда не делай если ты не владелец пакета, но ты не он. Поставь лучше important и не еби себе и людям мозг.
>Править исходники npm пакетов
Это пиздец на пять порядков страшнее, вот этого реально никогда не делай если ты не владелец пакета, но ты не он. Поставь лучше important и не еби себе и людям мозг.
>>18495
Каким инструментом лол? Я смывом пользуюсь.
Каким инструментом лол? Я смывом пользуюсь.
вот дифф между двумя компонентами https://www.diffchecker.com/ir3M50jI и файл с их общими ф-иями https://pastebin.com/E6WFZ7Qu
лучше сделать не получается
лучше сделать не получается
>>14638 (OP)
Надо бы запилить модальное окно для ввода некой информации пользователем, раньше не парился и юзал встроенную функцию prompt, теперь захотелось красиво это оформить на ангуляре. Что посоветуете сделать? Отдельный компонент пилить чисто для модалки? Кто-нибудь такое делал?
Надо бы запилить модальное окно для ввода некой информации пользователем, раньше не парился и юзал встроенную функцию prompt, теперь захотелось красиво это оформить на ангуляре. Что посоветуете сделать? Отдельный компонент пилить чисто для модалки? Кто-нибудь такое делал?
>>18653
Ну да, отдельный, а как иначе-то? Хотя лучше готовый найди.
Ну да, отдельный, а как иначе-то? Хотя лучше готовый найди.
Должен ли ux-ui дизайнер самостоятельно подготавливать иконки и оптимизировать картинки? А то сижу, перерисовываю иконки, картинкам размер подрезаю, потому что оригиналы там апскейл в 4к из 256px и все такое. Это должен делать дизайнер или всем похуй?
>>18714
:(
:(
Аноны, нужна дешевая vps-ка под ноду, накидайте недорогих вариантов кто где хостится.
>>18735
На хецнере глянь.
На хецнере глянь.
>>18735
gullohosting
gullohosting
>>18423
М-да, это с каких пор отсутствие типизации = меньше думать. Это скорее больше геморроя, когда такие как ты высрут какаху, а тебе потом ее искать нужно.
М-да, это с каких пор отсутствие типизации = меньше думать. Это скорее больше геморроя, когда такие как ты высрут какаху, а тебе потом ее искать нужно.
x = 2
b = 4
console.log(b+x)
ебать нам че больше не нужно декларировать типы объектов? чзх сидел долбил тридерево смотрю какого хуя не выдает ошибку а оно он че ебать до чево прогресс длошел скоро собак без презика ебать можно будет...
b = 4
console.log(b+x)
ебать нам че больше не нужно декларировать типы объектов? чзх сидел долбил тридерево смотрю какого хуя не выдает ошибку а оно он че ебать до чево прогресс длошел скоро собак без презика ебать можно будет...
>>18735
цифровой унитаз, там 2 месяца бесплатно первых, только банк подтвердит наличие 10$
цифровой унитаз, там 2 месяца бесплатно первых, только банк подтвердит наличие 10$
16 Кб, 675x289>>18488
Бля, присвой ему класс и поменяй стили. Охуеть конечно реакто-макаки совсем поехали, в жопу в сырцы лезут чтобы блять css-правила изменять.
Бля, присвой ему класс и поменяй стили. Охуеть конечно реакто-макаки совсем поехали, в жопу в сырцы лезут чтобы блять css-правила изменять.
>>18871
Нет же чел пчел, ты этим className на картинке изменишь класс как раз таки того элемента, который будет находится внутри безымянного дива. К нему добраться нельзя. Посмотри хотя бы исходник Image компонента. Он оборачивает все что ты в него передаешь перед экспортом
Нет же чел пчел, ты этим className на картинке изменишь класс как раз таки того элемента, который будет находится внутри безымянного дива. К нему добраться нельзя. Посмотри хотя бы исходник Image компонента. Он оборачивает все что ты в него передаешь перед экспортом
Да и заодно хочу узнать у вас, как вообще оценить эффективность своей работы? Недавно начал работать кодером и нихуя не пойму насколько вообще быстро я работаю, потому что не с кем сравнить. Какая вообще средняя эффективность по больнице у фронтендщиков? Хотя бы в общих чертах можете описать что вы делаете например за день работы?
>>18876
Тебе надо попросить фидбек у менеджера, тиммейтов, и вообще всех с кем работаешь.
Если это вызывает недоумение или лишние вопросы, то тебе надо сменить контору.
Если в фирме нормально работает перформанс ассесмент, то у тебя вопрос «насколько хорошо я работаю» (то есть, «соответствую своей роли») просто не будет появляться. Тебе сами все расскажут.
Тебе надо попросить фидбек у менеджера, тиммейтов, и вообще всех с кем работаешь.
Если это вызывает недоумение или лишние вопросы, то тебе надо сменить контору.
Если в фирме нормально работает перформанс ассесмент, то у тебя вопрос «насколько хорошо я работаю» (то есть, «соответствую своей роли») просто не будет появляться. Тебе сами все расскажут.
>>18874
Лепи тогда обычный `</img>`, хули выёбываешься? Этот компонент специально пропердолен для верселя, так что править его - гиблое дело. Ну или можешь селектором этот див выцепить и поменять в нём стили.
Заодно создай тикет на гитхабе.
Лепи тогда обычный `</img>`, хули выёбываешься? Этот компонент специально пропердолен для верселя, так что править его - гиблое дело. Ну или можешь селектором этот див выцепить и поменять в нём стили.
Заодно создай тикет на гитхабе.
Ребятки где обычно лепят стили для вью? В самом компоненте или выносят в отдельный файл? Сделал 5 компонентов и чет стандартный подход типа index.scss нихуя не нравится, по моему проще в компоненте запилить scoped стили, или нет?
>>18896
Я тебе открою страшную тайну, но при разработке тебе необязательно всё хранить в одном сасс файле:
https://sass-lang.com/documentation/at-rules/import#partials
Я тебе открою страшную тайну, но при разработке тебе необязательно всё хранить в одном сасс файле:
https://sass-lang.com/documentation/at-rules/import#partials
>>18896
Локальные вещи (всякие отступы и выравнивание) в scoped в самом компоненте. Глобальные (шрифты, цвета) - в отдельном CSS файле.
Локальные вещи (всякие отступы и выравнивание) в scoped в самом компоненте. Глобальные (шрифты, цвета) - в отдельном CSS файле.
Скоуп во вью уёбищный, лучше уж тогда модули пользуй, даром что у вью ввебпук под капотом.
383 Кб, 512x512>>18693
Хороший вопрос. Если вопрос касательно SVG-иконок, то я просто кидаю svg из фигмы своему PM, чтобы она их обработала, а потом я конвертирую их в шрифты. А если обычные картинки, то оптимизация в jpg - это пара секунд в фотошопе. Но я соквасен, бывает ебля с такими вещами. У меня тоже полушаражка
Хороший вопрос. Если вопрос касательно SVG-иконок, то я просто кидаю svg из фигмы своему PM, чтобы она их обработала, а потом я конвертирую их в шрифты. А если обычные картинки, то оптимизация в jpg - это пара секунд в фотошопе. Но я соквасен, бывает ебля с такими вещами. У меня тоже полушаражка
512x342>>18874
Не, пчел. Из React компонента можно обратится напрямую к DOM, даже к тем элементам, к которым напрямую доступ ты не получишь. Просто понадобится useRef с useEffect. Я накидал пример. Посмотри. Надеюсь тебе это поможет
https://codesandbox.io/s/cool-williams-n7ttm?fontsize=14&hidenavigation=1&theme=dark
Не, пчел. Из React компонента можно обратится напрямую к DOM, даже к тем элементам, к которым напрямую доступ ты не получишь. Просто понадобится useRef с useEffect. Я накидал пример. Посмотри. Надеюсь тебе это поможет
https://codesandbox.io/s/cool-williams-n7ttm?fontsize=14&hidenavigation=1&theme=dark
Откуда такой дрочь на вью? После среакта создается впечатление что вью говно без задач
>>18693
Да. Я ебал самостоятельно в Фигме все переводить в заливки.
Нет, ты как разработчик должен лучше знать в какой формат их экспортнуть и до какого размера подрезать.
>подготавливать иконки
Да. Я ебал самостоятельно в Фигме все переводить в заливки.
>оптимизировать картинки
Нет, ты как разработчик должен лучше знать в какой формат их экспортнуть и до какого размера подрезать.
>>14638 (OP)
Вкатун. Какими аргументами убедить кабана взять меня на удаленку? Я блять видел на хх, что мидлов из той же конторы, где мне перезвонили, приглашают на удаленку. надо было на миддла сразу собеситься хы
Вкатун. Какими аргументами убедить кабана взять меня на удаленку? Я блять видел на хх, что мидлов из той же конторы, где мне перезвонили, приглашают на удаленку. надо было на миддла сразу собеситься хы
>>18741
Вроде для этого плагины к VS Code нужно установить. Загугли про них.
Вроде для этого плагины к VS Code нужно установить. Загугли про них.
Хули у vscode не работает автоимпорт для vue?
>>18972
Конкретного кабанчика вряд ли убедишь, но нарабатывай опыт, делай портфолио, могут взять на удаленку как раз из-за возможности платить тебе поменьше
Конкретного кабанчика вряд ли убедишь, но нарабатывай опыт, делай портфолио, могут взять на удаленку как раз из-за возможности платить тебе поменьше
>>18909
Спасибо пчеличандрий, даже расписал всё. Про доступ к дому я знаю, но шатать дом ради одной css строки изначально еще не хотелось, пока сделал с important
Спасибо пчеличандрий, даже расписал всё. Про доступ к дому я знаю, но шатать дом ради одной css строки изначально еще не хотелось, пока сделал с important
У кого-нибудь было такое, что в фигме у шрифта один размер, а когда его отрисовываешь на странице с той же высотой, размер меньше? От чего такое может быть?
>>14638 (OP)
Какие у Deno перспективы?
Какие у Deno перспективы?
>>19041
Ноде пiзда, надо только подождать, потерпеть и не бухтеть.
Ноде пiзда, надо только подождать, потерпеть и не бухтеть.
191 Кб, 512x512>>19041
Хороший вопрос. Может быть его можно будет юзать для чего-то серьезного, типо банковских приложений. А вообще я не бэкендер
>Какие у Deno перспективы?
Хороший вопрос. Может быть его можно будет юзать для чего-то серьезного, типо банковских приложений. А вообще я не бэкендер
Как грамотно сделать SPA приложение, а именно аутентификацию в нем? SPA приложуха как правило юзает API. Можно ли сделать так, чтобы это API нельзя было юзать извне SPA приложения, а только на самом сайте? Я ведь смогу написать какую-то левую прогу и получать данные с сервака сайта, спиздив при этом токен авторизации с кук на сайте, или смотря где он хранится. Тупо не могу нагуглить.
>>19041
Вакансий сколько? Вот и ответ
Вакансий сколько? Вот и ответ
>>19163
Jwt нихуя не гуглится да?
Jwt нихуя не гуглится да?
>>19163
Нельзя. Я просто напишу программу, которая симулирует авторизацию на твоём сайте и буду пользоваться твоим API так будто я пользуюсь им на сайте. Это если учесть, что API у тебя только для авторизованных пользователей доступно.
> Можно ли сделать так, чтобы это API нельзя было юзать извне SPA приложения, а только на самом сайте?
Нельзя. Я просто напишу программу, которая симулирует авторизацию на твоём сайте и буду пользоваться твоим API так будто я пользуюсь им на сайте. Это если учесть, что API у тебя только для авторизованных пользователей доступно.
>>18735
везде цены одинаковые
везде цены одинаковые
1,1 Мб, 1003x716за 10 дней сделал приложуху для завода. strapi на беке, react на фронте. на фронте получилось 2.5к строк кода. 6 интерфейсов.
1 для работника сканирующего лоты своей готовой продукции
2 для проверяющего с возможностью указать кол-во брака в любом лоте
3 для мастера смены для указания минут простоя рабочих за день и интерфейс подтверждения простоя для менеджеров др. департаментов
4 таблица со списком всех лотов
5 аналитическая таблица с указанием эффективности рабочих по отдельности за выбранные дни, кол-во выполненных лотов, брак, простой
6 импорт необходимых словарей из АБАСа(erp которую использует завод) и экспорт табличных данных в csv
есть авторизация и раздельные права доступа. дизайна и тз не было. все сделано со слов директора. директору все нравится, готов башлянуть. ВНИМАНИЕ ВОПРОС: сколько брать денег?
1 для работника сканирующего лоты своей готовой продукции
2 для проверяющего с возможностью указать кол-во брака в любом лоте
3 для мастера смены для указания минут простоя рабочих за день и интерфейс подтверждения простоя для менеджеров др. департаментов
4 таблица со списком всех лотов
5 аналитическая таблица с указанием эффективности рабочих по отдельности за выбранные дни, кол-во выполненных лотов, брак, простой
6 импорт необходимых словарей из АБАСа(erp которую использует завод) и экспорт табличных данных в csv
есть авторизация и раздельные права доступа. дизайна и тз не было. все сделано со слов директора. директору все нравится, готов башлянуть. ВНИМАНИЕ ВОПРОС: сколько брать денег?
Я:
написал 80% клиента
менторю и обучаю новых разрабов
веду один проект
выхожу на сеньора если все норм весной
Тимлид делает мне заявочку, что я виноват в том что 2 наших клиента разошлось в кодовой базе и что я считаю что я всегда прав. Причем мог бы сказать и тоном помягче, но выдал как здрасте.
Что делать? Планирую после релиза проекта искать новую работу. Но хотелось бы уже получить лычку сеньора, тем более что в команде в принципе вроде всем нравлюсь... Чяднт?
написал 80% клиента
менторю и обучаю новых разрабов
веду один проект
выхожу на сеньора если все норм весной
Тимлид делает мне заявочку, что я виноват в том что 2 наших клиента разошлось в кодовой базе и что я считаю что я всегда прав. Причем мог бы сказать и тоном помягче, но выдал как здрасте.
Что делать? Планирую после релиза проекта искать новую работу. Но хотелось бы уже получить лычку сеньора, тем более что в команде в принципе вроде всем нравлюсь... Чяднт?
>>19201
Да похрен сколько ты чего написал. Вопрос к качеству написанного. Я тоже уйму говнокода породил в своей жизни, как на проектах так и для себя, дальше-то что?
Тут твое ЧСВ может разгуляться. Нашел себе отдушину, молодца
Опять же вопрос к тому как ты его ведешь
...
>написал 80% клиента
Да похрен сколько ты чего написал. Вопрос к качеству написанного. Я тоже уйму говнокода породил в своей жизни, как на проектах так и для себя, дальше-то что?
>менторю и обучаю новых разрабов
Тут твое ЧСВ может разгуляться. Нашел себе отдушину, молодца
>веду один проект
Опять же вопрос к тому как ты его ведешь
>Тимлид делает мне заявочку, что я виноват в том что 2 наших клиента разошлось в кодовой базе и что я считаю что я всегда прав
...
Cап. Вроде скрипт в самом внизу, страница прогрузилась. Но у элемента <p> не видит айди. Как фиксить проблему?
А я ретард, велью еще попросил, а оно как раз идентифайт. Сука думал над проблемой минут 10, как написал сюда сразу догнал
>>19284
>>19284
>>19201
Это самая главная пробелма всех этих мидлсеньеров. Дикая самоуверенность, непокладистость и отрицание любой критики.
>и что я считаю что я всегда прав
Это самая главная пробелма всех этих мидлсеньеров. Дикая самоуверенность, непокладистость и отрицание любой критики.
>>19215
я изначально делал под заказ
я изначально делал под заказ
>>19163
Это называется CSRF.
Это называется CSRF.
>>19201
Ты определись что тебе нужно. Все компании по-разному оценивают уровни разработчиков, то что тебе тут помидора дадут, не значит что другие компании будут тебя таковым считать.
Да и зачем это звание ради звания, пусть как угодно называют если платят и относятся нормально
> планирую после релиза проекта искать новую работу
> хотелось бы уже получить лычку сеньора
Ты определись что тебе нужно. Все компании по-разному оценивают уровни разработчиков, то что тебе тут помидора дадут, не значит что другие компании будут тебя таковым считать.
Да и зачем это звание ради звания, пусть как угодно называют если платят и относятся нормально
Можете подсказать какие-нибудь охуенные гитхаб репозитории с сайтами сделанными на nextjs и typescript? Хочу посмотреть как всё делать грамотно и что вообще там сеньеры с большими писями пишут
>>19489
Не, такого нет практически. Компании редко опенсорсят такие вещи. Гитлаб разве что приходит в голову.
>Да ладно, наверняка много кто
Не, такого нет практически. Компании редко опенсорсят такие вещи. Гитлаб разве что приходит в голову.
window.addEventListener(scroll, doSomething)
Это ведь очень частое событие во время прокрутки? Если к примеру я хочу во время прокрутки скрывать что-то на странице?
Если я какой-то таймер добавлю это норм, или нужно как-то по другому отслеживать прокрутку страницы?
Это ведь очень частое событие во время прокрутки? Если к примеру я хочу во время прокрутки скрывать что-то на странице?
Если я какой-то таймер добавлю это норм, или нужно как-то по другому отслеживать прокрутку страницы?
>>19455
ну хуй знает, я бы за нестрогие сравнения undefined и null всё-таки пробивал двушечку
> const hasVoted = item.votes.find((vote) => vote.userId.toString() === sessionUser?.id) != null;
ну хуй знает, я бы за нестрогие сравнения undefined и null всё-таки пробивал двушечку
>>19537
Т.е. не отслеживать, а обновлять состояние, чтобы оно не миллиард раз за прокрутку хуярило
>Если я какой-то таймер добавлю это норм, или нужно как-то по другому отслеживать прокрутку страницы?
Т.е. не отслеживать, а обновлять состояние, чтобы оно не миллиард раз за прокрутку хуярило
>>19537
Добавь debounce + проверяй насколько прокрутка изменилась.
>>19201
Можешь просто всем говорить, что ты был сениором-помидором.
>>19195
Если честно, за то что ты в приложение уровня "сделать таблицу с выгрузкой в csv" написал на реакте, да еще и на 2.5к строк, я бы тебе по ебалу прописал вместо оплаты. Еще наверное какой-нибудь редакс подтянул
Добавь debounce + проверяй насколько прокрутка изменилась.
>>19201
>Но хотелось бы уже получить лычку сеньора
Можешь просто всем говорить, что ты был сениором-помидором.
>>19195
Если честно, за то что ты в приложение уровня "сделать таблицу с выгрузкой в csv" написал на реакте, да еще и на 2.5к строк, я бы тебе по ебалу прописал вместо оплаты. Еще наверное какой-нибудь редакс подтянул
>>19553
сейчас бы вместо !! писать != null
сейчас бы вместо !! писать != null
>>19559
Только получается мне нужен throttling же, потому что иначе пользователь может пролистать страницу долго до самого низа, и только потом элемент исчезнет. Просто для понимания процесса спрашиваю.
Throttling это когда например ты чекаешь значение прокрутки каждую секунду. И если значение прокрутки выполняет условие, запускается функция, но запускается проверка условия каждый раз, даже если пользователь 10 лет непрерывно будет на одной позиции стоять.
А Debounce, это когды ты запускаешь таймер после любого изменения прокрутки, и таймер начинает считать заново после каждого изменения значения прокрутки, и только когда значение перестало меняться, таймер досчитывает до конца, и выполняет функцию, но больше она тригериться не будет?
>Добавь debounce + проверяй насколько прокрутка изменилась.
Только получается мне нужен throttling же, потому что иначе пользователь может пролистать страницу долго до самого низа, и только потом элемент исчезнет. Просто для понимания процесса спрашиваю.
Throttling это когда например ты чекаешь значение прокрутки каждую секунду. И если значение прокрутки выполняет условие, запускается функция, но запускается проверка условия каждый раз, даже если пользователь 10 лет непрерывно будет на одной позиции стоять.
А Debounce, это когды ты запускаешь таймер после любого изменения прокрутки, и таймер начинает считать заново после каждого изменения значения прокрутки, и только когда значение перестало меняться, таймер досчитывает до конца, и выполняет функцию, но больше она тригериться не будет?
>>19626
Да, для обуздания слишком частых событий прокрутки тебе нужен throttle.
Нет, throttle без вызова сам ничего не чекает.
Вот тут хорошо написано: https://underscorejs.org/#throttle
Да, для обуздания слишком частых событий прокрутки тебе нужен throttle.
> Throttling это когда например ты чекаешь значение прокрутки каждую секунду. И если значение прокрутки выполняет условие, запускается функция, но запускается проверка условия каждый раз, даже если пользователь 10 лет непрерывно будет на одной позиции стоять.
Нет, throttle без вызова сам ничего не чекает.
Вот тут хорошо написано: https://underscorejs.org/#throttle
>>19633
А насколько много ресурсов жрет обновление таймера по скроллу? Есть вообще какая-то возможность следить за производительностью приложения?
А насколько много ресурсов жрет обновление таймера по скроллу? Есть вообще какая-то возможность следить за производительностью приложения?
Что вернет getDay(), если при создании Date были указаны только месяц и год? День недели первого числа?
>>19537
Тебе скорее это нужно:
https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API
Тебе скорее это нужно:
https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API
>>19553
Так синьорам можно.
Так синьорам можно.
>>19366
Сервер отдает браузеру js-файлы. Тот код, который собирается из используемых в твоем проекте библиотек, собирается в файл vendor.js отдельно от файла с кодом твоего собственного приложения, так как предполагается, что 1) зависимости в твоем проекте меняются гораздо реже чем твой собственный код 2) код используемых тобой библиотек значительно больше твоего собственного кода. Выделив библиотечный код в отдельный файл, этот файл может быть закэширован, например, браузером, соответственно его не надо будет качать заново, соответственно, сайт откроется быстрее. Разделение vendor.js/приложение.js самое базовое, в случае больших приложений код делится дальше чтобы поменьше качать лишнего.
Сервер отдает браузеру js-файлы. Тот код, который собирается из используемых в твоем проекте библиотек, собирается в файл vendor.js отдельно от файла с кодом твоего собственного приложения, так как предполагается, что 1) зависимости в твоем проекте меняются гораздо реже чем твой собственный код 2) код используемых тобой библиотек значительно больше твоего собственного кода. Выделив библиотечный код в отдельный файл, этот файл может быть закэширован, например, браузером, соответственно его не надо будет качать заново, соответственно, сайт откроется быстрее. Разделение vendor.js/приложение.js самое базовое, в случае больших приложений код делится дальше чтобы поменьше качать лишнего.
>>18241
Современный Реакт довольно отличается от изначального, и разрабатывался во времена когда классов в JS вообще еще не завезли.
Если вкратце
1) Нужно было как-то организовывать кодовую базу в целом и как-то хранить состояние компонентов в частности, и казалось что концепция классов хорошо для этого подходит, тем более, на бэковых языках этот подход уже давно был в ходу.
Первый прототип Реакта писался с оглядкой на XHP (php-шный), в котором все хтмл-элементы были описаны классами.
По поводу использования классов в прототипе можно глянуть например https://github.com/jordwalke/FaxJs/blob/master/coreModules/Fax/FEvent.js
2) Наследование опирается на идею, что у тебя есть хорошо определенный и редко меняющийся контракт и есть взаимозаменяемые объекты, с общим контрактом но разным поведению. Реактовские компоненты этому не очень соответствуют: такие ситуации встречаются и не сказать что редко (особенно в библиотечном коде), но в прикладном мире у тебя часто меняется контракт (пропсы компонента), а поведение более менее однообразно. Соответственно, в Реакте использовалось наследование, но только на один уровень - все базовые штуки типа методов жизненного цикла и т.д. наследуются от основного компонента, а в твоих собственных компонентах оно более удобно заменяется композицией.
Практики типа полиморфизма тоже используются, но под капотом, например предоставляя тебе одно апи при концептуально разных рендерерах (браузер и мобилка)
2)
Современный Реакт довольно отличается от изначального, и разрабатывался во времена когда классов в JS вообще еще не завезли.
Если вкратце
1) Нужно было как-то организовывать кодовую базу в целом и как-то хранить состояние компонентов в частности, и казалось что концепция классов хорошо для этого подходит, тем более, на бэковых языках этот подход уже давно был в ходу.
Первый прототип Реакта писался с оглядкой на XHP (php-шный), в котором все хтмл-элементы были описаны классами.
По поводу использования классов в прототипе можно глянуть например https://github.com/jordwalke/FaxJs/blob/master/coreModules/Fax/FEvent.js
2) Наследование опирается на идею, что у тебя есть хорошо определенный и редко меняющийся контракт и есть взаимозаменяемые объекты, с общим контрактом но разным поведению. Реактовские компоненты этому не очень соответствуют: такие ситуации встречаются и не сказать что редко (особенно в библиотечном коде), но в прикладном мире у тебя часто меняется контракт (пропсы компонента), а поведение более менее однообразно. Соответственно, в Реакте использовалось наследование, но только на один уровень - все базовые штуки типа методов жизненного цикла и т.д. наследуются от основного компонента, а в твоих собственных компонентах оно более удобно заменяется композицией.
Практики типа полиморфизма тоже используются, но под капотом, например предоставляя тебе одно апи при концептуально разных рендерерах (браузер и мобилка)
2)
>>19681
`Date()` хранит в себе количество миллисекунд с начала юниксовой эры. Вот и сам подумай, сколько миллисекунд ты передаёшь, указывая только месяц и год.
`Date()` хранит в себе количество миллисекунд с начала юниксовой эры. Вот и сам подумай, сколько миллисекунд ты передаёшь, указывая только месяц и год.
>>19559
тебе конечно виднее :)
тебе конечно виднее :)
>>19713
Спасибо большое, пчел. Все понятно пояснил.
Спасибо большое, пчел. Все понятно пояснил.
>>19721
Я вот тоже. Пока то, что смотрю по Vue мне не сильно нравится. Реакт нравится больше. Но щито поделать, надо в это тоже вкатываться. Да и вдруг в будущем мнение изменится
Я вот тоже. Пока то, что смотрю по Vue мне не сильно нравится. Реакт нравится больше. Но щито поделать, надо в это тоже вкатываться. Да и вдруг в будущем мнение изменится
Посоны, перекатывайтесь с редаксов и мобиксов на эффектор. Просто охуенный стейт менеджер, давно такого кайфа не ловил.
>>19776
Правда? Я вот как с редакса на MobX пересел почувствовал облегчение. Пойду почитаю что за стейт менеджер такой твой эффектор
Правда? Я вот как с редакса на MobX пересел почувствовал облегчение. Пойду почитаю что за стейт менеджер такой твой эффектор
>>19780
Он слегка похож на мобх, но там нет ебучей магии с проксями и хуки нормально работают.
Он слегка похож на мобх, но там нет ебучей магии с проксями и хуки нормально работают.
Почему спамит ворнингом: "Cannot play media. No decoders for requested formats: video/webm, video/webm"?
При этом видео проигрывается нормально.
Браузер фаерфокс.
При этом видео проигрывается нормально.
Браузер фаерфокс.
>>19833
Зависит от твоих вводных данных и функциональности браузера. Если C++ и Qt знаешь, то можно уложиться в полгода для браузера с базовым функционалом.
Зависит от твоих вводных данных и функциональности браузера. Если C++ и Qt знаешь, то можно уложиться в полгода для браузера с базовым функционалом.
>>19761
Зато роуты и диспатчи изкаробки
Зато роуты и диспатчи изкаробки
>>19776
А какая нахуй магия в редаксе? Описать редюсер со стейтом и кинуть хуком диспач?
А какая нахуй магия в редаксе? Описать редюсер со стейтом и кинуть хуком диспач?
255 Кб, 512x512>>19799
Почитал. Чёт фегня какая-то непонятная, лень разбираться. Остаюсь на MobX
Почитал. Чёт фегня какая-то непонятная, лень разбираться. Остаюсь на MobX
>>19867
Я ничего про магию в редаксе и не писал. Он простой как три копейки, но бойлерплейта очень много.
Я ничего про магию в редаксе и не писал. Он простой как три копейки, но бойлерплейта очень много.
>>19867
Например зомби-стейт, потому что порядок обновления приконнекченных компонентов совсем не тот же самый, что в простом дереве компонентов и регулярно меняется от версии к версии
Например зомби-стейт, потому что порядок обновления приконнекченных компонентов совсем не тот же самый, что в простом дереве компонентов и регулярно меняется от версии к версии
Не понимаю как с useEffect можно повесить window.addEventListener.scroll только один раз?
Когда я передаю в зависимости вызываемую функцию, addEventListener вешается каждый раз заново ведь? Если я в функции вывожу что-то в консоли, то вижу, что при каждом изменении выводится все больше и больше консоллогов, но если передать в зависимости пустой массив, без тригерящейся функции, то она срабатывает вообще только один раз, посколько в зависимости не передается функция. Как быть?
Когда я передаю в зависимости вызываемую функцию, addEventListener вешается каждый раз заново ведь? Если я в функции вывожу что-то в консоли, то вижу, что при каждом изменении выводится все больше и больше консоллогов, но если передать в зависимости пустой массив, без тригерящейся функции, то она срабатывает вообще только один раз, посколько в зависимости не передается функция. Как быть?
>>20054
т.е. получается так, что после первого изменения позиции страницы выходит один консоллог, после второй их уже два, потом три и всё больше и больше. Как будто event listener каждый раз вешается заново
т.е. получается так, что после первого изменения позиции страницы выходит один консоллог, после второй их уже два, потом три и всё больше и больше. Как будто event listener каждый раз вешается заново
Вьюшники,после $emit разве не хочется бросить эту помойку?
>>20162
Да на каждый пук отписываться не хочется, в итоге сделал через ref
Да на каждый пук отписываться не хочется, в итоге сделал через ref
лично я пишу вот так.
люблю чистый код
with ( Math ) with ( console ) {
log ( cos ( PI / 4 ) )
}
люблю чистый код
with ( Math ) with ( console ) {
log ( cos ( PI / 4 ) )
}
>>20190
А что здесь чистого? Контр пример покажи
А что здесь чистого? Контр пример покажи
>>20054
Что-то ты не так делаешь. По сути постановки, тебе нужно всего лишь один раз повесить твой хэндлер на событие скролла: для этого тебе нужно передать в зависимости пустой массив, а в самом эффекте назначить хэндлер через addEventListener и вернуть коллбэк очистки, который твой обработчик скролла уберет.
По тому что ты описываешь (передаешь пустой массив и твоя функция срабатывает один раз), мне кажется что ты в addEventListener передал не саму функцию, а результат ее вызова
addEventListener('scroll', puk())
а надо
addEventListener('scroll', puk)
Если сделал как в первом варианте, то пук вызовется в момент регистрации эффекта один раз, а все события скролла будут обрабатываться тем, что вернула твоя функция (возможно ничем, если она void)
Что-то ты не так делаешь. По сути постановки, тебе нужно всего лишь один раз повесить твой хэндлер на событие скролла: для этого тебе нужно передать в зависимости пустой массив, а в самом эффекте назначить хэндлер через addEventListener и вернуть коллбэк очистки, который твой обработчик скролла уберет.
По тому что ты описываешь (передаешь пустой массив и твоя функция срабатывает один раз), мне кажется что ты в addEventListener передал не саму функцию, а результат ее вызова
addEventListener('scroll', puk())
а надо
addEventListener('scroll', puk)
Если сделал как в первом варианте, то пук вызовется в момент регистрации эффекта один раз, а все события скролла будут обрабатываться тем, что вернула твоя функция (возможно ничем, если она void)
Какие курсы купить на рутрекере?
>>20264
Там у меня ошибка была в том, что я часть функции описывал в самом листенере. В итоге переписал нормально, и всё заработало. Но вот пустой массив все равно не работает, и все выполняется однократно. Я передал в зависимостях саму функцию, и тогда всё работает.
Там у меня ошибка была в том, что я часть функции описывал в самом листенере. В итоге переписал нормально, и всё заработало. Но вот пустой массив все равно не работает, и все выполняется однократно. Я передал в зависимостях саму функцию, и тогда всё работает.
Добра, двач.
Решил я вкатиться в js Мне для себя, не на продажу кодить. Python медленный, а js вроде ок - так вот и вышло, что на нём начал. Ещё на что то перекатываться не хочу, хоть и для моей задачи он вроде как не оптимален
Дрочу сейчас генетический алгоритм. В однопоточном режиме код выполняется и всё работает, кроме всех доступных ядер процессора. И я очень захотел это исправить, а то долго ждать результатов приходится.
Попытался в worker_thread - вроде получилось. Воркеры отрабатывают, процессор радуется нагрузке. Но только если запускать не в цикле. одной эпохой.
Собственно вопрос, а как бы организовать цикл, что бы
каждую итерацию создавать новый пул воркеров (входные данные могут меняться от эпохи к эпохе) , многопоточно обсчитывать популяцию.
У меня получилось, что просто все эпохи запускаются асинхронно и выполняются параллельно. В общем понимаю что надо копать в сторону async/await какого нибудь да ещё и в цикле. Но уже пару вечеров потратил - не получается никак(.
Вот синтетический пример одной многопоточной итерации, которая работает как надо :
https://pastebin.com/a4T9MjKH - основной тред.
https://pastebin.com/KczQm7eS - воркер.
https://pastebin.com/dHKA8ZYX - вывод.
Подскажите, как можно последовательно выполнить этот код несколько раз, дожидаясь сначала окончания предыдущей итерации ?
Решил я вкатиться в js Мне для себя, не на продажу кодить. Python медленный, а js вроде ок - так вот и вышло, что на нём начал. Ещё на что то перекатываться не хочу, хоть и для моей задачи он вроде как не оптимален
Дрочу сейчас генетический алгоритм. В однопоточном режиме код выполняется и всё работает, кроме всех доступных ядер процессора. И я очень захотел это исправить, а то долго ждать результатов приходится.
Попытался в worker_thread - вроде получилось. Воркеры отрабатывают, процессор радуется нагрузке. Но только если запускать не в цикле. одной эпохой.
Собственно вопрос, а как бы организовать цикл, что бы
каждую итерацию создавать новый пул воркеров (входные данные могут меняться от эпохи к эпохе) , многопоточно обсчитывать популяцию.
У меня получилось, что просто все эпохи запускаются асинхронно и выполняются параллельно. В общем понимаю что надо копать в сторону async/await какого нибудь да ещё и в цикле. Но уже пару вечеров потратил - не получается никак(.
Вот синтетический пример одной многопоточной итерации, которая работает как надо :
https://pastebin.com/a4T9MjKH - основной тред.
https://pastebin.com/KczQm7eS - воркер.
https://pastebin.com/dHKA8ZYX - вывод.
Подскажите, как можно последовательно выполнить этот код несколько раз, дожидаясь сначала окончания предыдущей итерации ?
91 Кб, 909x378Анончики фронтендщики, поясните нубу: попап - это всегда всплывающая ебатория посреди страницы или же это может быть менюшка по клику? Хочу разобраться с пикрил, но не хватает ума. Прошу годных замечаний
Гайда на мдне хватает чтобы вкатиться в нейтив жс? После его прочтения можно сразу рякт брать?
>>20380
А после мдна что читать?
А после мдна что читать?
>>20408
Справочник, но для новичков норм.
Справочник, но для новичков норм.
>>20408
Там хорошо все разжевывается, единственный минус - почти отсутствует какая-нибудь практика. Для новичка лучше чем МДН однозначно.
Там хорошо все разжевывается, единственный минус - почти отсутствует какая-нибудь практика. Для новичка лучше чем МДН однозначно.
41 Кб, 400x433Доброй ночи, аноны. Новичок в программировании. Подскажите нормальная ли реализация? Какие есть еще варианты?
>>20643
Делаешь одну кнопку, при нажатии 'Cтарт' она перемещается на 100 пикселей вправо/лево и её текст меняется на 'Cтоп'. Таким образом легче будет делать адаптивный дизайн - кнопка просто будет менять текст и оставать на месте при маленьких разрешениях.
Делаешь одну кнопку, при нажатии 'Cтарт' она перемещается на 100 пикселей вправо/лево и её текст меняется на 'Cтоп'. Таким образом легче будет делать адаптивный дизайн - кнопка просто будет менять текст и оставать на месте при маленьких разрешениях.
>>20651
а зачем перемещать ее? наоборот фишка в том что для пользователя положение кнопки не меняется, как будто вообще это одна и та же кнопка. просто по нажатию на паузу, кнопка паузы пропадает, и на ее месте появляется кнопка "продолжить".
а зачем перемещать ее? наоборот фишка в том что для пользователя положение кнопки не меняется, как будто вообще это одна и та же кнопка. просто по нажатию на паузу, кнопка паузы пропадает, и на ее месте появляется кнопка "продолжить".
>>20681
Перемещение моментально происходить будет, для пользователя это в любом случае будет как две разных кнопки, но вот в коде у тебя будет на 1 элемент меньше.
Перемещение моментально происходить будет, для пользователя это в любом случае будет как две разных кнопки, но вот в коде у тебя будет на 1 элемент меньше.
Почему негативные марджины считаются чем-то плохим? Несколько раз про это слышал в разных чатиках, но так и не понял в чем особенность такого подхода? Понятно что везде такое делать это хуета, но иногда это очень удобно
>>19929
redux-toolkit
redux-toolkit
>>20348
Это уже зависит от того, что конкретному разработчику в голову взбрело при создании шаблона, так как у имён классов нет какой-то стандартизированной системы. Попап - это в первую очередь абсолютно спозиционированный элемент, а уж относительно чего он спозиционирован - дело десятое.
>попап - это всегда всплывающая ебатория посреди страницы или же это может быть менюшка по клику?
Это уже зависит от того, что конкретному разработчику в голову взбрело при создании шаблона, так как у имён классов нет какой-то стандартизированной системы. Попап - это в первую очередь абсолютно спозиционированный элемент, а уж относительно чего он спозиционирован - дело десятое.
Что по бустрапу и js можно почитать, чтобы самые основы понять@осознать? Желательно с нормальными примерами кода. Я бэк сайта-петпроекта написал, все сделал, осталось чисто красоту навести. Я полный нуб в фронте, если что.
>>20776
Мне не нужен css, мне нужен конкретно бустрап, в первую очередь. Я не собираюсь углубляться в тему, по крайней мере, пока что. Где можно какой-то гайд по самым азам бустрапа найти? Все, что я находил это или "вот скопируйте это себе и все будет норм", или "сейчас я расскажу что такое флекгрид и чем 3 бустрап от 4 отличается". Мне не нужно так подробно.
Мне не нужен css, мне нужен конкретно бустрап, в первую очередь. Я не собираюсь углубляться в тему, по крайней мере, пока что. Где можно какой-то гайд по самым азам бустрапа найти? Все, что я находил это или "вот скопируйте это себе и все будет норм", или "сейчас я расскажу что такое флекгрид и чем 3 бустрап от 4 отличается". Мне не нужно так подробно.
>>20778
Любой "Bootstrap crash course" на ютубе + быстро прогляди доку наискосок.
Сам по себе БС - просто набор готовых ЦСС блоков, как в лего. Их не нужно учить, нужно просто знать, какие примерно они бывают, и все. Какую-то сложность может вызвать только кастомизация стилей, ну или гриды бутстраповские. Но там уже нужно смотреть под конкреные требования.
при работе на проекте весь бустрап изучается за полдня. Начни что-нибудь с ним делать, там сообразишь.
Любой "Bootstrap crash course" на ютубе + быстро прогляди доку наискосок.
Сам по себе БС - просто набор готовых ЦСС блоков, как в лего. Их не нужно учить, нужно просто знать, какие примерно они бывают, и все. Какую-то сложность может вызвать только кастомизация стилей, ну или гриды бутстраповские. Но там уже нужно смотреть под конкреные требования.
при работе на проекте весь бустрап изучается за полдня. Начни что-нибудь с ним делать, там сообразишь.
>>20783
Я пытался, но мне бы что-то краткое. В духе "Короче сюда хуярим вот такие штуки, сюда такие, вот так вот размещаем, вот условный хеллоувород на примере которого стандарт написания показываем". Дальше я уже сам по потребностям гуглить конкретику буду.
>>20797
Да мне бы понять как к нему подступиться, где смотреть все стили, как эти флексы обычно размещают и два-три примера простеньких. Про ютуб понял, а есть книга какая-нибудь, мне просто так привычнее.
Я пытался, но мне бы что-то краткое. В духе "Короче сюда хуярим вот такие штуки, сюда такие, вот так вот размещаем, вот условный хеллоувород на примере которого стандарт написания показываем". Дальше я уже сам по потребностям гуглить конкретику буду.
>>20797
Да мне бы понять как к нему подступиться, где смотреть все стили, как эти флексы обычно размещают и два-три примера простеньких. Про ютуб понял, а есть книга какая-нибудь, мне просто так привычнее.
>>20807
Бляха, не нужна там никакая книга. Ну загугли Bootstrap recipes, это готовые примеры кода, с демками. Пощупаешь как это в живую выглядит, страх пройдет.
Бляха, не нужна там никакая книга. Ну загугли Bootstrap recipes, это готовые примеры кода, с демками. Пощупаешь как это в живую выглядит, страх пройдет.
>>20816
Понял, спасибо
Понял, спасибо
ПЕРЕКАТ >>1920831 (OP)
ПЕРЕКАТ >>1920831 (OP)
ПЕРЕКАТ >>1920831 (OP)
ПЕРЕКАТ >>1920831 (OP)
ПЕРЕКАТ >>1920831 (OP)
ПЕРЕКАТ >>1920831 (OP)
ПЕРЕКАТ >>1920831 (OP)
ПЕРЕКАТ >>1920831 (OP)
ПЕРЕКАТ >>1920831 (OP)
ПЕРЕКАТ >>1920831 (OP)
ПЕРЕКАТ >>1920831 (OP)
ПЕРЕКАТ >>1920831 (OP)
ПЕРЕКАТ >>1920831 (OP)
ПЕРЕКАТ >>1920831 (OP)
ПЕРЕКАТ >>1920831 (OP)
22 Кб, 979x338>>20807
Ты по сути хочешь хуярить CSS, не зная CSS. Ты же бэкэндер, любишь основы знать, вот и изучай основы CSS.
Кстати половина опрошенных в https://2020.stateofcss.com/en-US/ люто его ненавидит, и это люди которые более-менее разбираются в css. Подумой, прежде чем тащить его в свой проект, даже пет.
Для пета один хуй лучше свой css пердолить, так как любое свойство любого селектора можешь поменять по желанию левой пятки. С либами же придётся городить костыли, которые твой набор стилей ещё и привязывает к ней.
На мдн есть раздел вката в CSS:
https://developer.mozilla.org/en-US/docs/Learn/CSS
Ты по сути хочешь хуярить CSS, не зная CSS. Ты же бэкэндер, любишь основы знать, вот и изучай основы CSS.
Кстати половина опрошенных в https://2020.stateofcss.com/en-US/ люто его ненавидит, и это люди которые более-менее разбираются в css. Подумой, прежде чем тащить его в свой проект, даже пет.
Для пета один хуй лучше свой css пердолить, так как любое свойство любого селектора можешь поменять по желанию левой пятки. С либами же придётся городить костыли, которые твой набор стилей ещё и привязывает к ней.
>Про ютуб понял, а есть книга какая-нибудь, мне просто так привычнее.
На мдн есть раздел вката в CSS:
https://developer.mozilla.org/en-US/docs/Learn/CSS
Двач.hk не отвечает.
Вы видите копию треда, сохраненную 3 мая 2021 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
Вы видите копию треда, сохраненную 3 мая 2021 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.