Этого треда уже нет.
Это копия, сохраненная 5 августа 2022 года.

Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
16504515168180.png103 Кб, 1050x1050
JS Thread #250 /js/ 2345092 В конец треда | Веб
Предыдущий тред: >>2339952 (OP)

Больше пары строк кода в посте или на скриншоте ведут в ад.

Для программирования на HTML https://codesandbox.io
Для Node.js с консолькой https://repl.it/languages/nodejs

Если рассчитываешь получить дельный ответ, сформулируй правильно вопрос: «что я хочу получить, что я для этого делаю, что я вместо этого получаю». Если/когда самостоятельно найдёшь решение — поделись в треде, мы за тебя переживаем.

Документация - https://developer.mozilla.org
Руководство для вката - https://github.com/acilsd/wrk-fet#javascript
2 2345096
Что лучше использовать: классы с методами или просто функции экспортировать? (В случае с сервером на ноде, да и вообще)
3 2345103
каков принцип написания хуков и стейтов вручную(создать велосипед)
4 2345104
>>45096
У сервера нет ДОМовских заёбов с контекстом методов, так что классы на ноде намного лучше заходят. Плюс версия ноды постояная в контексте кода, так что не надо ебаться с разношёрстной поддержкой классов между средами.
Классы надо использовать тогда, когда тебе нужно очевидные инстансы со своей логикой создавать. Симптом инстансов - когда у тебя функции в модуле пропукивают между собой референс на один и тот же объект и дёргают его поля. Это прямо каноничная сигнатура метода класса.
В принципе можно не заморачиваться с классами/фунциями и всё хуярить на процедурках, а модули конвертировать в классы только при появлении симптома.
5 2345106
>>45103

>принцип написания хуков и стейтов вручную


Заключается в прочтении документации к реакту.
6 2345120
>>45106
а без реакта
7 2345135
>>45120
Там замыкания всякие, на гитхабе можешь посмотреть на реакт, там открытый код.
Вот ещё анон кидал, можешь ознакомиться
https://www.netlify.com/blog/2019/03/11/deep-dive-how-do-react-hooks-really-work/
1651054116331.png24 Кб, 495x487
8 2345155
Сап, аноны, на связи горе-вкатывальщик. Решил разобрать чужой код, и столкнулся с одной проблемой, при вызове факториал 10 получается 3628800, т.е. выполняется result * 9 хотя по условию i <= 10. Почему так?
9 2345172
>>45104
Окей, пока не вижу необходимости делать классы, только если для красоты
10 2345175
>>45155
Когда уже будет хвостовая рекурсия, чтобы форы эти ебаные совсем не писать???
image5 Кб, 594x259
11 2345176
12 2345178
>>45176
Мне теперь стыдно, как пост удалить?
13 2345189
>>45178
Завайпать тред, чтобы модер жмакнуть "удалить все посты"
14 2345193
>>45155
освой дебаггинг
image12 Кб, 534x198
15 2345198
Кароче 4 гига оперативки не хватает на нормальное функционирование ютуба + вскода. Хотя мне винда и по 8 гигов выгружает. Хз на линуксе хватило бы или нет
16 2345199
>>45198
Нормальное функционирование в том смысле, то intellisense практически не работает(
17 2345215
Сап. Подскажите плз дауну. Вот у меня есть список постов и на каждый пост можно ответить, типа как на двоще. Каждый пост - это компонент вьюжс. Сосотоит из поста и формы постинга, которая показывается, если переменная в этом компоненте тру. Переменная меняется при нажатии на кнопку ответить. Форма в каждом компоненте, потому что я хочу чтоб форма под постом показывалась. Но, как сделать так чтобы одновременно только одна форма была открыта? То есть, если я открываю форму в одном компоненте, то она закрывается в другом?
18 2345226
>>45198
Хватает.
19 2345227
>>45215
Хранить идентификатор поста, под которым октрыта форм отправки в вьюксе или родительском компоненте.
20 2345228
>>45215

>Форма в каждом компоненте, потому что я хочу чтоб форма под постом показывалась



Вьюдауны еще не научились динамически менять локацию ноды.

Ахуительные истории короче. Им изобретали фреймворки, потому что ручками обновлять дом это слишком тяжело и большой риск допустить деоптимизации. По итогу они пихают по форме в каждый комментарий. Только выиграли.
21 2345234
>>45226
а почему intellisense глючит?
22 2345235
>>45228

>По итогу они пихают по форме в каждый комментарий. Только выиграли


А ты уверен, что там форма всегда рендерится, фуфел? Наверное, по твоему мнению через жиквару через строки вставлять намного удобнее
23 2345237
>>45235

>Наверное, по твоему мнению через жиквару через строки вставлять намного удобнее


Вьюдаун не палится. На ванилле можно спокойно перекидывать любой элемент в доме, с сохранением референса на этот элемент.
image.png27 Кб, 414x288
24 2345238
25 2345240
>>45228
Ну так она разве рендерится, если переменная не тру? Или я чет не понимаю? Я ещё планировал метод отправки формы этой в компоненте поста прописать. Это типа тоже выйдет, что я один и тот же метод n раз напишу? И так не надо делать? Но вроде логично типа.
>>45227
А, ну попробую мб. Я прост думал, сделать чтоб компонент типа эмиттил в родительский компонент какую-то команду, чтоб все формы позакрывались у компонентов постов, но чет неосилил пока.
26 2345243
>>45235
Через какие нахуй строки, долбоёб. Любитель innerHTML, ты? Узнал тебя по обдристанным штанишкам.

>А ты уверен, что там форма всегда рендерится,
Уверен. Иди и ты проверь, теперь.
27 2345245
>>45240

>Ну так она разве рендерится, если переменная не тру?


Какая нахуй разница тру или не тру.
У тебя в каждом компоненте рендерится НОВАЯ форма. Новый дом узел. Каждый раз. На 100 комментариев ты создаешь 100 нод формы.
carbon.png281 Кб, 1554x1448
28 2345246
Сап, программисты.
Есть слайдер и к нему 2 инпута с именами from и to.
В инпуте можно менять значения, но нужно сделать валидацию через yup.
В принципе я сделал, но остаётся проблема в том, что у меня ошибка общая, а надо, чтобы она относилась именно к тому инпуту, где ошибка и произошла. Также юзаю formik со всем этим делом.
Код на пикче, функция validate вызывается на onBlur инпута.
Я вообще хуй знает как это сделать.
29 2345248
>>45245
Ну так и чё я не понимаю? Что значит "новая"? Я нажимаю на кнопку, появляется элемент с формой. Не нажимаю - не появляется. Чем эта форма будет отличаться от той, что будет динамически вставлена? Один хрен одновременно на странице будет одна форма (ну если я сейчас пофикшу это).
Когда кнопка не нажата в верстке показывается <--v-if--> вместо элемента формы, то есть её же нет типа.
image.png12 Кб, 415x149
30 2345250
>>45248
Ты не понимаешь разницы между двумя разными объектами?

Понимаешь в чем разница между двумя массивами на пике?
31 2345261
>>45250
Ну я вообще жс не изучал особо, прост сайтик свой делаю. Я не понимаю, в чем разница между теми штуками у тебя на пике. Но лан, подумаю, как сделать чтоб одна форма была.
Прост мне показалось логичным что всё, что связано с этим компонентом, будет внутри этого компонента. У меня же каждый комментарий это как отдельный блог типа (не как на даче, а типа как в ВК там или на Ютубе)
image.png124 Кб, 619x735
32 2345268
Кто-нибудь делал такой календарь? Хотел через ант взять, но в анте месяца без дней, либо дни только для одного месяца
33 2345272
>>45237
Что, если ему потом понадобится менять динамически контент этого элемента в зависимости от условий? Императивно у каждого элемента менять пропы? Хватит дурачком прикидываться.

>>45237

>Через какие нахуй строки, долбоёб


Через которые ты контент на странице меняешь, попущ.

>Уверен. Иди и ты проверь, теперь.


Ты обосрался, долбоебина. Не рендрится от слова совсем, ни в реакте, ни во вью, ни в ангуляре
34 2345275
>>45261
Ты после того как пообедаешь посуду всю выбрасываешь, а перед новой трапезой новую покупаешь? Это же по твоему логично должно быть - еда же каждый раз новая. Нет разве?
35 2345276
>>45245

>На 100 комментариев ты создаешь 100 нод формы.


Ты говна навернул, иди гитхаб открой и посмотри как рендеринг во вью работает, хватит срать в штанишки.
>>45250
А ты не понимаешь разницы между вставкой/перемещением элемента в дереве и заменой уже существующего, веб макака?
36 2345279
>>45272

>Что, если ему потом понадобится менять динамически контент этого элемента в зависимости от условий? Императивно у каждого элемента менять пропы? Хватит дурачком прикидываться.


Если бы да кабы. У этих плавающих форм очень слабая привязка к каким-либо элементам в списке, в который они засовываются. А уж в контексте имиджборды связки вообще нет, так как даже ответы - всего-лишь строчные ссылки. Так что хуй знает про какие пропы ты тут затираешь.
37 2345280
>>45276
Ты тупоё добоёб.
Ни вью, ни реакт, ни ангуляр не перемещают форму по дереву.
Они создатут сто форм на сто комментариев. И будут тебе их показывать и скрывать. Но это будут сто разных блядь форм. Ты понимаешь это или нет?
38 2345282
>>45272

>Ты обосрался, долбоебина


Пиздуй сравнивать рефы на ноды, шизоид.
39 2345285
>>45280
Так а что в этом плохого?
40 2345290
>>45285
Ахуительно, блядь.

Ну например то, что это требует в 100 раз больше памяити и в сто раз больше вычислений.

Что в этом плохого? Хуй знает, что плохого в том, что вы постоянно сеуете, што браузеры вам всю оперативку выжирают и тормозят.
41 2345292
>>45290
Ну то есть я правильно понимаю, что если ты пишешь у какого-то элемента v-if, то этот элемент энивей есть, просто не показывается? Даже если в коде страницы его нет, то он где-то там сидит и занимет память? Я рил не знаю.
42 2345296
>>45292
Если он не занимает там где-то память (не закеширован), после того как был отрендерен хотя бы раз, то все еще хуже. Ты будешь создавать форму заново КАЖДЫЙ раз. С тем же успехом можешь заново ререндерить всю страницу на каждое движение мыши, что в этом плохого?
43 2345298
>>45296
Ну прям там одно поле с кнопкой дохуя памяти занимают? Просто ты говоришь, как я понимаю, что даже если кнопка ответа не нажата, то вью энивей для каждого поста займет память для формы? Ну типа думаю не страшно новую форму нарисовать каждый раз, когда ты отвечаешь на пост. Но если он рисует форму для вообще всех постов на странице, на которые ты и не собирался отвечать, то тогда да, не очень наверное.
44 2345299
>>45198
А что ты хотел от двух одновременно запущенных браузеров.
45 2345302
>>45280

>Они создатут сто форм на сто комментариев.


Они создают 100 форм только если ты написал в коде, что надо создать 100 форм. Если ты напишешь создать одну форму к активной карточке поста, то он создаст одну форму.
46 2345303
Что такое CJS и ESM?
47 2345305
>>45303
Стандарты модулей. Официальным является esm до сих пор поддерживается не везде
48 2345306
>>45268
Ни у кого идей нет?
49 2345307
>>45268
Ну я делал, в чем запрос идеи то?
50 2345310
>>45302
Еще раз. Пиздуй и сравни рефы на дом-ноды формы у разных постов. Это разные ноды.
51 2345314
>>45310
ты спизданул про создание 100 разных форм для каждого поста, а не сравнение двух разных нод, попущ. Иди перечитай свои посты.
52 2345315
>>45298
Ну да. Тут одно поле - ничего стращного. Там тоже одна кнопка - ничего страшного. А вон там тоже всего ничего подумаешь.

Ты понимаешь что из такх мелочей блядь все и складывается? Никто не садится писать ГОВЕННЫЙ ТОРМОЗЯЩИЙ И ЖРУЩИЙ ПАЯТЬ код намеренно.
53 2345316
>>45307
Ну типа как делать без анта, сам написал?
54 2345317
>>45303
Несовместимые сорта модулей ноды.
55 2345318
>>45314
100 форм для 100 постов. А не 100 форм для каждого поста. ты ебешься в глаза. Читай внимательно долбоёб >>45245
>>45280
56 2345320
>>45268
>>45307

Я могу взять конечно 12 месяцовых антовских календарей, но как-то это не очень звучит
57 2345322
Чем HTTPS server отлич от HTTP/2?
58 2345324
>>45298
Можешь посмотреть на Хабр. Он делает именно то же, что ты - создает новую форму для каждого поста.

Хабр правда очень шустрый сайт, не так ли?
59 2345325
>>45324
для каждого комментария*
60 2345328
чёт я не понимаю, а если рендерить компонент формы при клике на пост, то о каких формах для каждого поста идёт речь?
61 2345331
Ух епта, ну я сделал, оно работает! Ну конечно наверное не круто.

Я сделал как мне тут один анон советовал: в родительском компоненте есть переменная commentingPostId, которая передается в каждый компонент поста. В компоненте поста сравнивается id поста с переданным commentingPostId, если совпадает, то показывается форма. При нажатии на кнопку ответить, срабатывает метод, который эмитит id поста. В родительском элементе при эмите срабатывает метод, который устанавливает commentingPostId на тот id, который ему заэмитил компонент.
62 2345332
>>45328
В том, что это костыльное подобие плавающей формы. Тащемта её можно "по-настоящему" реализовать и во фреймворках, но для этого придётся создавать свою систему оверлея или пихать императивный код с рефами в компонент. С отдельным стором кстати намного проще, так как императивщину можно спрятать за тханком и реф хранить в полуглобальном состоянии.
63 2345333
Как много магии под капотом Vue, как разобраться как это внутри работает, и нужно ли?
64 2345340
>>45324

>Хабр правда очень шустрый сайт, не так ли?


Как будто из-за того, что он создает эту форму он так лагает.
65 2345342
>>45331
Молодец. В будущем используй для этого vuex или его аналоги.
66 2345347
>>45342
Не ну я знаю, что это такое, просто подумал, что наверное не круто хранить типа в общем хранилище информацию, относящуюся только к одной странице. Или норм? наверное да, надо было так сделать, лел.
67 2345351
>>45347
Ты прав. Вьюкс не очень хорошо подходит, а вот vue-query вполне.
68 2345353
подскажите пожалуйста
есть массив ['a', 'ab', 'abc', 'babc']
в нем требуется для строки 'abcd' найти элемент, который больше всего входит в указанную строку с начала строки ('abc')
как это сделать?
69 2345354
>>45353

>как это сделать?


Прочитать оппост.

>Если рассчитываешь получить дельный ответ, сформулируй правильно вопрос: «что я хочу получить, что я для этого делаю, что я вместо этого получаю».

image.png10 Кб, 730x73
70 2345356
71 2345358
>>45268
бамп
image.png13 Кб, 625x116
72 2345360
73 2345412
>>45356
>>45360
неправильно, в задаче написано "больше всего входит", т.е. нельзя тупо проверять на 'abc', нужно все подстроки перебрать.
74 2345436
>>45412
Он все и перебирает, долбоеб.
75 2345526
Вы прикиньте, див оказывается по дефолту инлайн элемент, а браузеры ему задаёт дисплей блок
вааау
Screenshot20220427-213956Chrome.jpg147 Кб, 720x754
76 2345543
image.png153 Кб, 966x867
77 2345563
>>45543
Так. ну этот чел на видосе говорит обратное. Если дисплей инишл выставить, то выдаст именно инлайновым. Или получается у дисплея по дефолту инишл это инлайн, и дисплей всё в инлайн пытается перевести? ясн
https://youtu.be/N8tFrMZp_wA?t=114
78 2345569
Я если честно не понимаю, если у дисплея по дефолту всё инлайновое, тогда что говорит диву быть по дефолту дисплей блок? Разве это не бразуер задаёт настройки?
79 2345579
ну да, браузерная надстройка в общем.
80 2345596
ШОК!!! ДИВ ВСЕГДА БЫЛ ИНЛАЙНОВЫМ, А БРАУЗЕРНЫЕ ВЕНДОРЫ ЭТО СКРЫВАЛИ ДЕСЯТИЛЕТИЯМИ!
Screenshot20220427-225300Chrome.jpg80 Кб, 720x685
81 2345603
>>45563
Когда собираешься подрасти и вместо того чтобы ретранслировать то, что ты не понял, начать читать документацию, долбоеб?

Чел ему глворил. Пиздец.
82 2345604
>>45603
Получается я был прав
83 2345606
>>45596
Так верстали наши шизопредки
84 2345677
Есть форма

<form action="<?php echo $_SERVER["PHP_SELF"] ?>" class="" method="post" id="my_form" name="my_form" method="post">

в ней инпуты где вводишь текст

И есть кнопка сабмит
<button type="submit" class="button" button id="button">Submit</button>

Данные Array показываются прям на этой же странице (можно на другой, не суть важно). Т.е. у меня над <!DOCTYPE html> висит

<?php
print_r($_POST);
?>
Так вот, нужно чтобы по нажатию кнопки форма не сразу отправлялась (срабатывала) а например 7 секунд задержка была. Уже пробую 10 метод со стаковерфлов и ничего не срабатывает.
Как можно сделать задержку?
85 2345680
>>45677
Не знаю важно или нет, на XAMPPE щас проверяю.
86 2345685
>>45677
<button type="button" onclick="send"></button>

<script>
const send = () =>
setTimeout(() => {
const form = document.getElementById("form");
const fd = new FormData(form);
fetch("/<твой экшн>", { method: "post", body: fd });
}, 7_000);
</script>

дадада мне похуй на onclick, глобальное пространство и прочую хуйню. Один хуй эта пыхамакака не в состоянии написать нормальный жс
87 2345687
>>45677
Второй вариант, еще легче:
<button type="button" onclick="send"></button>
<script>
const send = () =>
setTimeout(() => {
document.getElementById("my_form").submit();
}, 7_000);
</script>
88 2345691
>>45677

><?php


>print_r($_POST);


>?>


Ебало представили?
https://ru.wikipedia.org/wiki/Межсайтовый_скриптинг
89 2345692
>>45685
>>45687
попробовал - нихрена. Вот вся моя форма простейшая

<?php
print_r($_POST);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>test_post</title>
</head>
<body>
<form action="<?php echo $_SERVER["PHP_SELF"] ?>" method="post">
<label for="first">First Name :</label>
<input type="text" id="first" name="first">
<label for="last">Last Name :</label>
<input type="text" id="last" name="last">
<button type="submit">Submit using POST</button>
</body>
</html>

На ней попробовал решение 6-10 из стаковер - не работаеют. Кнопки подставляю как у них в примерах. У тебя в примерах тоже даже твои айдишники подставлял. Наверное я рукожоп какой-то и в упор чего-то не вижу.
90 2345693
>>45691
я это видел, я для себя делаю поэтому вообще все равно на защиту.
91 2345694
>>45692

>Кнопки подставляю как у них в примерах. У тебя в примерах тоже даже твои айдишники подставлял. Наверное я рукожоп какой-то и в упор чего-то не вижу.


это что такое?

>type="submit"

92 2345696
>>45692

> У тебя в примерах тоже даже твои айдишники подставлял. Наверное я рукожоп какой-то и в упор чего-то не вижу.


Ну так кидай полностью весь код, что ты подставил.
мимо
93 2345697
>>45692
Олсо, ты </form> потерял
94 2345701
>>45696
вот пожалуйста, подставил второй вариант анона.

<?php
print_r($_POST);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>test_post</title>

<script>
const send = () =>
setTimeout(() => {
document.getElementById("my_form").submit();
}, 7_000);
</script>

</head>
<body>
<form action="<?php echo $_SERVER["PHP_SELF"] ?>" method="post" id="my_form">
<label for="first">First Name :</label>
<input type="text" id="first" name="first">
<label for="last">Last Name :</label>
<input type="text" id="last" name="last">
<button type="button" onclick="send"></button>
</form>
</body>
</html>

>>45697
спасибо
94 2345701
>>45696
вот пожалуйста, подставил второй вариант анона.

<?php
print_r($_POST);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>test_post</title>

<script>
const send = () =>
setTimeout(() => {
document.getElementById("my_form").submit();
}, 7_000);
</script>

</head>
<body>
<form action="<?php echo $_SERVER["PHP_SELF"] ?>" method="post" id="my_form">
<label for="first">First Name :</label>
<input type="text" id="first" name="first">
<label for="last">Last Name :</label>
<input type="text" id="last" name="last">
<button type="button" onclick="send"></button>
</form>
</body>
</html>

>>45697
спасибо
95 2345702
>>45701
В консоли браузера что? Во вкладке network? При клике на кнопку.
96 2345703
>>45701

>onclick="send"


onclick="send()"
97 2345704
>>45702
посмотрел, и там и там ничего не происходит.
98 2345706
99 2345707
>>45703
заработало! Огромное тебе спасибо ночной анон >>45687 и тебе тоже
100 2345708
>>45707
Не за что. Формы говно, если что. Если хочешь в фуллстек учи сразу подход AJAX, а именно как работает метод fetch.
101 2345819
>>45155
< 10(до 9)
<= 10 (до 10)
image.png181 Кб, 764x1281
102 2345853
>>45092 (OP)
Так в чём актуальность замыкания в 2022? Нахуй это на собесах спрашивают? Что бы что? Что бы узнать понимает ли человек, что лет в скобочках не видно за скобочками? Так спрашивали бы сразу про области видимости. Или я чего-то не понимаю?
103 2345864
>>45853
это вопрос уровня актуальность понимания if else в джаваскрипте
104 2345867
>>45819
мне снова стыдно, не надо.
105 2345874
>>45864
Замыкание никто не использует.
106 2345901
>>45874
Ты блять когда импортируешь модуль используешь замыкание.
107 2345906
>>45853
В рякте хуки это чистопородные замыкания.
108 2345910
Каждый собес спрашивают про тесты, но я за последнии 2 года их ниразу не писал, просто потому что никто на это бюджет не выделяет. При этом отдел тестирования постоянно перегружен и не успевает.
109 2345912
>>45853
потому что в жс кроме замыканий и прототипов нихуя нет
110 2345916
>>45526
по какому дефолту, в спеке написано, что блочный, значит браузер так его и должен отображать и прописывает это в дефолтных стилях. То что у пропсы значение inline не значит ничего.
111 2345918
Есть один стейт, который я хочу поменять в глубоко вложенном дочернем компоненте через юсеконтекст.

Как мне это сделать?
Выдает ошибку

Warning: Cannot update a component (`Home`) while rendering a different component (`ListItem`). To locate the bad setState() call inside `ListItem`
112 2345922
>>45918
Бля...
Пересмотрел свой же код
()=>Delete(listItem) надо было
Вопрос закрыт
113 2345933
>>45910
Так это чистый ритуализм. Считай TDD - коммунизм позднего совка. Никто в него не верит и не практикует, но если ты не хочешь быть изгоем-опущем, то ты должен говорить о важности тестов и какое же заебатое это TDD. Да и кабанчикам в принципе похуй на тесты, им проще загонять разработчиков на сверхурочные после деплоя в пятницу через раз, чем продлевать и усложнять процесс всей разработ очки.
114 2345941
Какие значения лучше использовать для сброса переменных?
Читал, что строки лучше сбрасывать в "" а не null, потому что v8 там лучше работает и не пакует\распаковывает значения туда-сюда.
А что делать с массивами, объектами и другими типами?
115 2345942
>>45941
Какой нахуй сброс значений?
116 2345948
>>45942
Ну типо у тебя есть какая-то формочка с строками, чекбоксами и т.д. и кнопка очистить форму, какие значения полей лучше выставлять после клика на очистку формы?
117 2345956
>>45948
Какой клик на очистку формы? При успешном сабмите вызываешь HTMLFormElement.reset() и не ебёшь мозг.
118 2345972
>>45956
Да много где есть на инпутах крестик для быстрой очистки, или на группе чекбоксов "снять все".
119 2345986
Есть ряд элементов. Нужно проверить, что у какого-либо из них есть нужный класс.
Нашёл все элементы через querySelectorAll и превртил результат в массив. После попробовал это:

console.log(days.some(e => {e.classList.contains('-range-from-')}))

Не работает, выдаёт false
Однако код:

days.forEach(e => {
console.log(e.classList.contains('-range-from-'))
});

Работает и говорит о наличии нужного элемента.
Почему так?
120 2345988
>>45986
e => {e.classList.contains('-range-from-')}
у тебя ф-ция не возвращает значение
121 2345990
>>45988
Ха, точно. Теперь работает. Спасибо.
122 2346015
mysql в командной строке не работает, в shell работает. чзх
123 2346016
>>46015
В какой командной строке?
124 2346019
По долгу службы пришлось вкатиться в жс после Джавы. Пиздос, динамически типизированные языки - полное говнище. Как вы на нем пишете вообще?
125 2346026
>>46019
Ну тупоскрипте пишем
126 2346061
>>46019
Берёшь и пишешь. Я после шарпа js за неделю выучил. Джависты совсем тупенькие?
127 2346086
>>46019
Просто пишу в названии каждой переменной её тип. Проблемс?
128 2346153
Что дает использование реакта?
129 2346162
>>46016
windows 10 powershell, в прогу mysql заходит, а команды не выполняет ну либо я туплю
130 2346192
>>46153
Даёт пиздюлей
131 2346194
>>46192
я серьезно.
как реакт улучшит изготовление мной велосипедов?
132 2346222
>>46194
Велосипеды можно писать быстрее.
133 2346252
>>45941
Лля каждого типа использвать в качестве пустого значения тот же тип.

Незаполненый массив это пустой массив.
134 2346255
>>46222
на ванильном жс?
Но тогда зачем реакт?
135 2346260
>>46194
Будут готовые запчасти к велосипедам.
136 2346262
>>46260
можно пример готовой запчасти,вместо изготовления своей запчасти
137 2346269
>>46086
То что ты тупой не проблема.
138 2346271
>>46262
Ты свои эти метафоры и аллегории оставь для других мест
139 2346280
Привет, подкиньте пожалуйста интересных вопросов на Frontend интервью, что-то аналогичное следующим:
- Как реализовать "тёмную тему" на выбранном фреймворке (Angular, React, Vue).
- Как отследить открытие веб-приложения в новой вкладке и автоматически запретить выполнение кода в предыдущей.
- Как отправлять HTTP запрос не на каждый key stroke, а только через N миллисекунд после ввода последнего символа.
141 2346298
>>46289
много кода
142 2346300
>>46280

>- Как реализовать "тёмную тему" на выбранном фреймворке (Angular, React, Vue).


Реализуется без фреймворка в современном CSS.
143 2346301
>>46300
через setattribute?
144 2346310
>>46300

>Реализуется без фреймворка в современном CSS.


шо.
хочешь сказать можно просто взять и на все разделы сменить тему каким-то там цсс?
145 2346313
>>46301
"Добавляет новый атрибут или изменяет значение существующего атрибута у выбранного элемента."
так toggle же всегда для тем использовался.
во-вторых, как ты отслеживаешь другие разделы сайта?
146 2346316
>>46310
Да, через media query prefers-color-scheme, например.
147 2346322
>>46310
Нет конечно же, нужно ставить фреймворк и пару говнолиб для этого.
148 2346323
>>46322
Привет, добавь лучше интересный вопрос в мой список, пиздобол.
149 2346325
Vue после реакта как глоток свежего воздуха, никогда больше не притронусь к этому говну
150 2346326
>>46325
Подожди, а как же декларативность, как же то что можно легко перенести проект под мобилки, виар.
вью так может?

мимо вкатун, возможно через неделю первая работа будет
151 2346331
>>46323
Пока, всем похуй на твой список. Тред обсуждения языка программирования не будет тебе помогать отсеивать вкатышей.
152 2346358
>>46280
Контекст
Page Visibility API
Debouncing
153 2346369
что по event loop посоветуете посмотреть?
154 2346373
>>46255
Что ты там собрался ан ваниальном жс быстрее писать, долбоёб?
Иди нахуй с такими вопросами вообще.
155 2346402
>>46369
Паттерн "реактор"
156 2346477
Как нпм заставить видеть глобально установленные пакеты? У меня сетап на 10м шиндошсе, в котором я сижу под пользовательской учёткой, а консоль запускаю из под рута (сервер иначе не запускается). Поставил недавно ярн и мне консоль возращает `bash: yarn: command no found`.
157 2346495
>>46477
возможно поможет прописать path для yarn
158 2346498
>>46495
Так у ярна там модная установка через корпак, его нпм тоже не видит. Это не с ярном проблема, а нпм в моём конкретном сетапе.
159 2346499
Зайки. Выбирал выбирал язык программирования. выбрал js и фронт. Но фронт мне не нраица. Сложно потом будет на бек перейти или вообще в геймдев, мобильную разработку уйти?
160 2346500
>>46499
Сложно, а все что ты выучишь там будет и нахуй не нужно
161 2346502
>>46495
Ну и дичь, пришлось добавить временную папку в пути. Шиндошс-стайл солюшнс.
162 2346555
>>46499
Хосспаде, почему вкатуны такие долбоебы? Начинай с Паскаля и Си, потом будет похуй что разрабатывать
163 2346572
>>46555
потому что не знают нихуя в вопросе. это как с ребенка 2 летнего в ахуе быть, почему он не понимает таблицу умножения
164 2346576
Какой должен быть процент поддержки браузерами для типовых сайтов на рынке? Например для интернет магазина. 90% сойдет?
165 2346577
Блин, эт че, придётся разные класснеймы использовать для стилей компонентов?
мээээх
импортнул один компонент, стили наложились на другой
166 2346584
>>46576
Так бабель всё равно сделает нужный процент, а его настройки от желаний бизнеса зависят, какая разница?
167 2346630
Мне нужна поддержка старого говна, типо ie и там полифилов подтягивается слишком много. Хочу 2 версии клиента собрать и подключать по необходимости.

Как в одном конфиге вебпака сделать так, что бы генерировалась 2 бандла с разными настройками бабеля?
Или придется 2 разных конфига делать и по очереди выполнять?
168 2346657
>>46630
Создай отдельный энтрипонит для говна, обмазанного полифилами и пихай его с аттрибутом nomodule в страницу. А основной бандл с type="module". Но там нужно больше пердолиться, скорее всего два конфига собирать придётся, так как нужно будет транспилировать слишком свежее говно в node_modules тоже.
Тут есть общее описание, как это реализовывать:
https://philipwalton.com/articles/deploying-es2015-code-in-production-today/
Это очень старый гайд, так что не рекомендую ему следовать буквально. Плюс все плагины для вебпака, которые якобы могли это дело автоматизировать, не обновлялись года 2 минимум.
169 2346667
>>46584
А бабель мне гарантирует что весь код точно будет переведен на старый стандарт? Например, как он реализует динамический импорт?
170 2346741
>>46577
css modules
171 2346746
>>46667

>А бабель мне гарантирует что весь код точно будет переведен на старый стандарт?


Нет.

>как он реализует динамический импорт?


Никак. Динамический импорт реализуется средствами вебпака или вита. Диинамический импорт нестандартных зависимостей (напр. css) реализуется через соответствующий лоадер и/или плагин.
172 2346749
>>46667

>как он реализует динамический импорт?


Через добавление <script src> на страницу и навешивание на события load и error resolve и reject параметры промиса. Можно поменять, если есть необходимость.
173 2346758
>>46630

>Как в одном конфиге вебпака сделать так, что бы генерировалась 2 бандла с разными настройками бабеля?


>Или придется 2 разных конфига делать и по очереди выполнять?


this.
//webpack.config.js
module.exports = [config1, config2]
174 2346773
>>46746

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


Чиво?
175 2346774
>>46741
Так у меня разные цсс модули. у меня 2 разные цсс модуля и они не импортят друг у друга. там где я их вызываю по всей видимости вызываются 2 вот этих цсс модуля ( так как прописаны импорты в модуле компонентов)
В общем надо просто следить за наименованиями.
image.png73 Кб, 1028x629
176 2346784
>>46773
Таво. Читать не умеешь?
>>46774
Это не css модули, ты глобально css импортируешь.
177 2346785
>>46774
Дебил, ты их импортируешь в скоуп модуля сайд эффектом, пиздуй читать инструкцию, как работать с css-модулями.
178 2346799
>>46773
Вкатун осознает, что у вебпака есть еще рантайм на клиенте. Спешите видеть!
179 2346827
>>46799
ты че бредишь, сука? Какой рантайм вебпак на клиенте?
То что он тебе сгенерировал код по подгрузке модуля не значит, что он у тебя вебкап работает в рантайме.
180 2346828
Привет, А почему в Реакте нету инкапсуляции стилей? А когда в реакте появится HTML шаблонизатор?
181 2346833
>>46827
Какой-то вялый тролинг он выдал
182 2346844
>>46828
Вуедаун не палится.
183 2346847
>>46827
>>46833
Долбебы, вот >>46784 анон скрин кидал.
184 2346850
>>46844
А как насчёт того, что инкапсуляция стилей и нормальный шаблонизатор есть в Angular, Vue, Svelte, а в React нет? Что ты скажешь по этому поводу? А? А? А?
185 2346851
>>46828

>А почему в Реакте нету инкапсуляции стилей?


Ну поставь scoped jsx, будет тебе инкапсуляция как в вуе.

>А когда в реакте появится HTML шаблонизатор?


Как только вуй сможет в нативное мобильное прилоежние
186 2346853
>>46499
А зачем выбрал, если не нравится... Да, бек сложнее, но там не такой разброс по технологиям, несколько актуальных стеков, общие алгоритмы, СУБД, со знаниями которых можно потом переехать хоть в блокчейн. Смысл учить фронт и переучиваться на бек, если можно сразу бек?
187 2346854
>>46850
Отвечу, что вышеописанные фремворки могут работать только в браузере/на ноде, а реакт не только.
188 2346867
>>46827

>То что он тебе сгенерировал код по подгрузке модуля не значит, что он у тебя вебкап работает в рантайме.


>То, что ты вставил код реакта в бандл не означает, что у тебя реакт работает в рантайме


Сам понял что высрал?
189 2346873
>>46850

>инкапсуляция стилей


В чём отличе от css-модулей?

>нормальный шаблонизатор


Дефайн "нормальный". Из нормальных шаблонизаторов на память приходит только pug, так как это единственный шаблонизатор, который упрощает чтение хтмл простыней, а не усложняет. Но он как бы умир, да и работал тольно на нодовских серверах.
190 2346876
>>46827

>Какой рантайм вебпак на клиенте?


Вот этот?
https://github.com/webpack/webpack/tree/main/lib/runtime
191 2346879
Тихо охуеват от количества бойлерплейта в этом вашем реакте

Блеа, мне надо было всего-то в стор добавить один слайс с ебаным массивом, так для этого пришлось редачить четыре-пять файлов...
192 2346893
>>46879
Причём здесь реакт? Это типичный бойлерплейт редукса.
193 2346895
>>46879

>охуеват от количества бойлерплейта в этом вашем реакте


>Блеа, мне надо было всего-то в стор добавить


В реакте нет стора, ты видимо что-то перепутал.
194 2346948
>>46876
И что по твоему это значит?
Где ты видишь место, где вебпак добавляет в твой бандл подгрузку своих библиотек, а не тех, которые ты сам указал при сборке как динамические модули?
195 2346953
>>46867
Уже напился, придурок? Разницу между импортом библиотеки и генерацией скрипта по загрузке библиотеки не видишь?
196 2346954
>>46827
Код пожгрузки модулей это и есть RTE, мань.

Мимо.
197 2346957
если я не до конца понимаю о чём идёт речь про вебпак, то я плохой джун?
198 2346960
Смарите кароче, я не остановился на реакте. А немного подрочил ноду на уровне рест апи + сейчас секвалайз. Что писать в резюме, что я фулстак джун?
199 2346963
>>46954
Че такое rte? Типо реал тайм экзекушн? Конечно да, но причем тут "у вебпака есть еще рантайм на клиенте"?
200 2346970
>>46960
если хочешь чтобы тебя дрочили вопросами по БД и sql, и скорее всего, задачками по алгоритмам - пиши фулстак.
201 2346976
>>46970
Блять т.е. я зря на пол-шишечки вкатился в это? Что за дизморалька?
202 2346987
Бляя, TMDB в России больше не работает! Я потратил целый месяц на написание своего пет-проектика на основе апи оттуда и теперь всё коту под хвост.
203 2346992
>>46987
как восстанавливаться будешь после такого?
image.png97 Кб, 1234x640
204 2346996
>>46948
Долбоеб, вон выше я скрин кидал. Очки купи.
>>46953
Отличие импорта от того, что ты называешь "генерацией" поясни
205 2347003
>>46957
Ты даже не джун
206 2347056
>>46987
Закажи на фрилансе разработку простейшего сервера, отдающего данные в нужном формате. Или сделай сам, лол
image.png15 Кб, 936x192
207 2347074
В каких случаях this.props могут быть не равны props из функции обновления setState?
208 2347092
>>47074
props.setState(this.props.counter + 1)
props.setState(this.props.counter + 1)
<Parent><Children setState={this.setState} counter={counter} /></Parent>
209 2347093
>>47092
Инстанс Parent это this, на 4 строке общее древо компонентов.
210 2347177
>>46963
RTE - это Runtime Environment. Именно то, что и называется пантаймом когда под рантаймом подразумевают "что" а не "когда"
Например, окружение браузера и ноды и апи которые они предосиавляют - это рантайм.
Рантацм это то, без чего твой код не работает.

У вебпака тоже есть рантайм, который он встраивает в твой код.
211 2347416
>>46976
Чел, бэкенд это гигантская сфера, по сравнению в которой фрон - это баловство в песочнице. То, что ты поднял сервачок на ноде, сделал строчку в базе или аутентификацию по ютуб ролику не делант тнбя бэком даже близко.
212 2347458
>>47416
А если интернет магазин сделал с поиском вещей?
213 2347502
>>47458
2FA, рассылки, интеграция с 1c, отчетики, инвентаризация? rps скока?
214 2347509
>>47502
ебать чувак ты думаешь я ради пет проекта так заморачиваться буду? а rps вообще от меня зависит или от хостинга?
215 2347517
>>46960

>фулстак джун


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

>>46970

>дрочили вопросами по БД и sql, и скорее всего, задачками по алгоритмам



Так-то это база, и каждый уважающий себя веб-программист должен это знать.
216 2347530
>>47517

>Это словосочетание само по себе уже стало мемом. Пиши, что реакто-макака, но есть немного опыта с нодой.


Ладно спасибо. Просто вот мне показалось как-то тупо пользоваться файрбесом вместо бека, поэтому заинтересовал вопрос. Надеюсь, не зря
217 2347640
>>47530

>Просто вот мне показалось как-то тупо пользоваться файрбесом вместо бека, поэтому заинтересовал вопрос.


Каждый инструмент под свою задачу. Иногда чистый фронт без базы это ОК, иногда в качестве бэкэнда хватит какого-то firebase/DynamoDB на AWS, а иногда нужен нетфликс из сотни слабосвязанных горизонтально масштабируемых сервисов.
218 2347682
>>47509

>а rps вообще от меня зависит или от хостинга?


И от того и от другого. На небольших проектов мало кто будет заморачиваться с оптимизацией, скорее всего просто закинут ядер и гигабайтов оперативы на хост, а вот на больших, когда подобное закидывание будет стоить овердохуя денег отдается больший приоритет оптимизациям.
219 2347791
>>47530
Однозначно не зря. Небольшое понимание бэка очень полезно, и стоит указать это в резюме. Вполне возможно, что ты попадёшь в команду, где придётся немного писать на ноде. Просто это ещё не делает тебя фуллстеком.

Чисто по своему опыту, я бы порекомендовал сфокусироваться пока на фронте, и когда будешь чувствовать себя уверенно (и это будет подкрепленно твоими успехами в реальным проектах), начинать смотреть в сторону бэка.
220 2347796
Бутстрап для рачил?
Пишу тут аппликуху на реакте, но вёрстку не знаю. Писал тупо на дефолтных хтмл контролах без css.
Накатил бутстрап, с полтычка сразу все заебись красиво стало, можно даже людям показывать.
Бутстрап помогает делать фронт тем, кто настолько тупой, что не может верстать сам, типа как я.
Или же это норм тема и его используют в коммерческих SPA?
221 2347883
Вы в работе вообще используете классы?
Чет за 2 года фронта на реакте ниразу их не видел в проектах, все в сагах ебашат логику и все. Максимум там что-то общее в отдельную функцию выносят.
222 2347885
>>47796
Используют, но свою тему или компоненты пишут на основе бутстрапа\материал.
223 2347932
>>47796
Бутстрап обычно для повышенной скорости верстки приделывают.
Сейчас намного чаще в ходу Material UI, Ant Design и Chakra UI
224 2347944
>>47883

>Вы в работе вообще используете классы?


yes

>Чет за 2 года фронта на реакте ниразу их не видел в проектах, все в сагах ебашат логику и все. Максимум там что-то общее в отдельную функцию выносят.


Если твое понятие классов за 2 года работы ограничилось только классовыми компонентами в реакте, то у меня для тебя плохие нвоости
225 2347963
>>47944
Ну так и есть, только классовые компоненты тоже нигде не используются уже. Работаю в банке.
Какие у тебя проекты?
226 2348011
>>47963
Это ты типа выебнуться решил или чё? Работаю в IT отделе росгвардии, так тчо можешь свой ебанк засунуть куда подальше.
227 2348016
>>48011
Пролапс, ты?
228 2348026
>>48011
Причем тут выебнуться. Хочу узнать на каких проектах есть потребность писать свои классы, потому что у меня это не используется.
229 2348029
>>48026
Да в каких угодно, ебать.
Работаю в Макдоналдсе.
230 2348033
>>48026

>Хочу узнать на каких проектах есть потребность писать свои классы, потому что у меня это не используется.


В банк по блату вкатился?
231 2348087
>>47963

>классовые компоненты тоже нигде не используются уже


Ты скозал? ErrorBoundary как первое, что пришло в голову. Кстати, а ты знал, что js это не обязательно реакт? Например, ты можешь ты можешь свои компоненты создать на ванильном жс через классы и только через них. И, учитывая твои высеры, они будут работать быстрее чем твой говнокод с сотнями ререндеров на реакте.

>Работаю в банке.


>Какие у тебя проекты?


А я работаю в телекоме на что это вообще влияет? Очевидно, что ты в своем банке только формы шлепал никак не разиваясь.
Screenshot20220501224821.png103 Кб, 1858x878
232 2348252
Это вообще законно?
233 2348279
>>48029
Ставлю тебе класс.
234 2348356
>>48252
Ты импортируешь css файл как js.
235 2348424
>>48252
Используй божественный tailwind и css-purge
236 2348492
Обработчики событий внутри обработчика событий нормальная практика?
237 2348502
>>48492
Конечно, это даже основа фукци анального программирования.
238 2348508
>>45092 (OP)
Аноны, которые работают или считают у них довольно чистый код, подскажите советом.

Пишу сайт для лаборатории. Сделал отдельный компонент для шаблонных текстов ( это где сверху заголовок, внизу паста, мой 3 пик) и туда подавать в пропсы текст. Но это получается мне придется засирать текстом мой главный компонент App.
Плюс, надо как-то весь текст распарсить. В данном случае тогда лучше избежать компонентного подхода?
239 2348509
>>48508
Хотя я тут подумал, можно для каждого текста свой компонент создать, где там текст уже будет оформленный и его погружать в темплейт. Вроде норм идея?
240 2348514
>>48508

>Сделал отдельный компонент для шаблонных текстов ( это где сверху заголовок, внизу паста, мой 3 пик) и туда подавать в пропсы текст. Но это получается мне придется засирать текстом мой главный компонент App.


Что ты блять несешь? Откуда у тебя этот текст вообще берётся?
241 2348515
>>48514

>то ты блять несешь? Откуда у тебя этот текст вообще берётся?


Наверное неправильно выразился, не шаблонный текст, а они в одном стиле все оформлены, оранжевая шапка с заголовком, внизу текст на бежевом фоне, как на моём 3 пике.
Текст я переписываю с 1 и 2 пиков
242 2348525
>>48515
Куда ты его переписываешь? Создавай компонент, получающий текст для заголовка и children в пропсах. Потом для каждой страницы создавай компонент, который заполняет шаблонный компонент, и экспортируй его. App у тебя будет эти компоненты пропукивать через роутер, на передавай никакх пропсов в них.
243 2348537
Как переключаться между неймспейсами в socket io? У них в доках написано, что вот так:
let odin = io.of("/odin")
let dva = io.of("/dva")
И потом можно
odin.on(...)
dva.on(...)
Но по факту оно пишет, что у io нет метода of. Его реально там нет, я проверял. И как быть нахуй? Мне с нуля новую инстанцию сокета делать, под каждый неймспейс?
244 2348543
>>48537
Речь о том, как мне на клиенте получить доступ к разным неймспейсам, если что.
245 2348547
Пишу бекенд (блог). Хочу попробовать реакт, правильно ли я понимаю, что реакт это обязательно будет SPA? Просто я думаю для блога SPA это лишняя хуйня. Тогда его нужно с чем то комбинировать
246 2348568
>>48547
Реакт необязательно SPA, но свой серверный рендер реактокомпонентов тебе придётся пердолить самому, особенно если сервачок не на ноде. Или добавь в своей стэк сервачок на NextJS, там как раз хелловорлдный блог в примерах.
Ну или свяжись со мной в телеге https://t.me/gabengar могу я фронт попердолить.
247 2348575
>>48568
Спасибо, да это не коммерция, я как бы учусь и делаю типа пет-проект. Бек у меня на Django. Читал, что можно базовый шаблон можно отдавать через бек сервер, собирая фронт вебпаком.
Но мне хочется сделать как 2 независимых приложения. Хз,правильно ли это. Но то что я понял, поверхностно пробежавшись по тутору реакта - это что он заточен под SPA. Думаю он для блога нахуй не нужен. Например страницу логина, профиля хотелось бы отдельно грузить.
Поможет ли мне здесь NextJS + React router dom?
248 2348578
>>48575

>Но то что я понял, поверхностно пробежавшись по тутору реакта - это что он заточен под SPA. Думаю он для блога нахуй не нужен.


"Заточен" он может и под SPA, но его пихают и в одностраничники.

>Поможет ли мне здесь NextJS + React router dom?


Некстжс - отдельный сервер, со всеми вытекающими. Его киллерфича - он может билдить статику с данных из БД, а если у тебя совсем хайлоад - то делать это инкрементно в рантайме.
249 2348599
Сколько же в жиэс всякого тулинга, пиздец просто...
Тулинг в пхп: менеджер пакетов composer.
Тулинг в жс: менеджер пакетов npm (и ещё несколько), надстройка над языком typescript, бандлеры, препроцессоры css, минификаторы js и css, вырезатели неиспользуемых js и css, полифилы для js, hot-reload сервера и ещё 100500 видов хуйни.
250 2348600
>>48508
О, моя шарага
251 2348601
>>48599
Ты забыл упомянуть 10 шаблонизаторов у пыхи. Каждый новый - более лучше предыдущего.
252 2348603
>>48515

> Текст я переписываю


Куда, прямо в жиэс файл?

Текст должен храниться в базе данных на сервере, компонент получает информацию с сервера, дёргая апишку.
253 2348606
>>48601

> 10 шаблонизаторов у пыхи


Да это дерьмо для рачил. Все нормальные люди используют сам php как шаблонизатор, что делается в каждом популярном фреймворке.
Я уж молчу про то, что уже де-факто сервер давно ничего кроме жсонов не выдает и никакие шаблонизаторы там нахуй не нужны.
254 2348629
>>48515

> Текст я переписываю с 1 и 2 пиков


Какую задачу тебе вообще поставили?
>>48508

> Пишу сайт для лаборатории


Что значит "сайт"? Его будут использовать как средство публикации новых статей? Или ты просто переписываешь содержание стенгазеты в статические страницы?
В первом случае требуется нормальная БД, где будут храниться тексты в каком-либо одинаковом формате и админка с авторизацией.
Во втором - просто переписываешь текст с бумажки в статические страницы, раз уж интерактивности не будет. В таком случае текст будет прямо в хтмл потому что с вероятностью 99% никто этот "сайт" больше никогда трогать не будет
255 2348633
>>48543
Блядь лол, так и join нету. Вообще нихуя нету, половины функционала нет нахуй. А что случилось-то блять? Это я ебанутый и нихуя не понимаю, или у них действительно все переделано/отвалилось нахуй?
Кто-нибудь может прямо сейчас проверить, работает ли клиентская часть socket.io? Просто две строчки кода.
256 2348638
>>48633
Так, с неймспейсами разобрался, действительно все переделано, как будто до этого хуево работало. Как join то теперь делать, нихуя не понятно.
257 2348659
>>48638
Ай ладно все я разобрался. Просто охуенно каловая документация, которая путает пользователя. Надо было не тратить время на чтение этого говна, а сразу api смотреть.
1.png8 Кб, 599x217
258 2348698
Как из коллбэка вернуть что-нибудь в глобальное пространство?

Делаю запрос в бд, но результат застрял внутри колбэка, консоль логом выводится нормально только внутри колбека, ретёрн возвращает КУДА ОН БЛЯДЬ ВОЗВРАЩАЕТ

извините
259 2348700
>>48606

>Я уж молчу про то, что уже де-факто сервер давно ничего кроме жсонов не выдает


Ну да, серваки сгрузили мозгоёбскую работу по превращению контекста запроса в хтмл, и внезапно большая часть проблем с тулингом отпала. Но виноват конечно же оверенжинеред фронт.
260 2348728
>>48698

> Как из коллбэка вернуть что-нибудь в глобальное пространство?


Promise

> КУДА ОН БЛЯДЬ ВОЗВРАЩАЕТ


В коллбек. С вероятностью 99% потребителю коллбека абсолютно похуй че ты там в нем возвращаешь. Его дело лишь вызвать твой коллбек и передать в него результат.
261 2348729
>>48698
util.promisify + async/await
или new Promise + await
262 2348734
>>48700

> оверенжинеред фронт


Скорее недо. Отсюда и все эти костыли
263 2348793
>>48603
Да
>>48629
Задачу поставили просто создать сайт для лаборатории где будет возможность добавлять новые публикации, добавить админку, также менять язык сайта. Я ведь по идее смогу потом спокойно подключить через нод жс какую-нибудь БД к реакту без проблем, но этим раньше не занимался
Я пока в jsx переписываю, а потом для раздела подумаю как добавить бд. Вопрос был просто в оформлении, как грамотно сделать, ну в общем-то я думаю нормально всё оформил.
1. Есть компонент куда текст вставлять 2. Есть компонент где этот текст отформатирован. 3. Просто засовываю его

а в индекс js просто маршрутизацию запихнул.

Мне просто хочется понять как в реальных проектах оформляют или это не сильно важно, на работе объяснят че как делать
2.png9 Кб, 596x214
264 2348813
>>48728
>>48729
Спасибо большое
265 2348815
>>48793

>смогу потом спокойно подключить


спустя месяц:

>как сохранить jsx в монгу?

266 2348816
>>48815
кек
267 2348820
Очередная рубрика пердолим реакт.

У меня есть панель одна, у меня есть панель другая.

Как функцией из компонента одной панели, поменять статы другой панели?

Создавать в родителе панелек стейты и парелелльно скидывать хендлеры звучит как говно.
На ванильномс жсе это было бы проще потому что можно было бы напрямую менять статы. Ну или можно было бы использовать отдельный объект-класс-хранилище ивентов, медиатор короч.
Есть идеи-лайвхаки как это провернуть?
268 2348822
>>48820
Ой да похуй даже ковырять это говно не хочется, отбой.
269 2348825
>>48820

>отдельный объект-класс-хранилище ивентов


вот это, только ивент один
любой стейт менеджер
270 2348831
>>48820
контекст, пропс дриллинг либо сторонние стейт менеджеры
271 2348837
element.addEventListener(event, handler[, options]);

Аноны, могли бы вы мне пояснить как читать такие записи в API? Точнее, ту часть с квадратными скобками [, options].
Что она значит? Что это необязательный параметр? Почему запятая внутри скобок?
272 2348838
>>48837
Они значат, что это необязательный параметр.
Запятая внутри скобок, потому что она тоже необязательна, если необязательный параметр не передан.
273 2348841
>>48838
Понял, спасибо большое
274 2348845
Если я хочу аватарки для аккаунтов хранить мне нужно yandex cloud или yandex диск подключать?
275 2348849
>>48845
Нужна еще spotify, youtube premium и netflix. Без этих подписок сохранятся не будет.
276 2348852
>>48813
Какого хуя ты ошибку не вернул в reject?
Кидать throw в коллбеке - бессмысленная и очень хуевая затея.
277 2348854
>>48793

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


Ну тогда ты и должен был с админки и начать.
Продумать, какую БД использовать и в каком формате хранить тексты.

А добавлять их потом в самом конце через созданную админку.
278 2348860
>>48849
Чё ты несешь, наркоман?
279 2348862
>>48831

>контекс


Тупое говно тупого говна, она не решает проблему общения между 2 независимыми компонентами, ты сетаешь глобальную переменную, но не можешь поменять ее функционально потому что она read only блеать. Ебануться реактокалеки придумывают костыльные костыли и еще статьи прям выпысивают на максимально убогую хуйню с 0.0001% юзабили потенциалом.

>пропс дрилинг


>Создавать в родителе панелек стейты и парелелльно скидывать хендлеры звучит как говно.


хуилинг

Я не знаток этих ваших патернов. но даже я вижу что реакт убогая пирамидка и мне кажется что даже в 90ых такой патерн не обосал бы только ленивый, ведь это противоречит принципам ООП независиомость, модульность, агностичность, реюзабельность , скалируемостьвообще. да-да я видел что жс запихывают часто к функциональным языкам(кек), уж случаем не из-за ебучих фрееймворков

Вот помню писал приложуху на нете, просто охуенно, можно было после любого отгула и запоя прийти, тыкнуть в любой модуль из дохуища и по зависимостям спокойно понять что он делает. А с реактором насаживание парочки функции заставляет мою голову болеть.
280 2348875
>>48862

>ведь это противоречит принципам ООП


Так сразу бы и сказал, что ты из этих. Тебе только ангуляр жрать.
image.png91 Кб, 698x680
281 2348879
>>48862

>контекс


>но не можешь поменять


можешь

ООП это не про реакт, там функциональный подход продвигается с дрочем на иммутабельность и чистые функции.
Хочешь ближе к шарпу - попробуй ангуляр.
282 2348882
>>48862
Как можно функционально поменять?
283 2348896
>>48862

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


Процедурный фанат побочных эффектов вкатился в тред. Продолжай дальше писать for (int i = 0; i < N; ++i), свитер. Ты не понимаешь что всякие редаксы нужны для one-way data flow, когда все мутации стейта централизованно выполняются в отдельном модуле-редьюсере, а все твои компоненты занимают только рендерингом и ничем больше. Ты заебёшься понимать, что произошло когда какой-то компонент в твоей иерархии стриггерил ивэнт, который поменял стейт в трёх других компонентах, которые в свою очередь поменяли стейт в ещё десяти других компонентах и вся эта каша из побочек ещё 10 циклов устаканивается, а потом у тебя на UI не то, что нужно отобразилось и ты лезешь в свой императивный параша-код понимать что произошло, а потом ты вообще увольняешься нахуй потому что сложнее туду листа стейт не получается у тебя сменеджить.
284 2348913
>>48875
Я слышал ангуляр треш похлеще реакта, так что я выбираю меньшее из зол, да простит меня Гервант из Ривенделла.

>>48879
Спасибо за решение.

>>48896
Ты меня раскусил, я люблю свитера, это можно конечно в пасту, но с реальностью это мало отношения имеет.
Патерны и тесты и все очень легко понимается, если красиво раскидано-заархитеткурено.
285 2348919
>>48913

>Патерны и тесты и все очень легко понимается, если красиво раскидано-заархитеткурено.


Ну так покажи мне как у тебя код организован, что всё понятно и охуенно и я скажу, что хуже ещё не видел.
286 2348922
>>48919
Ты так про все можешь сказать, я тоже могу много чего сказать, но как говорят - пиздеть не мешки ворочать.
Время покажет уже показало) что из парадигм круче\востребованее\удобнее.
287 2348924
>>47932

>Material UI, Ant Design и Chakra UI


Посмотрел Material UI и Chakra UI. Заебись, мне нравится.
Фронт движется в сторону библиотек UI-компонентов.
Впервые люди дошли до этой идеи с бутстрапом, но он предлагает уровень организации компонентов лишь на уровне CSS.
Современные же фреймворки предоставляют компоненты на таком же уровне абстракции, как в мобильной разработке. У компонентов может быть своя собственная встроенная логика и скрытая реализация html и css.
Например, не просто таблица, а таблица сразу с сортировкой по столбцам, при этом ты не реализуешь логику сортировки, она содержится в компоненте.
Охуенно, хуле.
1531292352809.png53 Кб, 1087x301
288 2348933
>>48820

> Создавать в родителе панелек стейты и парелелльно скидывать хендлеры звучит как говно.


Ну тип да, так и надо, вон на ихнем сайте буквально это написано.

> На ванильномс жсе это было бы проще потому что можно было бы напрямую менять статы.


А потом искать какого хуя оно непредсказуемо меняется и гадать а нахуя тогда нужен реакт, если у тебя всё равно всё императивно.

> Ну или можно было бы использовать отдельный объект-класс-хранилище ивентов, медиатор короч.


Ты только что стейт менеджер.
289 2348946
>>48933
Спасибо за твои 5 копеек в копилке.
290 2348956
>>48924

>он предлагает уровень организации компонентов лишь на уровне CSS


Аккордионы, модалки, тултипы, тосты по твоему реализуются только через CSS? Bootstrap уже давно полноценный фреймворк, как с js так и с css.
291 2348989
>>48956

>Аккордионы, модалки, тултипы, тосты



Для всего этого длстаилчно только css. Половиеа из тобрй перечисьенного вообще нативные элементы браузера.
говно.png101 Кб, 683x861
292 2348995
Бля пацы, запилил короче своими силами учебный проект. Но в консоли просто пздц творится. Что самое смешное, приложение работает как и задумано. Но состояние консоли удручает. Если я залью так проект в портфолио надо мной не будут ржать потом?
293 2349008
>>48989

>Для всего этого длстаилчно только css.


Не достаточно.

>Половиеа из тобрй перечисьенного вообще нативные элементы браузера.


Нативным можно назвать только модальное окно, всего остального нет. Тултип, встроенный в браузер появляется за пределами DOM, поэтому не считается.
294 2349009
>>48995

>Если я залью так проект в портфолио надо мной не будут ржать потом?


Будут.
Вообще, зависит от того, куда ты хочешь податься. Если на галеру формошлепить - никто до ошибок докапываться не будет, а вот на серьезных проектах могут предъявить.
295 2349020
>>49008
details это потвоему что такое?
296 2349021
>>49008

>Тултип



element[tootltip-message]:hover::after {
content: attr(tooltip-message); position: absolute;
}
297 2349025
>>48924
Так эти либы - костыли для заднеприводных. Поставил ты такой свой материал юай, а бизнес-логика требует, чтобы кнопка чуть тихо пердела при нажатии. И компонент на материале моментально превращается в месиво пропсов и костылей.
298 2349032
>>49020

>details это потвоему что такое?


Спойлер с минимальной возможностью нормальной стилизации. Аккордеон ты как из него сделаешь?
>>49021
Попробуй у границы окна вызвать такой тултип
299 2349046
>>49032
Аккордеон это и есть спойле, мань.
https://html5css.ru/howto/howto_js_accordion.php
https://webref.ru/layout/pseudo-class-checked/accordion

Все эти примеры по ссылкам тривиально реализуются через details.
300 2349057
<details> не подходит для мокрых писечек, так как он переключает наполнение контента через display, а это значит никаких тебе няшных анимаций открытия/закрытия.
301 2349060
>>49046

>Все эти примеры по ссылкам тривиально реализуются через details


Ну реализуй мне со стилями и анимированным переходом тогда. Хотя бы самый минимум. Учитывая, что это тривиально, за пару минут управишься.
302 2349135
>>49057
Няшные анимации не являются функциональным требованием.
Progressive enhacement.
303 2349138
>>49135

>Няшные анимации не являются функциональным требованием.


Ещё как является, так как плавные переходы - одна из основ UX.
304 2349179
Помогите....
Какого хуя не выдает ошибку, если в поле 1 символ?
Там же в правилах длинна минимум 2 должна быть!
305 2349395
>>49179
В шары ебешься? Там два символа.
Screenshot20220503205752.png69 Кб, 440x761
306 2349574

>Material UI


Как называется эта болезнь? Это обычный select. Эта хуйня высрала 45 дочерних компонентов и еще по 12 на каждый элемент списка.
Вот после такой хуйни вкладка браузера и отжирает 2 гига памяти.
307 2349610
>>49179
Скока геммороя,написал бы на ваниле
308 2349624
>>49574
Ты уверен, что от прокидывания рефов у тебя память отжирается? А так это обычный компонентный подход.
309 2349625
>>49610
А в чем геммор? 2 раза копипаст нажать?
310 2349628
>>49624

>Ты уверен, что от прокидывания рефов у тебя память отжирается?


Нет блять, высрать 2 сотни компонентов - это бесплатно по памяти.

>А так это обычный компонентный подход.


Это говнокод какой-то ебаный, полный игнор встроенных возможностей браузера.
Ради идеального пиксельного соответствия гайдлайнам ебаноидов из гугла построили целый манямирок из 200 компонентов, чтобы отрендерить сраный селект. Страшно представить, че у них там в компонентах посложнее происходит.
311 2349629
>>49628

> Нет блять, высрать 2 сотни компонентов - это бесплатно по памяти.


Это тебе реакт дев тулз показывает кучу компонентов. На деле большая часть их - всякие HOCи и прочие врапперы, которые в DOM ничего не добавляют. Так что оверхеда с них не больше, чем со всяких вызовов функций с замыканиями.

>Это говнокод какой-то ебаный, полный игнор встроенных возможностей браузера.


Ты хоть пробовал встроенный селект использовать за пределами хэлловорлда, знаток?
312 2349655
>>49629

>Ты хоть пробовал встроенный селект использовать за пределами хэлловорлда, знаток?


Ну охуеть теперь, как же мы без 200 компонентов на селект жили-то все это время.

Ковыряю эту муйню и дико ору с того, что она состоит из костылей чуть менее, чем полностью.
В половине этих говнокомпонентов используется id, а в половине name, лол. Когда как в каждом должно быть и то и другое, как в обычных контролах браузера.
Но в mui тому же Select нельзя задать атрибут id, а Autocomplete нельзя задать name (инпуту нельзя имя задать, это пушка нахуй).
В одних компонентах в качестве target нормальные HTML объекты, в других какие-то костыли вида {hui: pizda, sosi: loh}.
Такое чувство, что каждый компонент делал отдельный индус, предварительно объебенившись боярой.
313 2349659
Пиздец залупа костыльная, триллион компонентов, какая-то аналоговнетная хуйня в таргетах, падает с нихуя без сигнализации ошибок.
Нахуй этот миюай, внатуре будто в компании сяоми делали, пробую чакру.
1iv6HmPKeL3O4cHCwMLBjGw.png57 Кб, 530x495
314 2349668
Привет, хотел спросить по поводу Реакта: мне одному кажется, что идея смешивать разметку (представление) и логику в одном месте (на примере JSX) это не очень хорошая идея? По сути у Реакта, получается, нет HTML-шаблонизатора и ты сам руками как бы пишешь синтаксическое дерево HTML-элементов у себя в коде, а сам JSX это тончайший слой сахара над вызовом встроенных JavaScript функций.
На мало того: поверх ещё предлагается стилизацию компонента вынести из отдельного файла и заинлайнить прямо в код логики рендеринга компонента. Со мной что-то не так или это теперь норма? Сам я пока пишу на Angular/Vue, где есть строгое разделение между этими ответственностями, но в идеале хотел бы писать на Реакте, потому что модно. Но каждый раз когда смотрю на "правильный" код файла Реакт-компонента, то у меня глаза разбегаются. Я даже слабо представляю как инструментами статического анализа можно было бы заставить людей писать поддерживаемый Реакт код условного большого проекта.
315 2349680
Думал, что флаттер - это какой-то мемный форс. А это годнота судя по описанию, на него пересядут потом?
image27 Кб, 743x303
316 2349681
но вообще название схоже с флаффером, неудачное название
12к.png4 Кб, 378x141
317 2349700
Помогите, пожалуйста. Допустим у меня есть промис, в колбеке которого лежит функция, которая принимает в себя некоторые аргументы. Как мне при вызове этого промиса передать эти аргументы во внутреннюю функцию?
318 2349708
>>49700
Просто делаешь функцию вокруг промиса или я чет не понял
319 2349714
>>49708
короче, как мне в обертку промиса пихнуть аргументы для внутренней функции
320 2349715
>>49668
Вуедебил, успокойся.
321 2349718
>>49714
async function promisObertka(func, ...args) {
await Promise.resolve(func(...args))
}
322 2349764
>>49668
Философия реакта в разделении на компоненты. Это же логично: логика, отображение, стили компонента должны находится в одном месте, в одном файле вообще идеально
323 2349795
>>49700
const exampleFunction = async (arg1, arg2) => {
return arg1+arg2;
}
...
await exampleFunction(...args);
324 2349827
>>49718
Если вы вдруг видите, как вам кто-то показывает код, в котором он await'ит что-то перед ретурном из async функции, имейте ввиду, что перед вами тупой долбоёб, понятия не имеющий как устроены промисы.
325 2349830
>>45096
Блять, что лучше ооп, фп или процедурное программирование. Ну и вопросы тут задают. Попробуй ооп подход, но имей ввиду, что есл пойдешь потом во фронт, то там твое ооп никому не нужно, все будет на функциях.
326 2349832
>>45215
У тебя у эл-ов массива есть индекс, его и заюзай
327 2349835
>>49827
Чел ты рофлишь? Я смотрел код из вполне авторитетного источника и там было такое. Там была обёртка для функции экспресса, ну которая (req,res,next)
328 2349846
>>49835
Нет, не рофлю.
Попробуй обяснить в чем разница между твоим кодом и вот этим

async function promisObertka(func, ...args) {
return Promise.resolve(func(...args))
}

А после ответить, зачем ты await'ишь результирующий промис в async-функции.
329 2349863
>>49846
Ну вот тебе запрос к бд через евейт в трай кеч блоке. Это дефолт тупо
330 2349873
>>49863
Какое отношение это имеет к предыдущим кускам кодам и в частности ктвоему изначальному.ты совсем не понимаешь разницы?

Я попросил тебя ответить на вопрос - зачем ты в своем коде авейтнул результирующий промис. С какой целью? ты можешь это объяснить? Или все же признаешь что не понимаешь почему ты это делаешь?
331 2349876
>>49863
То, что на твои скриншотах ни один промис не является результирующим тебя не смущает?
332 2349878
>>49876
>>49873
а так я вообще мимо проходил, там анон фигню написал дадбадбадабд
333 2349880
>>49827
Вот только там ретурна нету, так что ты обосрался. Так же обосрался с синтаксисом асника, а заодно не понимаешь, как работает Promise.resolve() и зачем его используют.
334 2349884
>>49714
Вот за этим и сделали тайпскрипт. В ванильном жиэсе хуй поймёшь что у тебя в переменных содержится, ни автокомплита, нихуя
335 2349896
>>49827

> в котором он await'ит что-то перед ретурном из async функции, имейте ввиду, что перед вами тупой долбоёб, понятия не имеющий как устроены промисы.


Да что ты говоришь? Если написать await перед неасинхронной функцией, то программа хотя бы упадет с ошибкой. Это дополнительный контроль типа возвращаемого значения, дебс. На случай, если вызываемый метод перестал быть асинхронным.
image.png4 Кб, 206x103
336 2349908
>>49896

> Если написать await перед неасинхронной функцией, то программа хотя бы упадет с ошибкой



Спешие видеть, еще один тупой долбоёб. На этот раз не знающий, как на самом деле работает await.
337 2349925
>>49908
Ты версию браузера забыл указать, долбоёб.
338 2349929
>>49925
Не позорься.
Screenshot59.png11 Кб, 787x269
339 2349934
>>49908
Вот же зрада, я обосрался, а ты был прав.
340 2349939
>>49934
Но все равно смысл есть, редактор сообщит о несоответствии типов.
341 2349941
>>49929
Ты так и не указал версию браузера.
342 2349958
>>49939
Не сообщит. Никаких проблем с типами там нет.
343 2349966
>>45933
Хуя тут малолетки-долбоебы высераются про подходы к разработке о которых нихуя не знают. Сомневаюсь, что если поймать тебя на улице ты хотя бы расшифруешь аббревиатуру tdd
344 2349970
>>49966
Свидетель TDD подал голос. Пиздуй тесты на геттеры и сеттеры писать, а то ПМ отпиздит за не 100% покрытие.
345 2349976
>>46957
Ептать, у меня 4 года опыта фулкеком, я в душе не ебу че они несут про вебпак.
346 2349982
>>49976

>у меня 4 года опыта фулкеком, я в душе не ебу че они несут про вебпак.


>4 года опыта фулкеком


bitrix+jquery-макака, ты?
347 2350010
>>49970
Лол причем тут тесты на геттеры и сеттеры. Я все правильно написал, ты не шаришь нихуя, малолетка.
348 2350017
>>49982
Не, классический веб стек- реакт, нода и т.д.. Но в вебпаке почти не шарю, максимум могу настройки какогонить лоадера поправить. Хотя недавно с помощью вебпука 5 разбивал монолит на микрофронты, но один хуй, если меня попросить засплитить какието чанки, разбить на бандлы и добавить разные конфиги, то я полезу в доку, т.к. хуй его знает как это делается
349 2350040
>>50010
Конечно ты всё правильно написал, ты же свидетель. Это все остальные неправильное TDD практикуют, настоящее TDD просто ещё не практиковали.
>>50017
В доку ты в любом случае полезешь, так как интерфейс конфига меняется между большими версиями.
350 2350058
>>50040
Значит делаем вывод, что итт одни маньки гуглят доки и стаковерфлоу за других(безруких) манек и кидают нагугленное в тред, корча из себя гуру
351 2350077
>>50058

> кидают нагугленное в тред, корча из себя гуру


С подключением!
352 2350097
Как быстро в одиночку научиться пользоваться этим гитом?
vsco5e914fa1a3f43.jpg363 Кб, 1136x786
353 2350104
Я сделал приложение на React, которое показывает погоду, далеко мне еще до джуна?

https://vertically-challenged.github.io/react_weather/
354 2350109
>>50104
Как раком до Китая.
355 2350114
>>50104

>Нет SSR


>html lang="en"


>You need to enable JavaScript to run this app. При этом все остальное приложение на русском


>пик 1


>пик 2 then then который then'ом погоняет


>табличная верстка


>время в шапке только на момент загрузки


>нет тайскрипта


>каким-то хуем ипортируется react в каждый .tsx файл и не используется при этом


>png иконки в base64


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

>используется create-react-app


>нет конфига под форматирование


>20 кб проебаны на бесполезный axios


>api ключ хранится прямо в репозитории


Из положительного:
1) Для каждого компонента есть изолированные стили в отдельном файле. Использовал бы css модули было бы вообще заебись
2) Настроен линтер
Вердикт: минимум год до джуна
356 2350115
>>50114
Тащемта, изначально было пол года, но потом увидел create-react-app и поменял мнение.
быстрофикс
357 2350119
>>50017

>максимум могу настройки какогонить лоадера поправить


Как будто знания, что из себя представляет лоадер не достаточно, что бы считать себя хотя бы минимально шарящим в вебпаке.
358 2350129
>>50058
Нихуя как у неосилятора вебпака бомбит.
>>50097
В одиночку как раз не научишься, это же софт для командной разработки, большинство фич тебе покажется оверинжинерингом в контексте соло разработки.
359 2350143
>>50104
добавь горизонтальный скролл к слайдеру
360 2350152
Как при добавлении элемента в DOM и сразу последующем без таймаута добавлении класса этому элементу заставить его проигрывать анимацию из CSS? Через промис пробовал, не хочет.
361 2350155
>>50152
requestAnimationFrame
362 2350168
>>50155
Спасибо большое.
363 2350212
if (document.getElementBId('tvoyamamka').hidden==true) document.getElementById('tvoyamamka').hidden = false
а можно ли как-то тут синтаксис сократить без создания новой переменной?
364 2350216
>>50212
if (tvoyamamka.hidden) { tvoyamamka.hidden = false }
1565543077162.png6 Кб, 309x87
365 2350225
>>50212
tvoyaMamka.hidden &&= false
366 2350232
>>50212
Зачем if?
367 2350233
>>50232
Чтобы открыть сокрытое.
368 2350236
>>50233
tvotamamka.hidden = !tvoyamamka.hidden

If зачем я тебя спрашиваю?
369 2350248
>>50236
Чтобы проверить, что оно скрыто.
image351 Кб, 1280x720
370 2350251
>>50225

>with

371 2350263
>>50104
Добавь темную тему.

ты молодец
1651691526003.jpg13 Кб, 300x260
372 2350284
>>50104

>не typescript

373 2350286
>>50115

> create-react-app


Что плохого в нем?
374 2350291
>>50104
Такое делается полным новичком за 3-5 подпивасных дней, ты вообще вкурсе что от джуна требуется?
375 2350296
>>50291
Что?
376 2350300
>>50286
Джун должен уметь настроить конфиг полностью с нуля и еще в докер пихнуть.
377 2350304
С чего начать изучение Реакта?
378 2350310
>>50300

> в докер пихнуть


Ну охуеть теперь, nginx туда установить?
379 2350326
>>50304
С преакта
380 2350349
>>50129
Так он во всех вакансиях. Как его узнать, если не берут в команду-то?
381 2350361
Зачем вебпак когда есть ванлайнеры, вы что, дураки?
Программирование оно об упрощении разработки всего и вся, а не о написании колес и рытья под капотом.
Любой вопрос о том как собрать банл, поставит ьверсию, зинклюдить лоадер - гуглиться за 5 минут.
Даже представить себе не могу какие такие вы боевые задачи решаете используя самые потаенные и обскурные фичи вебпака.
не писал свой парсер - не мужик
не писал свою базу - не мужик
не писал свой пакет менеджер - не мужик
не сосал у лида - не мужик
382 2350388
>>50349
Знал гит на уровне pull commit push checkout.
В первый рабочий день попросили поправить коммиты и исправить их авторство. За часик научился гиту.
Не парься особо, выучи основные команды, а остальное по надобности уже в работе быстренько посмотришь и подучишь.
383 2350405
>>50361

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


Всё, что касается аутпута вебпака, очень обскурно и потаённо, что там даже гуглить заебёшься. Я вот например наскотылил себе свг спрайтшит, но он получается одним файлом с кучей символов, что не айс для долговременной поддержки. Плюс если захочется прикрутить какие-нибудь темовариации иконок, то ебанёшься их синхронизировать.
Наткнулся на поделие жидбрейнсов, которое вроде как бы позволит свг хранить как файлы в сырцах и упаковывать их в спрайтшит при билде:
https://github.com/JetBrains/svg-sprite-loader
Но там какие-то непонятки с пятым вебпаком, плюс главный разработчик умир:
https://github.com/JetBrains/svg-sprite-loader/issues/470#issuecomment-1055373543
Хотелось бы ещё CSS-модули подрубать в свгшные класснеймы, но это получается нужно писать свой лоадер и парсить xml регуляр очками, что то ещё извращение.
И такие истории постоянно всплывают, когда нужно отойти от стандартного конфига. А если слишком каштомно напердолишь свой конфиг, то потом заебёшься его мигрировать на следующую мажорную версию вебпака.
Ну и в докере всё это дело запускать - отдельный квест.
384 2350407
>>50405
Докеропроблемы.
385 2350422
>>45092 (OP)
Вообще стоит вникать в верстку сейчас? Сам js после питона нормально зашел вроде, может бутстрапа будет достаточно?
386 2350423
>>50422
Нет, забей.
387 2350447
Кто-нибудь может объяснить, как работает ВК. Как при условии того, что это сингл пейдж апликейшн, при переходе на разные подстраницы (мессенджер, новости и тд) менется адресная строка и догружается контент в блок без перезагрузки страницы (тут понятно - history.pushState() + XMLHttpRequest()), но при этом при открытии этого адреса в новой вкладке происходит рендер той же страницы, но у нас в истории уже нет путей из пушстейта, тогда значит, что этот путь лежит где-то в роутах и в респонсе просто рендерится основной костяк + внутренний сменяемый блок. Я могу понять, если там написано 5-10 роутов на каждую подстраницу, но таким же способом рендерятся личные страницы юзеров, видосы и картинки. То есть у них должен быть какой-то специальный универсальный GET роут, ибо я не верю, что у них миллиард разных роутов.

Уважаемые знатоки как это работает.

btw, как в роутере из экспресса реализовать универсальный роут с рендером какого-то шаблона из вью с переменными из бд. К примеру, это будут страницы пользователей, открытые данные которых будут грузиться с шаблона вьюджиэс. Но такие страницы должны будут иметь свой собственный URL. Тогда как слушать такие роуты одним router.get('/???', middleware)?
388 2350452
>>50447
Блять ты в роутере можешь параметры передавать, а потом в компоненте их читать. Вот тебе и миллион страниц.
389 2350464
>>50310
Тащемта добавление nginx, это пара строк кода. А докер знать надо обязательно. Когда лид тебе скажет собери и залей образ в наш реджистри т.к. cicd не работает/отвалился/еще пилится, ты жидко пукнув даже залогиниться в реджистри не сможешь.
390 2350498
>>50452

То есть, я создаю роут, который слушает все GETы, внутри него делаю логику проверки GETов (их получу из объекта req) - есть ли в бд id == url, и потом рендерю страницу с пользовательскими данными.

В принципе норм.

Но, значит, что страница, построенная аяксом - это по своему происхождению не тоже самое, что страница, полученная через GET запрос?
391 2350506
>>50498
чувак, ты чё не можешь загуглить что такое параметры и ещё на будущее что такое query string? это отдельные концепции, не надо сову тянуть на глобус
мимо
392 2350521
>>50506
Я понимаю, что ты тут как рыба в воде, но я не разбираюсь.

>загугли параметры



Параметры функции? Или чего? Нади то, не знаю что. Извини, если грубо, просто жопа горит.
393 2350544
>>50498

>То есть, я создаю роут, который слушает все GETы, внутри него делаю логику проверки GETов (их получу из объекта req) - есть ли в бд id == url, и потом рендерю страницу с пользовательскими данными.


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

>Но, значит, что страница, построенная аяксом - это по своему происхождению не тоже самое, что страница, полученная через GET запрос?


Конечно, в этом вся ссуть клиентского рендера.
394 2350545
>>50506
Но все равно спасибо
395 2350546
>>50544
Спасибо
396 2350547
>>50521
вот тут про это есть Route parameters
https://expressjs.com/en/guide/routing.html
397 2350575
>>50114

>>используется create-react-app


Что за доеб? Чем он тебе не угодил?
398 2350595
>>50575
cra для безруких долбоебов, которые не могут настроить вебпук под свои нужды и не способны в элементарную архитектуру приложухи

cra маньки, от вас воняет дилетантством
399 2350662
>>50595
Это хороший отдебаженный инструмент который гадится для 99% случаев. Если переписанный с какой-нибудь статьи костыльный конфиг вебпака добавляет тебе самооценки, то дерзай.
400 2350684
>>50662
Двачую. Я тоже увидел, что тут один анон всегда спорит, что кря не нужен. И почитал комментарии, там большинство утверждает, что кря писали крутые челики и типа ничего плохо в его использовании нет
401 2350703
>>50684
Где ты там почитал комментарии? На странице в фейсбуке? Пейсбук запилил CRA для своих нужд и продвигает плохие практики, типа отсутствия границы между девелоперскими и продакшн зависимостями, что вредит к понимаю разработки в целом и менеджера пакетов в частности. Пейсбуку на это похуй, в нём пердолики-олимпиадники работают, так что разберутся. А вкатуну это чистый вред.
402 2350710
>>50464

> Тащемта добавление nginx, это пара строк кода


Я про это и говорю. В чем смысл пихать 1 строчку в докерфайл для задачи "отдать файл bundle.js"? Показать, какой ты даун?
В бекенде докер используют, потому что иначе твой высер просто не запустить из-за хуевой горы специфических зависимостей, ставить которые себе на машину никто не будет.
403 2350711
>>50703

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


Не вредит, ты просто слабоумный

>менеджера пакетов


Какая вообще разница где там пакеты блять лежат? Мы пишем реакт приложение которое будет деплоится на хостинг, и он всегда private, его никогда никогда не будет устанавливать себе в проект
404 2350712
>>50711

>никогда


никто*
фикс
405 2350753
>>50711

>Не вредит, ты просто слабоумный


По твоему тексту ниже вполне видно, что вредит.
406 2350764
Друзья помогите плиз с нодой. Вот пик 1 - сервер. Когда перехожу на localhost:5000 то получаю ответ Welcome. Но если пробую перейти на localhost:5000/api/v1/auth/register то получаю ошибку 404. Раут register на втором пике прописан. А функция register простая.
const register = (req, res) => res.send("register user")

В чем косяк?
408 2350773
>>50764
а как выглядит запрос? у тебя там пост, мб метод не тот?
409 2350775
>>50773
Запрос так выглядит
http://localhost:5000/api/v1/auth/register.
А так я post запрос в рауте прописывал.

>>50766
Там пишут из-за ошибки в фронте. Но фронт я еще не подключал. В постмане тестирую только
410 2350791
>>50775
ещё может быть импорт экспорт неправильный?
411 2350842
>>50104
А мне нравится, мило получилось.
Сеньёр vue разработчик
412 2350879
Бляяяя вообще никакие post реквесты не отправляются. Ну что за хуйня
413 2350881
>>50879
О боже мой, у программиста опять ничего не работает, вот никогда такого не было и вот опять!
414 2350885
>>50284
Нахуй не нужен джуну
415 2350891
>>50104
Когда ты собираешься вкатываться? Ты ведь уже сюда скидывал пачку проектов на оценку.
416 2350896
>>50879
Ты откуда и куда их отправляешь?
417 2350906
>>50896
Прям в server.js

Get запросы отправляет а все post пишет 404.
Притом в консоли браузера почему-то post запросы как get определяет.
GET http://localhost:5000/ddd 404 (Not Found)
418 2350924
мб потому что браузер через строку поиска отправляет гет запросы?
419 2350964
Ну как, готовы все файлы переименовывать для переезда на ESM?
https://devblogs.microsoft.com/typescript/announcing-typescript-4-7-beta/#new-file-extensions
01-Yeah-Right-m4a-image.jpg17 Кб, 400x400
420 2350994
Помогите беззубому крестьянину. Делаю туду-лист с поддержкой md. Использую markdown-it. На вход даю текст: '# text' -> получаю <h1>text</h1>. Как теперь обратно превратить <h1>text</h1> --> '# text'. Раньше вроде все через md.render() работало как в одну сторону, так и в другую.
421 2351059
>>50104
Выглядит мертво как-то. И чего серч бар не ебанул?
422 2351062
Ребята, подскажите пожалуйста. Проходу учебник Кантора, и мне не очень понятен следующий момент:

функции конструкторы мы вызываем так

let obj = new Constructor(arg1, arg2)

где Constructor - уже определенная функция, либо function declaration либо function expression.

Далее, в учебнике говорится, что если кусок кода создает объект, то его можно обернуть в функцию таким образом:

let obj = new function() {
// code here
}

У меня вопрос. Почему синтаксис именно такой? Ведь по идее, мы создаем function expression, который нужно вызвать, тогда бы логичнее было бы вот так

let obj = new (function() {/ code here /})()

Обращаю ваше внимание на скобки вызова в конце выражения.

Я что-то недопонимаю, помогите пожалуйста. По идее же после new должна вызываться уже определенная функция, а как предлагает Кантор, функция просто создается в момент как function expression и она передается в new, что по мне не очень правильно, ведь когда делаем new Constructor(arg1, arg2) мы как бы вызываем эту функцию, а обертка на это не похожа. Простите за сумбур и помогите!
423 2351071
>>51062
ну считай new - оператор вызова конструктора, () - оператор вызова функции
424 2351074
>>51062
как я понимаю new _(...a) это тупо отдельная конструкция
в лексере или на какой там стадии
425 2351079
>>51071
Так не пойдет, тут получается new Constructor() - тут присутствует вызов функции.

>>51074
Т.е. это отдельный частный случай, то бишь исключение?
426 2351080
>>51079
это скобки для аргументов
427 2351081
>>51079

>Так не пойдет, тут получается new Constructor() - тут присутствует вызов функции.


это отдельная конструкция к вызову функции отношения не имеющая

>Т.е. это отдельный частный случай, то бишь исключение?


это не исключение это отедльная штука
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/Function
428 2351083
>>51079
Непонятно что тебе непонятно.
Эта конструкция (создание объекта) читается целиком
new ClassName(1, "привет",...); - вызов конструктора с параметрами
new ClassName; - вызов без параметров. В жс нет перегрузки поэтому параметры undefined
Все как везде
429 2351127
>>51079
Конструктор и есть функция, точнее метод.
430 2351156
>>50662
>>50684

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


>Это хороший


2к зависимостей для готового конфига вебпака. Пиздец, какие же вкатуны дегенераты. История с leftPad и node-ipc ничему не учит. Особенно забавляют высеры про "крутых челиков", которые по факту являются рандомными вкатунами никак не связанными с командой, которая пилит сам реакт

>гадится для 99% случаев


Гадится только для 1% случаев, когда тебе надо запилить демку или проверить гипотезу. А нет, уже не годится, для этого уже намного целесообразнее использовать vite.
431 2351162
>>50964
В чем заключается суть твоего высера?
432 2351165
>>51162
Прочитай текст по ссылке и узнаешь.
433 2351166
>>51165
Прочитал, так где причина, по которой надо все файлы переименовывать? Или ты только в штаны срать умеешь? .mjs и .mts были еще с 2017
434 2351170
>>51166

>.mjs и .mts были еще с 2017


Не пизди, тайпсрипт только в этом году начал активно пилить интеграцию в ESM, то что там отдельные поехи в 2017 уже себе переименовывали - абсолютно однохуйственно.
435 2351173
>>51170
Не съезжай с темы. По какой причине мне придется переименовывать все файлы в проекте? Или засчитываем тебе обсер?
436 2351177
>>51170

>отдельные поехи в 2017 уже себе переименовывали - абсолютно однохуйственно.


Че ты несешь? Расширение .mjs обозначено в спецификации es-модулей внутри node.js. И да, оно появилось как раз в 2017. mts тоже появился примерно в том же периоде.
https://github.com/nodejs/node-eps/blob/master/002-es-modules.md
437 2351189
>>51173
Потому что у тебя гарантированно не заработает код простым переключением type в корневом package.json на кодовой базе сложнее хэлловорлда.
Плюс отвалятся тесты, так как тестовые фреймворки не могут в ESM от слова совсем. Они не могли в него даже когда он был всего-лишь пуком бабеля.
>>51177

>Че ты несешь? Расширение .mjs обозначено в спецификации es-модулей внутри node.js.


И чё, от того что его добавили в спецификацию в 2017, означает, что добавление расширений - не ебанутый мув? А модульная система после ESM тоже будет префиксы с вариациями к существующим cjs/mjs/cts/mts добавлять? Что там насчёт jsx/tsx? Дохуя реактокода есть, который был написан не некоем подобии ESM но с рекваирами для динамического импорта, так что и здесь нужны модульные префиксы.
Ну-ка напиши мне псевдокод, как ты собираешь все жс файлы (тайпскрипт инклюдед) проекта в хэш-таблицу где ключ - отностительный путь к файлу от корня проекта. До нодовского ESM и после.
438 2351195
>>51189

>Потому что у тебя гарантированно не заработает код простым переключением type в корневом package.json на кодовой базе сложнее хэлловорлда.


>Плюс отвалятся тесты, так как тестовые фреймворки не могут в ESM от слова совсем. Они не могли в него даже когда он был всего-лишь пуком бабеля.


Так причем тут переименование файлов то, дебс?
439 2351263
Где можно посмотреть как устроен js под капотом, про v8 почитать например?
440 2351350
>>51263
У в8 много нестандартизированых костылей.
Лучше спеки экмаскрипта.
441 2351395
>>51263

>про v8 почитать например


Не поверишь, но можно посмотреть исходники v8
442 2351396
>>51263
Прежде чем нырнешь с головой в v8, рекомендую ознакомиться с реализацией попроще, даже если она неполная. Возьми https://github.com/nginx/njs к примеру.
443 2351429
Есть здесь гуру Вебпака? Помогите разобраться. Как решить ебучую проблему с CORS в дев-режиме? Я так понял, через proxy. Но мне нужно проксировать сразу несколько сайтов, а не один URL. В доках указано:

proxy: {
'/api': {
target: 'http://localhost:3000',
pathRewrite: { '^/api': '' },
},

Что блять за /api? Как я должен понять, что это за свойство в контексте прокси? С одиночным вариантом просто указываешь нужный URL без передачи объекта, а в случае множественных URL тогда как? Объясните, плз.
444 2351434
>>51429
В глаза долбишься? Буквально первая ссылка в гугле.
https://www.google.com/search?q=webpack+cors
image.png18 Кб, 872x107
445 2351435
>>51429
Сколько нужно настройщиков вебпака чтобы прочитать доки?
446 2351492
Как в 2к22 пишут темные темы? Просто через пользовательские свойства css?
447 2351570
>>51492
Через css-переменные, или через самодельную костыльную магию внутри css-in-js. Ну и олдовый вариантс навешиванием класса на <body> или <html> тоже никуда не ушел.
448 2351599
Хочу к Реакту выучить Vue для себя (и возможно для будущей работы).
Сейчас работаю, пишу на Рякте.

Какую версию изучать: хайповую 3ю или со 2 начать, чтобы легаси понимать?
449 2351614
>>51599
В 3 бойлерплейта совсем мало, сойдешь с ума после реакта
450 2351653
Имея дело с бекенд разработкой на пайтоне/пхп, разрабатывая всякое по ООП/MVC/другим паттернам, смотришь на react/vuejs и слегонца хреново вьезжаешь почему так.
Знающие/фуллстаки, как быстрее вьехать в перечисленные фреймворки и сформулируйте разницу парадигм/паттернов разработочки вышеперечисленного бека и фронта на react/vuejs.
451 2351689
>>51653

>сформулируйте разницу парадигм/паттернов разработочки вышеперечисленного бека и фронта на react/vuejs.


Клиент-рендер позволяет реализовывать каштомизированный интерфейс, большая часть даты для которого фактически отдаётся бэком из кэша. А через вэбсокеты так и вообще позволяет общаться с браузерным клиентом. Хуй ты такую архитектуру провернёшь чистым серверным рендером.
452 2351718
>>51653
1) Дешевая и гибкая модульность. У тебя js компонент может быть полностью независимым модулем, который самостоятельно забирает данные с бека, ты можешь его подключить в любое место интерфейса. Например модуль погоды. Для бекенда этого модуля у тебя будет отдельный тонкий контроллер с независимой логикой, которую ты можешь засунуть очевидным образом в независимую транзакцию. В случае классического серверного рендеринга в реализации подобной модульности у тебя вплывут недостатки. Жирные контроллеры с кучей сервисов-модулей. Ты должен решить как мержить все эти данные, чтобы когда у тебя изменится структура данных в модуле, в сотне контроллеров и шаблонов не пришлось переделывать. Много данных которые передаются в шаблон независимо от того отобрадается модуль в данный момент или нет, а это значит лишние запросы к БД. Js же модуль может данные из нескольких мест получить в разное время, в зависимости от условий, ты будешь иметь дело с изолированной простой логикой в каждом запросе.

2) При клиент рендеринге модель поведения хранится на фонтенде., у тебя нет нужды хранить на бекенде состояние интерфейса - показывать модуль погоды или нет, например. На бекенде только бизнес логика. Упрощается реализация stateless бекенда. При классическом серверном рендеринге, начинают выкручивать себе мозги, решая хранить ли это состояние в URL или в сессии (забив на stateless) или чаше всего реализуют какую-то js модель на фронтенде. Опять же для сложных случаях придется обеспечивать модульность этой модели на фронтенде. Можно было сразу с этого начинать, с SPA.

3) Легкий переход на микросервисы для SPA. Это очевидно.
image.png534 Кб, 1920x902
453 2351800
Сап аноны, можете подсказать, хочу с браузерной игрушки выгружать результаты (пикрил) чтобы они после каждой игры записывались в эксель или в какой-то массив, сохранялись в общем как-то.
Насколько это сложно реализовать и что почитать? Сам не программист, но в школке что-то тыкал в паскале и сам джаваскрипт немного трогал.
https://loldodgegame.com/skillshot/
454 2351816
>>51800
Перехватываешь фетч с результатом игры, сохраняешь его в джейсон, а там его как угодно воротишь.
455 2351865
>>51800
тупая игра
456 2351946
>>45092 (OP)
как-то сделал моб. приложение с TCP сокетом на серверной части.
и недавно захотел сделать веб версию этого приложения. уже запилил фронт часть, и дойдя до бэка, меня ждало разочарование, что веб поддерживает онли WS.
так вот, можно ли как-то через жс коннектиться к tcp? а-то переписывать сервак как-то не очень хочется
457 2351968
>>51946
Только прослойку писать на сервере, которая будет трансформировать ws для сокета и обратно.
458 2352036
Подтвердите, я все правильно понял? Есть кусок кода

function f() {
console.log(this);
}

f();

function decorated(func) {
return function () {
setTimeout(func, 1000);
};
}

let g = decorated(f);

g();

первый аутпут логично дает андефайнед в стрикт моде. Но второй вызов, дает мне window. Все дело в том, что при вызове функции func в setTimeout идет this от window.setTimeout. Моя логика верная?
459 2352070
>>52036
не, функция всегда window вернёт
460 2352109
>>52070
Так, погоди, я не так понял. Вот есть функция:

function f() {
console.log(this);
}

Ее вызов в стрикт режиме даст андефайнед.

Но если я сделаю так:

setTimeout(f, 100);

Я увижу window. Почему это так?
461 2352115
>>52036
ух дристануо, сам-то понял?
462 2352132
>>52109

>стрикт режиме


ну потому что в строгом режиме this в данном случае это undefined
463 2352135
>>52036
Отрой стандарт и прочитай, там черным по белому написано.
https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#timers
464 2352406
Почему во vue как-то всё всрато и неинтуитивно? Почему я должен я не могу получить доступ к event инпута прям из строки @change?
Почему я должен писать события, допустим, @click в кавычках будто это просто строка?
Что за хуйня, как вы этим пользуетесь?

реактомакака
465 2352409
>>52406
Про fetch тоже молчу. Я не могу просто написать функцию fetch() в <script> и вызывать её на @click, потому что появляется неведомая ошибка, которая крашит нахуй приложение.
466 2352412
>>52406
Ты какую-то херню написал. Чем кавычки хуже фигурных скобок? Cинтаксис вуя в шаблонах является валидным html. Ты можешь vuejs c "живой" разметкой работать
467 2352413
>>51968
хуево, конечно, ну ладно
468 2352423
>>52406

>не могу получить доступ к event инпута прям из строки @change


Чивоблять.вебм

>@change="something($event)"



>должен писать события, допустим, @click в кавычках


Чивоблять2.вебм

>@change=method


>The HTML standard does not require quotes around attribute values.


>However, W3C recommends quotes in HTML, and demands quotes for stricter document types like XHTML.



Поправляйся скорее, братан, и переходи на нормальные туториалы.
469 2352426
>>52423

> @change="something($event)"



Нихуя (см. пик)

> Чивоблять2.вебм


Прав, сорян, я долбоеб.

> Поправляйся скорее, братан, и переходи на нормальные туториалы.


Читаю офф. доку по 3 вью.
470 2352432
>>52426

>не могу получить доступ к event


>Cannot read properties of undefined


>reading 'log'


>доступ к event


>log


Все-таки поправляйся.

Ты ведь в курсе, что обработчиками событий должны быть функции? Синтаксис объявления функций помнишь?
471 2352434
>>52432
Вангую, что он и с фетчем точно также проебался. Неведомая ошибка у него, вообще охуеть.
code2.png414 Кб, 2232x2564
472 2352443
>>52432
>>52434
Вот так правильно?

С учетом, что это Vue 3
473 2352452
В вуе крейт-вуй-апп терпрайз тир? Или такой же кал, как cra?
474 2352454
>>52443
Работать должно, но лично я бы так писать не стал, слишком многословно.
data сделать стрелкой, асинк аваит вместо тхен в фетч, делитДата заинлайнить, задание со зведочкой - зделоть через композишн апи, будет еще короче
code3.png435 Кб, 2138x2356
475 2352552
>>52454
Я сделяль..

Спасибо большое
476 2352581
Аноны, какие бы вы проекты создать джуну реактеру посоветовали бы?
Screenshot20220508153913.png10 Кб, 564x116
477 2352589
Какой же вскод высер мерзкого обблеванного бомжа, я просто хуею...
То, что в вебшторме поддерживается из коробки в одну кнопку, тут или вообще блять не поддерживается или с колоссальным пердолингом.
Банальный пример: выбор шрифта. Где блять селект из установленных в системе шрифтов?
И так везде нахуй. Перемещаться по последним edit location'ам невозможно, только к самому последнему.
При изменении навигации стрелок на CamelCase, они работают только в редакторе, но не в полях редактора типа инпута поиска или этого обосраного окна с настройками.
Поиск говно, все говно.
А еще, этот кал умудряется быть медленнее вебшторма даже при открытии простых файлов типа логов.
Число фейлов этого ублюдства просто не поддается подсчету. Будто вернулся на NetBeans в 2007 год.
478 2352656
>>52589
А что ты хотел от майкрософт, дружок? У них единственная цель существования - дальнейшая экспансия компании, на удобства пользователей им по-е-бать, нет просто для них такой вещи в принципе
JetBrains - Wikipedia.png16 Кб, 1039x152
479 2352673
>>52656
То ли дело жидобрейны - прямо добрые самаритяне.
480 2352690
>>51816
Спасибо, попробую!

>>51865
Ну по идее это не игра, а типа тренировка микрухи
481 2352704
>>52673

>may


А судьи - кто?
482 2352719
>>52673
Ну мне они подписку до октября продлили. Хотя я почти год на пиратском шторме сидел, созрел для покупки.
483 2352731
>>52704
Вши судьи - не судьи?
484 2352750
>>52406

>Почему я должен я не могу получить доступ к event инпута прям из строки @change?


>реактомакака


Как же ты себе насрал в трусы. Это ты в реакте не можешь доступ к ивенту нормальным логичным способом получить, вместо этого тебе реакт выплевывает в твои коллбеки синтетеические эвенты.
485 2352753
>>52452
Кал. Энтерпрайз тир для рякта и вуя сейчас онли вебпак
486 2352754
>>52581
Что-нибудь, связанное с редактированием большого количества полей. Например создай табличку в БД на ~20 столбцов и сделай гуй для её редактирования. Ну и простой бэк на ноде или на чем хочешь.
487 2352793
>>51816
Я посмотрел, там вроде фетч никакой не отправляется, да и игра в оффлайне тоже работает, так что эти результаты никуда не отправляются как я понимаю
488 2352810
>>52793
Значит дата хранится или в localStorage или IndexedDB.
489 2352811
>>52810
в localstorage тоже не вижу, в Indexed db вроде тоже ничего не открывается, можешь глянуть?
490 2352821
Какой лучший способ организовать инпут даты (времени)? Я пытался тут довести до ума дефолтный инпут (<input type=date/>) и пиздец говна наелся.
491 2352840
А очистить переменную?
Допустим это строка,через назначение " "?
492 2352850
>>52811
Нет, сам ковыряйся. Сомневаюсь, что она фетчи не отправляет, так как лидерборды без них - никак. А чтобы фетч отправить, надо данные как-то сохрнаить.
493 2352858
>>45092 (OP)
Сколько нужно времени для вката? Знаю хтмл, ксс сносно. Сеичас на рсскул прохожу курс жс и понимаю что без гугла могу писать только простые функции. Без душноты ответы ок.
494 2352867
>>52858
https://learn.javascript.ru/
https://developer.mozilla.org/ru/docs/Web/JavaScript
+google
можно зарегаться на киберфоруме или стековерфлоу(но надо уметь в англ)
495 2352869
>>52821
Зависит от того, как ты работаешь с датами с сервером. Но в любом счёте тебе придётся отдельный компонент писать для этого "инпута". И отдельный компонент для отображения дат. И отдельный модуль для работы с датами.
Я датами исключительно как ISO-строками с таймзонами оперирую и это сразу срубает жирный пласт логики для сериализации между редукс-стором/клиентом/сервером/бд.
>>52840
HTMLFormElement.reset()
496 2352870
>>52869

>HTMLFormElement.reset()


мерси
497 2352884
>>52870
А нифига,это для формы.
А если это просто текст в блоке?
498 2352904
>>52884
В каком блоке? Все инпуты являются частью какой-либо формы.
499 2352908
>>52904
Допустим есть div с фиксированными параметрами,и он пустой или есть дефолтное значение.
По ходу выполнения там что то изменяется.И что бы можно было сбросить до дефолта
500 2352911
>>52908

>Допустим есть div с фиксированными параметрами,и он пустой или есть дефолтное значение.


Ты там высрал див заместо инпута и даже не знаешь, какое у него должно быть дефолтное значение? В таких костылях нет никаких бест практис, дефолтное значение определяется как писателю компонента взбредёт. Можешь хоть ошибку кидать для этого и обрабатывать её.
501 2352912
>>52911
<div>
<p> 10 </p>
</div>

нужно кнопкой сбросить до дефолта в 0
так понятней?
502 2352922
button.addEventListener("click, () => {
throw new Error("reset")
})
503 2352934
>>52731
А судьи ли? Я вот например нихуя о них не знаю, на основании чего они имеют право кого-то судить в этом мире. Ты знаешь?
504 2352982
ПОСОНЫ ПОСОВЕТУЙТЕ НА ЮТАБЧИКЕ КУРС ПО РЕАКТУ!!!
505 2352995
Как называется психическая болезнь, когда ты пытаешься досконально изучить какую-то технологию или что-либо, сидишь и дрочишь его дебри, которые никто даже не знает, но если не изучишь это будешь чувствовать что знания неполноценны и поверхностны. Борюсь с этим уже второй год.
506 2353000
>>52995

>tfw прокрастинация встречает перфекционизм

507 2353004
>>52656

> А что ты хотел от майкрософт, дружок?


Так какого хуя это дерьмо форсят все, кому не лень? Я даже слышал, что его в компаниях используют.
Кучи положительных отзывов.
У же меня возникло стойкое ощущение, что этим людям или платят за рекламу этого кала или они просто скрипт-кидди, которые дальше хелловорда нечего не программировали.
508 2353023
>>52934

>Я вот например нихуя о них не знаю


Типичный пользователь продуктов от жидобрейнсов.
509 2353257
ребят, а в ангуляре есть какой-то аналог MatDialog по созданию всплывающих окон для логина и регистрации?
510 2353269
>>53004
Бесплатно лучше ничего нет. Правда в чем проблема оплачивать сотрудникам вебшторм это вопрос, ведь зарплаты-то у людей не по 20-30к
511 2353280
>>52912
Ну так найди этот <p> и textContent сделай равным 0. В чем проблема?
512 2353337
а мне вскод больше вебшторма нравится, я себе надыбал на пару месяцев и не пользуюсь нихуя, лень разбираться в интерфейсе
image.png15 Кб, 598x143
513 2353526
Привет двачик. Пытаюсь вкатыватсья в жс, хочу написать расширение, которое, допустим, скрывает на странице все теги <img>. Набрасал такой код, но он не работает... Помогите пожалуйста
carbon.png31 Кб, 588x241
515 2353571
Поясните позязя, как оно работает.
Откуда в oninput-е оказывается переменная age с актуальными данными? Пытался нагуглить, но ничего не нашел. Причем оно работает только при инлайне. Если определять для формы oninput в отдельном JS-блоке, то начинает ругаться, что переменной age не определено.

<form name="myForm" oninput="console.log(age.value);">
<input type="number" name="age" value="10">
</form>
макака 1.gif4,9 Мб, 720x494
516 2353612
Итак, попробовал bootstrap, material ui, chakra ui.
И как я понял, любой готовый набор ui-компонентов используется ТОЛЬКО в случае, если нужно быстро накидать proof of concept ну или когда на дизайн вообще похуй и изменять его не планируется.

Во всех остальных случаях начинается лютый пердолинг, при КАСТОМИЗАЦИИ всей этой хуйни.

Стула получается только 2:
1) Быстро кидать проект с дефолтным невырвиглазным дизайном с помощью готовых стилизованных компонентов фреймворка
2) Писать ui-компоненты самотоятельно с нуля.

То есть, как должна выглядеть разработка интерфейса во втором случае:
- дизайнер рисует дизайн
- далее создается библиотека ui-компонентов
- и только потом их используют.

То есть блять, разница в том, что дизайн не просто перегоняется в условный css-файлик или еще какую хуйню, а создаются КОМПОНЕНТЫ для кнопок, инпутов, таблиц, и прочей хуйни. Использование аттрибута className в коде за пределами ui-компонентов должно быть сведено к минимуму.
Так?
517 2353620
>>53612
Вариантов все еще три и все они используются одновременно
518 2353658
>>53571
https://developer.mozilla.org/en-US/docs/Web/API/Document/forms#named_form_access
При инлайне работает, потому что там существует контекст формы с таким инпутом.
519 2353661
Анончики помогите с гитом плиз. Короче в своем приложении пилил фронт и там есть гит файл где делал коммиты. Потом начал пилить бэк и там свой отдельный гит файл завел и папку client с фронтом добавил в gitignore. Теперь хочу бэк с фронтом соединить но как сделать чтобы два гит репозитория не конфликтовали? Просто убрать client из gitignore и продолжать комитить только в одном репозитории игнорируя фронтовский?
520 2353672
Аноны, есть сеймы?
Боюсь кодить потому что кажется не справлюсь с задачей, однако все равно справляюсь. И это повторяется перед каждой новой задачей.
вкатун
521 2353718
>>53672
У меня помимо этого есть страх, что я переоценю свои возможности и сделаю 70% задачи, застопорившись где-то сильно
522 2353720
>>53672
все решения всех проблем уже есть в интернете + можно попросить помощи здесь, в тг, на работе
чего бояться можно? тебе 18 лет? хуею бля
523 2353721
>>53720

>в тг


В смысле?
524 2353733
>>53721
в чатах телеграма
525 2353756
>>53661
Git modules.
526 2353833
>>53539
Ну в общем скрипт работает, только если его запускать в консоли браузера. Я пробовал делать как в этой статье, но он просто не подрубается. Можешь объяснить что нет пожалуста? :(
527 2353836
>>53833
Ты забыл сказать, под какой браузер расширение. Потом гуглишь документацию для этого браузера и там он должен предоставить расширению способ узнать, загрузилась ли страница или нет.
530 2353915
>>53658
Вот где бы почитать про это. Про document.formName.elements я знаю, но вот инфы о том, как это становится доступно в инлайне напрямую - чет нигде не нахожу.
531 2354840
>>53004

>этим людям или платят за рекламу этого кала


Поздравляю, ты теперь редпиллед.
532 2359846
>>53915
Все работает без всяких инлайнов дурачок.
<form id="form">
<input type="" name="huy" value="pizda">
</form>
<script type="text/javascript">
let form = document.getElementById("form");
form.huy.addEventListener("input", ()=>{
alert(form.huy.value);
})
</script>
Тред утонул или удален.
Это копия, сохраненная 5 августа 2022 года.

Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
« /pr/В начало тредаВеб-версияНастройки
/a//b//mu//s//vg/Все доски