Двач.hk не отвечает.
Вы видите копию треда, сохраненную 23 марта 2021 года.

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

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
js.png9 Кб, 1052x1052
JavaScript #173 /js/ 1794783 В конец треда | Веб
Прошлый: >>1789637 (OP)

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

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

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

Руководство для вката:
https://github.com/JS-Liberty/guide
react-logo.png61 Кб, 900x675
2 1794794
>>794783 (OP)
Привет, анон. У меня вопрос связан с организацией кода.

Я часто слышу, что компоненты в React должны быть независимы. Но насколько они должны быть независимы в бест-практис? В масштабе проекта или чтобы их можно было в другой проект перенести?

У меня есть например scss модули внутри компонентов, некоторые из них подключают глобальные scss файлы с шрифтами, цветами, размерами и прочим. Но ведь такие компоненты перестают быть независимыми. Если их перенести в другой проект, то они просто поломаются либо их нужно будет перенастраивать.

В общем объясните как надо, аноны.
3 1794816
>>794794
Если хочешь расшарить код между проектами - пиши либу или делай монорепо
4 1794867
Аноны я могу на жсе написать скрипт, который заходит в фап тред и скачивает все картинки ?
5 1794884
>>794794
У меня такие же вопросы сейчас возникают при обучении, что на этот счет можно изучить/почитать? А то в уроках показывают разные варианты верстки обычным css, верстка на реакте, но при этом ведь очевидно что тебе нужно продумывать определенную архитектуру того, как это будет работать и взаимодействовать с беком. Если ты не страницу-картинку делаешь, которая вообще без логики и просто одним файлом может быть написана без всяких фреймворков. Или я просто ньюфаг, и это все делают помидоры, и тебе нужно работать уже с более-менее обозначенной структурой?
6 1794892
>>794884

>что на этот счет можно изучить/почитать


Зависит от того что ты конкретно хочешь знать. Нет такой книжки, в которой будут написаны ответы на все твои вопросы.

Ну и вёрстка с беком никак не взаимодействует, если что. Для этого есть axios с Redux Thunk/Saga.
7 1794901
>>794892

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


Вёрстка-то не взаимодействует, но вот мне дали тестовое, где нужно на реакте сделать небольшую страничку интернет магазина с разными статусами наличия товара, и еще парочкой фич, типа оформления корзины. Никакой конкретики нет. И суть в том, что я на фронте могу придумать себе условные данные которые буду принимать для того, чтобы обновлять содержимое страницы, а потом отправлять что-то на сервер, но кто такую логику взаимодействия вообще должен придумать? Или такое бывает только в тестовом задании, а в реальной работе это все нужно будет придумывать совместно с бекендером ну и вообще вряд ли как-то такая логика может быть вырвана из контекста?
8 1794907
Ничего не понимающий в фронте петпроджектовый жабист вкатился.
Как лучше всего сделать, чтобы при нажатии на ссылку(?) "зарегистрироваться" вспывала форма регистрации? Можно, конечно, сделать ссылку на новую страницу, но это же медленно?
9 1794912
10 1794914
>>794901
Если вся структура фронта лежит на тебе, то ты её и должен продумывать. Плевать что там приходит с бекенда. По хорошему ты с этими данными вообще не должен взаимодействовать. Твои компоненты не должны знать что там бекендер у себя написал. Работа с API должна быть отделена от самого приложения.

Активно юзай stateless компоненты и используют Redux.
11 1794915
>>794907
Если надо чтобы прям всплывала, то проще всего переключать кнопкой стили opacity, transform и pointer-events у формы регистрации. Как лучше — вопрос слишком пространный.
12 1794925
>>794915
Спасибо.
13 1794938
>>794912
что мне для этого надо ? чистого жса хватит или нужна нода ?
14 1794943
>>794938
А чистый JS это вообще что по-твоему? Очевидно, что ему нужна какая-то среда исполнения. В данном случае нода, да.
15 1794956
>>794943
получается я сам отвечаю на свои вопросы да ?
16 1794963
>>794938
Можешь установить дополнение для скриптов, типа greasemonkey и писать в нем.
17 1794975
>>794963
Ему нужно их скачать. C greasemonkey ты будешь это делать вручную.
18 1795013
>>794975

>вручную



Зачем вручную? Получаешь фуллсайз пикчи с помощью XHR в виде блобов, блобы конвертишь в нужный байтоебский формат для скармливания одной из десятков js-зип-либ, можно даже ебануть в тарболл - там вычислений всяких контрольных сумм меньше и хэдеры проще и качаешь на комп - и все это нажатием одной кнопки, проблема может быть только если пикчи в треде суммарно весят гигабайты - тогда на старой машине с два ядра четыре гига браузер запердит свопом или вкладка уйдет в закат, но и это решается, например в хромом до сих пор не вырезали файл систем апи, т.к. сами его используют для
ютуба, кек, можно написать байтоебский врапер над индекседДБ апи, чтобы конструировать архив не в оперативке, а на харде, но для нуба задающего такие вопросы это слишком сложна будет - да. Сто лет назад писал такое для соцсетей всяких. Подозреваю что с нодой наверное проще все будет - но ноду я не петрю.
19 1795054
>>795013
Будет работать только если вызывать скрипты из вкладки с двачем, иначе cors завопит.

Куда проще запилить скрипт на ноде, который сделает все то же самое без ебли с ограничениями браузера и через прямой доступ к API.
20 1795063
5704f6f1bd0470697f8b4586.jpg13 Кб, 350x350
21 1795069
Ищу фреймворк.

ES6.

CDN одним файлом.

Two-way биндинг из коробки.

Идеалом для меня является старый Ангуляр, но его доедает дед.
22 1795071
>>794867
На пхп проще и быстрее, комрад.
23 1795074
>>795071
Но ты конечно не объяснишь почему, да?
24 1795081
>>795074
1) https://windows.php.net/download#php-7.4 скачал распаковал
2) parser.php создал (несколько строчек внутри)
3) php.exe -S 127.0.0.1:9002 parser.php
2 минуты и уже дрочиш.
25 1795105
Аноны, объясните такую тему, чем занимается фронтед разработчик стака React?
Работа фронтеда заключается в том, чтобы сверстать, подключить или ещё и сделать дизайн?
Или дизайн делает UX/UI дизайнер, а фронт верстает, подключает js?
26 1795133
>>795069
Knockout.js лел. Можешь попробовать npm пакеты любого фреймворка подключать через unpkg прямо в браузер. Напиши свой

>>795105
Дизайн делает дизайнер
27 1795141
>>795133

>Knockout.js


Пахнет годнотой.

>Напиши свой


Пробовал. Получилась хуета.
28 1795181
>>795069
Vue вроде бы подходит
29 1795226
>>795181
Таки да, Вуй тебе подойдет.

https://vuejs.org
30 1795239
Здесь за использование кофескрипта бьют или подсяду?
31 1795242
>>795239
зачем он сейчас нужен?
32 1795266
>>795081
Как будто на ноде не так
33 1795272
>>795081
С нодой точно так же, чел.
34 1795325
>>795081
1. https://nodejs.org/dist/v12.18.3/node-v12.18.3-win-x64.zip скачал и распаковал, там один
2. parser.js написал, внутри несколько строчек
3. node parser.js
1.5 минуты и сидишь дрочишь.
35 1795352
>>1783168 →

Разбираться в Редаксе != фигачить однотипный Редакс-код по бойлерплейтам. Если бы разбирался, то понимал бы основные типы данных вроде массивов и что такое редьюсер (у которого нет стейта лол - это чистая функция). Редакс стор с экшенами - это по сути БД которая существует в рантайме приложения.
36 1795353
>>1783422 →

На плюсах не работал. Просто лабы в универе делал. На Шарпе делал винприложение (калькулятор графов) и игру на Юнити (бизнес-логику включая структуры данных для уровней и пр., делал с нуля). На Жабе писал пару консольных приложулек (игру "угадай число" и генератор слов для конланга).

> Или просто понял что не твоё и решил на ЖС перейти?



Просто с ЖС найти работу с просранными полимерами проще чем на Жабе, Шарпе и тем более Плюсах. Проще чем с ЖС только с пхп, но это какое-то дно уже обычно (да и обилие говнокода пугает на нем) в итоге на первой работе в одном проекте все же имел дело с пыхоговнокодом от лида веб-дева с хаками из 00х. Сам ЖС мне нравится. Но на текущем фронте много тупой работы. Самое сложное что может быть - это взять данные с апишки, посчитать по готовым формулам, отформатировать, показать их на экране. Ну или отправить данные на контракт, провалидировать формочку. Бесит из технических моментов lack of configuration ability в некоторых сторонних либах (вроде React Slick). Из нетехнических - пиксельдрочество в верстке и иногда желание дезингера или ночальника РАДИКАЛЬНО перехерачить ифрейм-виджеты. Из-за этого иногда приходится городить хаки, ломающие структуру программы которые я сам же ненавижу.

>>1783431 →

> Значит ты вкатился в программирование намного раньше 21.



Да. Первыми ЯПами вообще были Паскаль и Питон (о первом узнал из передачи на СГУ-ТВ в 14 лет). Второй до сих пор использую, но только как скриптовый язык для рассчетов, кодогенерации, вызова системных процедур.

> Это ты в жс вкатился в 21, уже с опытом.



Первый боевой опыт у меня был как раз на ЖС.
37 1795355
>>795353

Да и вкатиться то вкатился. Но плотно заниматься программированием начал только с 2к18 года из-за хронической депрессии одно время просирал свое время на игори и аниму, сейчас фикшу это с помощью гзт.
38 1795356
Суп борщ, короче наткнулся тут на тестовое задание на реакте, и решил сделать его, просто чтобы набираться опыта.

Задание что-то вроде пикрила, суть в том, что есть несколько карточек с продуктом, сами карточки, их получение с сервера, размножение через циклы я вроде бы сделал. А вот с версткой какой-то пиздец:

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

Карточке срезана сверху слева, так что приходится судя по всему применять здесь clip-path, но у неё же есть еще и рамка, которая тоже срезается после клипа, на второй картинке.

Вторая проблема это рамка сама по себе, по какой-то причине она не накладывается на картинку сверху, несмотря на то, что применена к родительскому элементу, а оказывается позади как на второй картинке. zIndex не работает, применил все способы устранения нерабочего зетиндекса, что нашел, ни один не решает проблему, объект как будто просто рендерится позже, и как его перерендеривать пораньше я не знаю.

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

Собственно вопрос, как бы сделали вы? Не обязательно прошу готового решения, но хотя бы алгоритм действий которые бы вы предприняли.

говноКод компонента на данный момент такой
https://codeshare.io/G7o7jD
39 1795363
>>795352

И да. Не стоит сравнивать очередной хелловорлд с примерами из реальных проектов. Если чел не знает основ вроде строк, чисел, массивов, объектов, то его вряд ли даже джуном возьмут.
40 1795366
>>794783 (OP)
Салама-шаланоре, джентельмены. Кое-как напилил учебный микропроект и встал вопрос демонстрации его работодателям. Достаточно ли прямо залить проект на гитхаб с инструкцией для локальной развертки? Или правильнее будет все же напрячься с продакшн модом и сборками (вебпак, хуе-мое, пока не смыслю ничего в этом)?
41 1795367
>>795356
Берешь картинку товара, обрезаешь ее как нужно, скругляешь углы. Сверху накладываешь через position: absolute рамку. Сделай ее в svg и раскрашивай как тебе нравится.

Алсо, у img должна быть высота, ширина и, желательно, display: block. Или вставляй картинки через фон.
42 1795368
>>795366
Ты охуел что ли? Вот дел у меня других нет, разворачивать твой проект. Иди делай живую демку на gh-pages.

работодатель
43 1795376
>>795366
залей на гитхаб пейджес или нетлифай. опционально можешь купить красивый доменчик и привязать свою залупу к нему
44 1795378
>>795368
>>795376
Уже пилю, спасибо!
45 1795381
>>795366

С Гитхаба можешь залить на Codepen.io, JSFiddle, Codesandbox.io .
46 1795387
>>795266
>>795272
>>795325
Да похуй.
47 1795416
Как избавиться от ощущения, что я пилю говно? Я охуеваю сколько бабла платят за это говно

react макака
48 1795420
>>795356
В левый угол треугольник клип-патчем и абсолютом косую линию.
Все остальное - это обычный бордер радиус.
49 1795451
>>795071

На любой динамически типизируемой параше проще и быстрее. Хоть на Пердле и Петухоне пиши.
1395098255740.gif1,9 Мб, 236x224
50 1795453
>>795356

> на реакте


>через циклы

51 1795455
>>795081

1) https://golang.org/dl/ скачал и распаковал, там один
2) parser.go написал, внутри несколько строчек
3) go parser.go

5 минут и сидишь дрочешь
52 1795459
>>795081

1) https://golang.org/dl/ скачал и распаковал, там один
2) parser.go написал, внутри несколько строчек
3) go parser.go

30 секунд и сидишь дрочешь
53 1795466
Привет аноны, проблема е*анутая:
Загружаю скрипт в хтмле:

<scirpt src="js/class/Block.js"></scirpt>

и он не загружается (в панели разработчика в sources ничерта нет), но когда перемещаю файл в директорию "js/Block.js", и меняю ссылку в src на соответствующую, то все работает.

Пробовал менять имя папки на случайное - все равно не работает
Пробовал добавить левый скрипт в папку /classes - все отлично работает

В чем может быть проблема?
54 1795469
>>795466
В папке находится только класс, который хочу использовать в другом скрипте.

Оговорился чуть чуть, когда левый скрипт добавлял в /classes - работал именно левый скрипт, Block.js все так же не прогружался
55 1795480
>>795356
сделай обычный боред без клип-пас. И добавь через афтер или бефор див который будет перекрывать угол левый собой
56 1795485
>>795466
Так открой network и посмотри в чем дело, ну.
57 1795507
>>795387
Соснул, придурок?
58 1795518
>>795485
АХАХХАХАХАХАХАХАХАХАХ

Написал вместо

script
scirpt
59 1795529
>>795459

>внутри несколько строчек


Да щас, блядь. Кого ты пытаешься наебать. Писать парсеры на го в несколько строчек, ага, да.
60 1795542
У кого более менее адекватные и актуальные видосы по реакту можно найти?
61 1795577
>>795542
У нетфликса сериал скоро выйдет.
15856971759090.webm918 Кб, webm,
480x480, 0:06
62 1795605
>>795518
И нахуя ты высер в /b сделал?
63 1795626
>>795480
Запили пример пожалуйста
64 1795631
>>795367
Спасибо, попробую вечером

>>795420
>>795480
А тут я бы тоже хотел посмотреть на пример, для чего такое может пригодится? Не проще ли svg рамку делать кастомную?
65 1795635
Анончики подскажите, где можно почитать внятное описание того, как под капотом работает Array.prototype.sort?
В основном говорят про быструю сортировку, но в каком виде она там реализована?
Стоит ли на собесах сортировать массивы с помощью неё?
66 1795639
>>795635

>но в каком виде она там реализована?


Я думаю в виде быстрой сортировки.
67 1795663
>>795639

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

68 1795668
>>795635

>Стоит ли на собесах сортировать массивы с помощью неё?


да

на собесах всем похуй как под капотом работает js (99.99% собеседущих не знают сами), не похуй как под капотом работает та или иная либа/фреймворк.

НО! Важно знать как под капотом работает event loop, это прям популярно в последние 2 года спрашивать
69 1795675
Как на дваче в темной теме стилизуют скроллбар?
70 1795683
Анонсы, спасите. Пытаюсь в vscode отлаживать простейший скрипт, а дебагер на очередном f10/f11 улетает куда-то в глубину node-ы, открывается здоровенный файл, и отладка идёт уже в нем. Что это, почему так происходит, как убрать?
71 1795685
>>795683
Нажимать на кнопку выхода наверх. Там стрелочка такая должна быть вверх
72 1795698
>>795675
стилизуют разве?
а вообще можно при помощи псевдоэлемента ::-webkit-scrollbar
73 1795712
1)
const arr = [1,2,[3,4, [5,6, [7, [8, 9, 10]]]]]
Что лучше arr+''(пустая строка) или arr.toString()? Join конкретно здесь не нужен. Цель - получить самым быстрым способом строковое представление всех элементов (1,2,3,4,5,6,7,8,9,10)

2)
Я даже не знаю как верно сформулировать вопрос, но попытаюсь. Когда какая-то функция или действие отрабатывает долго, то контекст идет дальше как бы не дожидаясь (из-за асинхронности), то как интерпретатор понимает что нужно "идти дальше". То есть если функция выполняется более там 5мс, он идет дальше или как?
74 1795720
Повторяю базу по лерн.жс. Как и в прошлый раз столкнулся с не пониманием этой темы https://learn.javascript.ru/object-toprimitive

Зачем мне нужно преобразовывать объект в строку? Получится ведь [object Object], а если в число то NaN.
image.png2 Кб, 83x905
75 1795723
>>795698
вот только я сижу на мозилле, где эти псевдоэлементы работать вроде не должны, а скроллбар стилизованный
77 1795734
>>795712
Семантически лучше. Нужна строка - тустринг. Но еще лучше флат и джоин.

Если не асинхронно, то дальше не идет.
78 1795746
>>795726
А мне только ::webkit псевдоэлементы выдавал, спасибо.
79 1795766
После мапа массива есть строка типа GOVNO_MOCHA_2CH
Как оставить лишь GOVNO?
80 1795773
>>795766
str.split('_')[0]
81 1795777
>>795773
Спасибо, добра.
82 1795789
>>795685
Не помогает. Да и корень проблемы не решает.
>>795683
Бамп вопросу
83 1795790
>>795789
скрины отклеились
84 1795791
>>795790
После последнего шага с пик-1, вместо прекращения, отправляется в пик-2.
85 1795795
вкладка весит примерно 600мб, это нормально?
86 1795800
>>795795
Если там куча видео, то норма
87 1795803
>>795800

нет, сделал страничка с большим списком, примерно 10 000 элементов.
88 1795811
>>795356
>>795367

Вроде бы разобрался с тем как поместить svg в нужное место, но вот проблема:

У меня svg в виде файла, его нужно вставить в страницу, а потом вертеть его стилизацию.

Каким образом это сделать? В телеге ответили, что если у меня svg вставлен через импорт, то его стилизовать вообще нельзя. Этот свг должен в виде кода у меня присутствовать? Каким образом такие штуки делаются вообще, мне эта рамка нужна именно как вектор, чтобы можно было и толщину кастомную сделать, и цвет поменять.
Или имелось ввиду, что нужные рамки с заданной толщиной нужно раскрасить и каждый файл отдельно подгружать ввиду их маленького веса?
89 1795820
>>795811
svg тэги пиши прямо в html файле
90 1795826
>>795820
Да там лютый всратый пиздец получается если вот такую рамку просто в svg выгрузить, либо я что-то неправильно делаю
https://codeshare.io/5OwwR0
Это ни в какое сравнение не идет с ровностью border-radius, что за ебанутый всратый формат этот svg, что его нормально браузер отобразить не может? Или у меня сам файл неправильно как-то создан? Я тупо вектор из гимпа выгрузил в svg, когда начинаю увеличивать толщину, такое ощущение что места скруглений там это просто набор пикселей в определенном месте (видимо так и есть)
91 1795836
>>795826
Сука ебанная мразь, похоже это gimp так люто всирает при экспорте svg, сейчас ребутнулся в AI, он выдал мне просто идеальнейший вектор, всё как надо
92 1795837
>>795836
Рисуй в фигме, она как раз для этого
image.png6 Кб, 576x94
93 1795847
>>795720
Нет. Получится то, что ты запрограммируешь.
Например приведение объекта Date к числу - вернет timestamp, а к строке timestring
95 1795899
>>795882
Спасибо, огонь, буду знать

На работе один жс, верстку вообще не знаю, иногда из за этого стрессую
96 1795910
>>795899
это же фан бокс? Они вроде никого не берут, обратную связь по тестовым тоже не дают
97 1795948
>>795826
Используй фигму. Векторы всегда конверуй в заливку. Через css все прекрасно меняется, если убрать дефолтный fill.
98 1795954
>>795542

Тут не видосы, но исчерпывающе описано React API с примерами использования: https://reactjs.org/
99 1795955
>>795635

>Стоит ли на собесах сортировать массивы с помощью неё?



Да если не попросят написать алгоритм сортировки.
100 1795956
>>795635

>но в каком виде она там реализована?



Мб в виде гибрида сортировки слиянием и вставками (на небольших массивах).
101 1795966
>>795542
Актуальные на английском в ютубе, лайвкоддинга навалом
102 1795970
>>795712

>Когда какая-то функция или действие отрабатывает долго, то контекст идет дальше как бы не дожидаясь (из-за асинхронности), то как интерпретатор понимает что нужно "идти дальше". То есть если функция выполняется более там 5мс, он идет дальше или как?



Когда какая-то функция выполняется, движок ЖС тупо не может зарегистрировать изменения на портах ввода и запустить функцию из очереди тасков (microtask или macrotask queue). Поэтому, когда интерпретируется очень большой по объему или ресурсоемкий код в браузере (например, из-за слишком глубокой рекурсии), вкладка с веб-аппом виснет. По этой же причине, обработчики таймаута и интервала не срабатывают точно через N мс. По той же причине у них есть минимальное ограничение на задержку в 4 мс. Клик мыши, ввод с клавиатуры, таймаут и др. события чекаются, когда стек выполнения пустой. По ним в очередь тасков добавляются указатели на функции (обработчики событий, колбэки). А запускаются (пушатся в стек выполнения) они когда и стек и очередь микротасков (куда добавляются указатели на функции отрабатывающие по промисам и пр.) пустые. А таски из очередь микрозадач запускаются (пушатся в стек) когда стек выполнения пустой.
103 1795975
>>795635
Есть спецификация, которая описывает, что должно произойти, ты же спрашиваешь, «как» должно произойти. А на вопрос «как» отвечает конкретный движок.

Гуглишь движок, ищешь как там это реализовано понимаешь, что тебе это нахуй не сдалось

Например для v8 https://v8.dev/blog/array-sort
104 1795993
>>795970

>движок ЖС тупо не может зарегистрировать изменения на портах ввода


хорошо что он их и не регистрирует
105 1796007
>>795970

В общем рантайм флоу такой: проверить буфферы ввода (с клавиатуры мыши и пр. девайсов) и текущее время и запушить в очередь макрозадач колбэки если буфер не пустой или текущее время больше чем зарегистрированное по таймауту время -> если очередь микрозадач не пустая то запустить первую микрозадачу (запушить фрейм активации в стек) и удалить ее из очереди -> если очередь макрозадач не пустая то запустить первую макрозадачу (запушить фрейм активации в стек) и удалив ее из очереди. Когда стек опустошился, очистить буферы ввода а затем повторить этот цикл с начала.
106 1796010
>>795993

Лолбля. А как по твоему срабатывает колбэк по клику мышкой или вводу с клавиатуру?
107 1796104
>>795975
Спасибо анончик.
108 1796260
Чё такое then и как оно работает. С примеров понять не могу ибо тупой шо пиздец
109 1796273
>>795882
>>795910
Офигенно сделанно, даже в мыслях не было такое придумать. Да, это фанбокс, но тащемта я просто наткнулся на их тестовое и делаю ради опыта, так что не особо важно
110 1796295
На hk тред не открывается? Грязная обезьяна опять шатает?
111 1796344
>>796260
Смотри промисы
113 1796393
Как итерировать по массиву значения объекта по ключу, когда значение — другой объект?
114 1796417
>>796393
Хорошо поставленный вопрос - половина решения
image.png9 Кб, 294x291
115 1796422
>>796417
Да, хуй знает как это правильно было бы сформулировать.
Ну вот есть объект, допустим как на пикче. У меня есть имя ключа: "d" и нужно пройтись циклом, map-ом, как угодно, по значениям "o", "t", "r".
116 1796431
>>796422
Object.values(объект.d).map()
image.png23 Кб, 717x421
117 1796437
Аноны, почему первая функция ждет выполнения цикла и потом возвращает результат (даже если вместо 1000, я поставлю миллиард), а во 2ой функции она сразу возвращает undefined.

Я понимаю, что JS это асинхронный язык. Мой вопрос в том, почему первая функция не возвращает пустую строку?
118 1796451
>>796437

>почему первая функция ждет выполнения цикла


потому что это синхронный код

>а во 2ой функции она сразу возвращает undefined.


она string возвращает

>Я понимаю, что JS это асинхронный язык


не понимаешь

> Мой вопрос в том, почему первая функция не возвращает пустую строку?


потому что это синхронный код и он выполняется по порядку
119 1796464
>>796451
почему тогда не ждет выполнения таймаута перед выходом из 2ой функции?
120 1796469
>>796464
она не должна его ждать, она его лишь запускает и идёт дальше по синхронному коду
121 1796502
Почему если я установлю атрибут value элементу <a>, то не смогу получить его как document.querySSelector('a').value?
122 1796507
Чей курс купить?
123 1796509
>>796502
Может быть потому что value есть только у всяких инпутов?
124 1796515
>>796507
Буры
125 1796517
>>796509
Может быть, но если я его сам установил, куда он пропадает-то?
image.png18 Кб, 735x247
126 1796518
>>796515
Заорал с отзывов

>>796517
Его нет, смирись. Зачем тебе это вообще?
127 1796580
>>796515
А че по юдеми? Какой то иван там учит, стоит того?
128 1796584
>>796580
Юдеми это площадка. Там много кто учит. Что за Иван? Петриченко? Хз не смотрел его. Из тех кого смотрел и они хороши это Траверси и Бура
sage 129 1796588
Аноны, есть нынче спрос на жс-бэкэндов? Интересуют как фриланс, так и галеры. А то смотрю вот на даты последнего обновления разных middleware для koa и вижу "3 года назад", "4 года назад" и всякие статейки по этому делу тоже 2-х, 3-хлетней давности. На первый взгляд, складывается ощущение, что хайп по ноде закончился и там всё мхом заросло.
С другой стороны, например, модуль etag с npm сейчас скачивают по ~13млн. раз за неделю, т. е. кому-то в бэкэнде это всё надо.

Фронтэнд заебал.
130 1796592
>>796584
Все это говно есть на торрентах. Смотреть надо английские актуальные уроки.
131 1796603
Навеяно постом >>796437

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

Как вы делаете?
132 1796607
>>796588
Мб этот видос будет в тему
https://www.youtube.com/watch?v=QirEXoeDJzs
133 1796612
>>796603
Как в вашей конторе заведено, так и делай.
134 1796613
>>796588

>для koa


И коа же вроде сдулся, сейчас модно nestjs педалить
135 1796614
>>796592
Ну пиздуй на торренты. Словно мне не похуй где ты это смотреть будешь. Ну и нужно быть полнейшим еьанатом чтоб искать на торрентах учитывая что юдеми в течении 30 дней возвращает деньги
136 1796617
>>796588
Нода только набирает обороты. Никто каком случае и речи быть не может. Просто чистые бэкендеры на ноде не сильно востребованы. А если фриланс интересует то тем более не вижу альтернатив. На всяких шарпах и жавах нет фриланса
test.jpg28 Кб, 399x304
137 1796643
подскажите охватывающую статью по вертски boostrap ну или чтобы на собесе пояснить можно было
138 1796652
>>796643
для бекендера, html css
140 1796688
>>796686
мне нужна более абстрактная выжимка, а не дока
image.png86 Кб, 602x517
142 1796710
Читаю чистую архитектуру, тут говорится, что благодаря фп можно избегать "All race conditions, deadlock conditions, and concurrent
update problems".
Гуглю - все эти проблемы связанны с многопоточностью.
Вопрос. Зачем фп, иммутабильность и т.п. нужно в реакте?
143 1796716
>>796686
>>796702

>шах и мат

144 1796727
>>796716
таки знал шо тут нет компетентных

> изи раскатал тя

145 1796735
>>796710
В реакте все проверки того, изменились ли какие-то данные или нет (перед рендером в VDOM), делаются с помощью Object.is() (если правильно помню), что в случае с объектами просто сравнивает ссылки на эти объекты.
Т. е. вот у тебя есть state
const [ data, setData ] = useState({ key: 'value' }); // oldData
и в каком-то хэндлере ты его мутируешь
setData(data => {...data, key: 'new_value'}); // newData
При этом внутри реакта делается проверка
Object.is(oldData, newData)
... или что-то аналогичное, что сравнивает ссылки на объекты. Ну а дальше, если ссылка на объект новая, то это вызывает перерендер соотв. части VDOM, а если ссылка та же самая - не вызывает.
Сделано через жопу, да.
146 1796742
что счас актуально fetch или axios для vue приложух?
147 1796743
>>796735

>setData(data => {...data, key: 'new_value'}); // newData


Пля, скобки забыл.
setData(data => ({...data, key: 'new_value'})); // newData
148 1796749
>>796710

что такое All race conditions ?

мимо джун, видел такую хуйню в комментах нашего проекта
149 1796750
>>796742
У фетча, если не ошибаюсь, до сих пор нет возможности мониторить прогресс загрузки файлов на сервер.
151 1796796
как по фасту настроить eslint в vscode, а то он аццки орет шо запятая не правильна шо пробел блят не там, хуле так сложно, пытаюсь во вью больше трачу времени на устранение ошибок еслинта, после питона не привычно
152 1796805
Устроился в yandex задавайте вопросы
image.png378 Кб, 803x413
153 1796806
Кто ответит? Нахуя?
154 1796807
>>796805
кем и как собес прошел?
155 1796811
>>796807

На фронта, мидол.
Друг помог, прошел собеседование до меня за 1 неделю, завалил его, но передал мне все вопросы которые там спрашивали.

так и прошел.
156 1796813
>>796811
зоебис друг, а он кем работает?
157 1796814
>>796813

фрилансит, я ему бабки дал за это .
Тупо как шпион проник
158 1796816
есть для vscode vue bootstrap snippets?
159 1796817
>>796814
чем буиш заниматься на vue? верстать?
160 1796818
>>796817

react, ну за 3 месяца у меня цель: подмять под семя синьеров-омежек, что бы за меня все делали, может кнопку спроектирую новую, а там посмотрим.
161 1796819
>>796818
ну а че по вопросам, типо ты уже не нуб на мидла, но подстраховалса все равно
изображение.png44 Кб, 836x312
162 1796830
что за md, sm, lg, xl, xs?
163 1796834
>>796806
Отличать свой макбук от 10 таких же на столе в переговорке
164 1796835
>>796805
Кандалы не жмут?
165 1796838
Как в JSX прописать after/before элементы, когда у тебя стили вынесены в отдельную константу? Они вообще в реакте есть? И можно ли пользоваться фичами scss внутри реакта, или он только из отдельного файла подтягиваться может?
166 1796842
>>796835

я устроился в яндекс для переката в европу через год.
изображение.png249 Кб, 440x417
167 1796843
>>796818
>>796838
челик только устроилса уже сам спрашивает
168 1796844
>>796843
Я другой анон, что за бугурты?
169 1796846
>>796844

он решил что умеет определять людей по отступу текста ^^
456456.jpg16 Кб, 282x119
170 1796847
>>796796
Я вот так сделал.
15991646863250.png23 Кб, 386x297
171 1796848
172 1796865
>>796796
Так его для этого и ставят ващет.
173 1796888
Пацанчики, какой стейт менеджер использовать для реакта в 2020-2021?
image.png38 Кб, 300x300
174 1796894
>>795356
>>795882
>>795367
>>796838

Пиздец короче, таки сделал в реакте, без svg и без псевдоэлементов

1. Сначала обычная рамка у родительского элемента, что позволяет кропать любой контент внутри с помошью overflow: hidden
2. Делаю так же clippath у родителя, оставляя видимым все кроме уголка сверху слева
2. Далее внутри добавляю в реакте пустой див в который вставляю стилем небольшой квадратик и поворачиваю его на 45 градусов, задав ему рамку, пикселеёбствую, подгоняя внешнюю рамку квадратика, чтобы она совпала с обрезанным элементом родителя, выступая только на толщину рамки

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

Чувствую себя каким-то гением-дегенератом, кажется что это лютая хуета, но это работает.
175 1796948
Sublime или vs?
176 1796949
>>796948
Не существенно. Как тебе удобно, так и работай.
177 1796951
>>796894
https://jsfiddle.net/ts5qjL1u/16/

С точки зрения прозрачности норм решение. Зато теперь из-за clip-path придется каждый раз ебаться с попиксельной подгонкой этой хуеболы под каждый размер рамочки.

Наверное можно придумать более универсальное решение, но мне лень.
179 1796996
Сап, ректальные. Правильно ли я понимаю, что при деплое MERN-приложения (пытаюсь на хероку), необходимо прикрутить сервер сайд рендеринг? Или есть способы проще и я ничего не понял?
180 1796999
>>796996
В чем необходимость? Не хочешь, так не прикручивай.
Снимок экрана 2020-09-04 в 12.43.56.png13 Кб, 353x51
181 1797029
>>796999
Какой-то необходимости нет, просто я ума не приложу как еще заставить все заработать. Как я понял по своим попыткам, хероку запускает ноду, с которой и спрашивает хтмл страницы, которых у моей ноды нет, если я использую клиент сайд рендеринг (либо я криво все загрузил).
182 1797033
>>797029
А локально ты не роутинг не тестировал что ли? Все 404 должны фоллбечиться на index.html, это как бы базовая техника SPA.
183 1797037
>>797029
Как ты раздаешь статику?
184 1797041
>>797033
Он и index.html не загрузил, похоже, что я как-то жиденько загрузил на гит, поскольку локально все работает.
>>797037
Если я верно понял вопрос, то собираю через npm run build и на сервере экспресс его находит через app.use(express.static('client/build'));
185 1797132
>>796894
object-fit: cover и всё
186 1797164
>>795803

Тогда хуево. Нужно запилить динамическую подгрузку списка при скролле вверх и вниз. Список показывает X элементов , тогда нужно при инициализации загружать 2*X элементов. Когда проскролишь вниз X элементов от начала, то загружать следующие X элементов и добавлять к имеющемуся списку, а проскроленные элементы удалять из памяти и т.д. Когда скроллишь вверх на X элементов и самый верхний элемент - не самый первый, то подгружать предыдущие X элементов и удалять из памяти следующие X элементов
187 1797166
>>796464

Она не должна его ждать. Она тупо пушит колбэк в очередь макротасков. Почитай что такое стек выполнения, event loop, message queue что ли (как и вообще будет полезно почитать про алгоритмы и структуры данных).
188 1797174
>>796507

На Coursera.org можно посмотреть.

Еще есть доки и туториалы от Мозиллы и W3 где все API подробно и с примерами описываются. Хочешь во фронтенд - есть доки от reactjs.org и пр. В бэкенд - есть от nodejs.org .
189 1797218
Ребят пытаюсь разобраться в ноде. Там в коде есть часть с кодом:
app.use(express.json())
И в комментарии написано body parser. Что это значит? Как я понял доступ к объекту реквеста? Что делает это express.json
190 1797228
>>797218
При помощи этой строки express сможет распарсить body, которое в json формате пришло
191 1797264
>>796437

Слишком толсто, жс-хейтер.
192 1797305
>>797228
А что значит это распарсить body?
193 1797355
Я так понимаю весь фронт на реакте, те помимо охенного знания html css нужно знать не менее пиздато взаимодействие js с дом и стилями? А только потом уже укатываться в реакт?
194 1797361
Есть приложения на смарт типа справочника с примерами по css хтмл?
195 1797362
>>797355
Как раз таки реакт сводит еблю с dom до минимума.
196 1797363
Есть два проекта, один - React приложение, другое - бэкенд, на ноде, предоставляющий API клиенту. После осмысления того, что хайлоуда у нас не намечается, решили фронт и бэк садить в один контейнер докера, под общим сервером. Соответственно, стоит задача - билдить оба проекта по-отдельности, и в виде пакетов подключать к серверу на ноде. Есть ли какие-нибудь best practices по организации этого? Или баш в руки и писать как мне удобно? Я, конечно, могу и сам ручками перетаскивать билды в папку сервера и компилить это всё в image, но я не уверен, что такой подход понравится более компетентным товарищам, которые с этим говном тоже будут иметь дело.
asdas.png54 Кб, 286x176
197 1797367
Есть во vue форма которая добавляет данные, нужно использовать дочерний компонент для вывода или можно независимо от иерархии передавать данные в компонент?
198 1797368
>>796830
medium small large extra large extra small
199 1797375
>>797355

> те помимо охенного знания html css



Что там знать-то? Какие бывают наиболее распространенные теги, как делать отступы/позиционирование/стилизацию текста и картинок/простые анимации?

> нужно знать не менее пиздато взаимодействие js с дом и стилями



Нет. Но нужно знать как Реакт под капотом это делает, чтобы не писать глючный код. И чтобы понимать, какие проблемы позволяет решить Реакт быстрее чем средства нативного ЖС и когда уместно его использовать.
200 1797377
>>797368
спасибо
201 1797385
>>797375

> Что там знать-то?


Атрибуты свойства и прочую ебатень
202 1797390
>>796385
Анонче, спасибо тебе большое! Всяческих благ тебе.

Заработало, но не совсем здорОво по-моему. Отладчик так же заходит куда ненужно, если указать папки для исключения. А если указать, чтоб игнорировало НЕ рабочую папку со скриптами - работает не куда по либам и т.д./п. не лезет.
203 1797396
>>797375

>Нет. Но нужно знать как Реакт под капотом это делает, чтобы не писать глючный код. И чтобы понимать, какие проблемы позволяет решить Реакт быстрее чем средства нативного ЖС и когда уместно его использовать.



Нет, но надо знать как браузер это под капотом делает
Нет, но надо знать как сетевой адаптер байты получает
Нет, но надо знать как видеокарта пиксели отрисовывает
Нет, но надо знать как процессор инструкции обрабатывает
Нет, но надо знать как электроны работают
Нет, но надо знать стандартную модель
204 1797427
По верстке сильно спрашивают на собеседовании? Я только react+graphql задротил.
205 1797431
>>797396
Воу воу воу, изи мен.
206 1797437
>>797427
Не знаю ни одного человека кто провалил собеседование из-за незнания верстки. Если это конечно не позиция версталы лол. Но без редакса и не думай ходить на интервью. Я тоже раньше учил все крутые технологии. И clojurescript и эликсир а на деле всем на это похуй. Всем нужен реакт + редакс + тайпскрипт
207 1797452
>>797437
Понял, поучу редакс. ненавижу верстку, css это кал
208 1797455
Ебать, вот это технологии у вас там в реакте. Мой пука не справляется
209 1797458
>>797427
>>797437
Объясните, чем занимаются фронтэндеры не знающие вообще верстки? Т.е. как вы вообще фронт начинали изучать? Вот просто сразу с ходу минуя html+css прыгнули в реакт и давай задрачивать его? Типа если надо будет поправить положение кнопки или какой стиль наложить будете передавать всё верстальщику? Просто я не совсем понимаю как можно запилить страницу на реакте без знания css, и наоборот, зная только css пилить что-то на реакте? Или вы сразу устраиваетесь сходу работать на готовые проекты, где происходит работа только с логикой?
210 1797459
>>797458
бутстрап/материалайз/тайлвинд?
211 1797465
>>797458
Как раз в снг фронтендеры и занимаются логикой, на западе верстал как у нас нет. Для реакта хватит знаний уровня марджин лефт 10 10 10 10.
>>797459
Если для себя пилить то да, на реальных проектах все сделает верстала, либы зачем тащить?
212 1797469
>>797458
Ну как не учили. Конечно прошли пару курсов на хтмл академии. Но мне это тяжко даётся. Начитался что цсс легко а дальше с жс ад и Израиль а вышло все наоборот, жс мне намного понятнее. А дальше просто бутстрап юзал в учебных проектах. Ну и да на работе уже все версталы делали
213 1797472
>>797465

> либы зачем тащить?



У нас antd в ентерпрайзе лол
214 1797473
>>797469

>Начитался что цсс легко а дальше с жс ад и Израиль


Это для домохозяек инфа, им проще 100500 свойств выучить, чем понять как код работает
215 1797475
>>797473
>>797469
А мне наоборот на данный момент менее понятно как практиковать JS на конкретных примерах, вот начал пока на реакте тестовый проект пилить, но все же все равно иногда не понимаю что делать дальше и нахуя я это делаю без конкретной цели. Как вы сами с js учились взаимодействовать? Во всех учебниках что встречал какой-то бессмысленный дрочь в консоли вообще без практического применения.
216 1797479
>>797475
Хз, научись делать весь интерактив на ванила жс, может станет понятнее. Ну и выучи es6 синтаксис нормально, без этого реакт код будет отдавать некой непостижимой магией
217 1797480
>>797475
Это время займет. То что ты сейчас не понимаешь - продолжай заниматься и поймешь со временем. И не надо с ваниллой ебаться.
218 1797482
>>797475
Ах да, самое главное, я вообще нигде не могу найти нормальных обзорных или практических уроков по тому, как фронт взаимодействует с беком, куда всё, что я делаю отправляется-то? Везде какие-то уроки и проекты в вакууме. Как будто ты на реальных проектах будешь страницу просто пользователю в виде файла давать скачивать, и он на него просто как на картинку смотреть будет. Как вы учились работать с js именно полноценно? Единственные уроки, где я находил, как подключать фронт к беку были связаны с fullstack проектами, где ты делаешь вообще всё с самого начала со стороны сервера.
219 1797485
>>797475
Вообще похуй на жс, тебя будут во-первых про реакт спрашивать, на примере твоих проектов кста, а во-вторых как вкатишься к тебе приставят мидла, который поможет тебе вкатиться в тайпскрипт, на котором сейчас 70% проектов запускаем.
220 1797487
>>797482
Найди урок, где челы используют чужую апишку, а не собственный бек.
221 1797488
в тему про css и html. Как придумать дизайн для собственного проекта для портфолио? Что для этого нужно смотреть/читать? Может кто сталкивался? Бутстрап юзать не хочецца
222 1797490
Изучаю React. Хочу написать приложужу для подсчёта дневной нормы калорий. Вопросос по самой разработке нет, но вот где взять APIшку с базой жратвы? Нашёл только буржуйскую https://fdc.nal.usda.gov/api-guide.html
Но ничего русскоязычного нет. Или такое информацией никто не делится свободно?
223 1797512
>>797482
Гугли MERN Traversy на юдеми. Поймёшь. Но перед этим читай доки реакта. А перед этим сначала поучи жс. Хоть и на оторванных от реальности примерах
224 1797518
>>797488
Всем похуй на твой дизайн чел. В учебных проектах на это вообще не смотрят. Я тоже делал эту ошибку поначалу. Старался чтобы все было красиво. Но мозги вправил потом. Не наступай на те же грабли
225 1797551
>>797518

>Не наступай на те же грабли


Так и что посоветуешь? Юзать бустрап? Или вообще не запариваться, главное чтоб работало?
226 1797572
>>797551
Лучше бутстрап, но без выебонов
227 1797573
>>797572
понял, спасибо
228 1797576
>>797551
Да поддерживаю чела выше. Бутстрап без фанатизма. Чтобы у тебя в один ряд все не сливалось. Ну и там кнопочки хуепочки и прочее
229 1797582
>>797551
material ui
230 1797583
>>797576
>>797572
Кстати, а в каком виде юзать бутстрап? React-bootstrap или классический через cdn? Я что-то посмотрел react-bootstrap там какой-то пиздец
231 1797588
>>797583

не юзать, это мертвая хуйня.
не один кейс она не решает в реакте.
232 1797601
Кароче аноны прошел курсы от компании, react redux saga node.js express, sequilize, еще писал todo на ангуляре с rxjs, но спустя полгода понимаю что там такой пиздец, что даже смотреть стыдно. Могу написать минимально рабочую хуйню с беком, понятное дело что гугля на ходу, и все такое. Таких знаний достаточно что бв устроиться джуном, на з.п похуй, мне уже пояснили что сначала работаешь за нихуя, поьом через год можешь просить 1к.Проблема в том что я сцу сходить на собес, я ебаный омега, и думаю что этого мало, и с меня будут рофлить. Да и везде хотят минимум год опыта, и что делать? Поясните неопытному
233 1797622
Аноны как в visual studio code вернуться назад, например я кликаю по компоненту ухожу вглубь, и мне надо вернуться, к родительскому компоненту. И можно ли как-то искать где используется этот компонент? Я юзаю обычный поиск, который слева в боковом меню,но это ведь неудобно нихуя.
234 1797705
Что юзаете на реакте для стилей? БЭМ, Emotion или SC? Как вообще архитектуру стилей выстраиваете?
235 1797713
>>796811
Кидай сюда вопросы
236 1797717
>>797705

> Что юзаете


css modules

> Как вообще архитектуру стилей выстраиваете


Никак, css modules разберется, чтобы не было конфликтов
тупой вкатывальщик без работы
изображение.png63 Кб, 274x184
237 1797739
Есть vue на фронте и flask celery redis куда мне статик складывать? всё это упаковывается докером
238 1797741
>>797622
Alt+стрелка назад - вернуться к последнему месту редактирования (в данном случае вернёшься туда, откуда проваливался внутрь компонента) или ctrl+p (p нажать 2 раза) - вернёшься к предыдущему файлу. А вообще всё это гуглится, там дохуя полезных штук есть.
239 1797743
>>797741
Стрелка не назад, стрелка влево, объебался немножко.
240 1797744
>>797741
мб ты еще подскажешь где спиздить шаблон хоткеев как в idea? банальный дупликат строк на ctrl + d в vscode не работает
241 1797746
>>797744
Хз, у меня обратная проблема, надрочился по хоткеям в вскоде, теперь в ide чувствую себя инвалидом, а по работе и там и там ковыряться приходится. Вообще в vscode можно все хоткеи переделать через ctrl+k ctrl+s ручками или мб в настройках чего есть или плагин, хз.
242 1797747
>>797746
ну да я видел, просто в некоторых редакторах по дефолту например ctrl + d дупликат и опять там насраивать хоткеи, мб есть уже готовый набор насроек
243 1797783
>>797747
Вообще ctrl +d работает в vs code так что не пизди.
244 1797829
>>797583
Я просто стили беру через cdn, когда надо по быстрому замутить
245 1797830
>>797783
По дефолту не работает иди нахуй
246 1797832
>>797830
У меня почему-то работает. Что я делаю не так? Из дефолтных хоткеев менял только чтобы авторедактирование на alt+f сделал
247 1797843
>>797830
Все там работает по дефолту
248 1797853
>>797601
Не хватит, конечно. Мало того что это какие-то говнокурсы, так еще и прошло 6 месяцев. Нужны хорошие пет-проекты, нужны знания алгоритмов и структур данных, нужны знания паттернов проектирования, нужны софт-скиллс а не "я боюсь на собес идти, я омега". Омегой ты можешь быть только если знаний у тебя намного выше чем у других.
249 1797855
>>797744
Есть плагин с хоткеями идеи, но там не все
250 1797858
Решил дрочнуть себя и наполнить html страницу через жс, юзаю insertAdjasentHTML и создаю элементы через createElement, или есть более простые действия?
251 1797922
>>797601

>1к


рублей ?
252 1797955
У кого какая зарплата и сколько опыт работа в фронте?

3 года = 200к.
начинал с 25к
253 1797958
>>797955
Что нужно знать на 30-40к?
254 1797960
Хочу укатится с завода, но боюсь что в один день бац и чебурнет со всеми вытекающими, и работки войти не будет, а на заводе штабильность хоть и грязно, как ты думаешь онон есть у ойти в ближайшем будущем (лет 20-30) перспективы причем денежные?
255 1797964
>>797960

Если будет чебурнет, то будет пизда всему ИТ и всей стране.

без айти даже твой завод не сможет функионироваь, обновления к вашим Ораклам и Постгресам тянуть не от куда будет и хацкеры будут ломать ваши БД.
256 1797965
>>797396
но на работу все равно не возьмут
257 1797967
>>797960

Джуны с завода никому не нужны.
258 1797969
>>797955
300к/сек
259 1797970
>>797964
Но у нас есть 1эсс и астра
260 1797971
>>797967
А если не говорить что до этого работал на заводе?
261 1797975
Помогите разобраться с обработкой ошибок в ноде. Вот код. Есть пик 1. В случае ошибки он выполняют функцию next куда передает класс с параметрами. Что делает этот next? Сам класс на пике 2. В главном файле есть строчка app.use(errorHandler). Этот errorHandler middleware и он на пике 3. Так вот объясните плиз поэтапно как эта обработка ошибок работает
262 1797976
>>797975
И да, что за магию совершает этот класс?
263 1797977
>>797970

1С не работает без зарубежных технологий.
264 1797978
>>797971
Тогда возьмут, но тебе надо быть мидлом.
265 1797981
>>797975
Тоже просматривал этот курс, объясню как я это понял. Сильно не бейте, если неправильно, лучше поправьте

> В главном файле есть строчка app.use(errorHandler)



А НАД этой строчкой у тебя прописаны роуты. Запрос идет по роуту, заходит в контроллер, там ловит ретурн и next, next вызывает следующий мидлвер (errorHandler) и передает в него объект err (экземпляр класса ErrorResponse). Этот err является наследником класса Error, соответственно имеет все поля Error плюс статус код. Соответственно в errorHandler прилетает эта ошибка, хендлер консольлогает ошибку и отправляет ответ клиенту жсончиком с текстом ошибки и кодом
266 1797983
>>797981
Хммм звучит логично. Спасибо тебе.
267 1798015
>>797975
next переключает контекст выполнения на след. миддлвэйр и соответственно он выполняется.
>>797975
>>797981
Шо за курс?
image.png2,1 Мб, 1033x1017
269 1798054
Аноны, кто бы ей вдул?
270 1798069
>>798054
это кто?
272 1798076
>>798069

вдул бы?
273 1798081
>>798054
Ты женщину впервые видишь что ли? Пиздец, инцелы и сюда протекли уже.
274 1798085
>>798076
>>798074
Да я бы и собаке...
275 1798090
>>798054
Я
вкатывающийся зумер-листва
276 1798108
>>798081
Леол погромирование полно инцелов. У меня например нет девушек на работе и я годами инцелю. И такой бы часами лизал писечку.
Как получить сумму всех свойств по ключу? 277 1798109
Допустим приходит вот такой JSON, нужно получить сумму всех свойств по ключу "calories". Существует ли какой-нибудь волшебный метод, или же тупо перебирать через несколько for in'ов?
{
foods: [
{name: 'Название продукта', calories: 70, size: 30},
{name: 'Название продукта', calories: 150, size: 30},
{name: 'Название продукта', calories: 280, size: 30},
],
time: '9:30'
},
{
foods: [
{name: 'Название продукта1', calories: 160, size: 30},
{name: 'Название продукта5', calories: 250, size: 30},
{name: 'Название продукта4', calories: 150, size: 30},
{name: 'Название продукта2', calories: 350, size: 30},
],
time: '12:45'
},
278 1798117
>>798108

Синьерше - самое то.
Может научить JSу
279 1798120
>>798109
Два вложенных reduce изи справятся
280 1798122
>>798120

>Два вложенных reduce


Благодарю
281 1798141
>>797967
Никого не волнует, что ты делал до этого, работодателя интересует, можешь ли ты писать код и работать в команде. Всё. Хватит из поста в пост носить этот дебильный шейминг людей, которые меняют профессию.
282 1798180
>>798141
Работодатель посчитает, что раз ты не смог добиться ничего на прошлом месте, что решил радикально сменить сферу, то ты явно и здесь говном будешь и быстро развосхитишься. Плюс будет понятно, что ты вкатыш с цыганских курсов только ради ради денег, а не тот, кому реально это дело нравится.
283 1798182
>>798180
Суть в том что в it меньше этой долбоебской корпоративной шизы где нужно лицемерить что работаешь не ради денег а за идею и скакать кабанчиком. А все потому что дефицит кадров. Я прямо шлю нахуй эйчар с их тупыми вопросами говоря что на хую вертел их компанию и мне не интересна из какой залупы они вылезли. Просто скажите сколько мне можете предложить и в чем суть работы заключается
284 1798184
>>798182

>что в it меньше этой долбоебской корпоративной шизы


Шиз, плиз. В ойти этого больше всего.

>что работаешь не ради денег а за идею и скакать кабанчиком


Если ты работает только ради денег, то ты нахуй никому не нужен. Деньги тебе по умолчанию платят.

>Я прямо шлю нахуй эйчар с их тупыми вопросами


И шлешь, и шлешь, и шлешь...
285 1798185
>>798182

>на хую вертел их компанию и мне не интересна из какой залупы они вылезли



Но для amazon придется учить все 16 принципов лидерства что пройти собеседование
286 1798186
>>798184
Работаю только ради денег, корпоративной шизы нет, тупых вопросов не задают. Полет нормальный.

синьор-помидор
287 1798188
>>798184
О типичный, "эффективный" менеджер с КОПРОративной шизой. Что не получается среди нормальных пасанов эту хуйню насадить?
288 1798234
Господа. Вопрос.
Внутри success ajax запроса запускаю еще один ajax.
В url второго запроса вставляется переменная, получаемая из data первого ajax-запроса.
в обоих запросах async: false.
Проблема: переменная, заполняемая в success второго ajax, не заполняется.
Структура такая:
var answ;
.ajax({
url: url1,
success: function(data){
var x = data.smth();
.ajax({
url: url2+x,
success: funtion(data){
answ = data.smth();
}}})})
289 1798242
Подозреваю, что запросы выполняются не по порядку.
15734996305470s.jpg4 Кб, 150x200
290 1798245
>>798234

>2020


>ajax

291 1798247
>>798234
А не проще использовать fetch и построить цепочку промисов? А там хоть десять запросов делай друг за другом.
292 1798248
>>798141

не совсем, он даже не понимает что такое Смузи или кофе-брейк, а еще обучать скрамам, дейли и куча всего...
293 1798249
>>798234

Проорал с var
Проорал с Jquery и его ajax
Проорал с названий переменных
76976897896.png366 Кб, 580x411
294 1798250
>>798234

>}}})})

295 1798252
Если я в редюсе использую массив как аккумулятор, это нормально его мутировать в итерациях или тоже нужно новый каждый раз создавать?

Сборщик мусора вообще знает про иммутабельные фп-загоны?
296 1798254
>>798249
такой синтаксис в плагине, с помощью которого верстаю дэшборд в Jira.
297 1798256
>>798254

зачем ты туда полез?
значит джира говно
298 1798257
>>798252

каждый раз надо новый массив создавать
299 1798258
>>798256
работа такая.
300 1798268
>>798258

Сколько платят?
301 1798271
>>798268
сто баксов за стол.
302 1798274
>>798271
За вымытый стол? Это после корпоративов?
303 1798276
304 1798280
>>798276

зачем ты копошишься в говне? Jquery запрещен для разработчиков с 2000 года
305 1798300
для boostrap table во vue не нужно же итерировать список, сам за меня всё сделает? типо так?
<b-table hover :items="listItems"></b-table>
306 1798305
>>798280
Я всего год назад вкатился сразу по нескольким языкам.
Что требуется по работе, то и изучаю.
Что посоветуешь?
307 1798315
>>798305

год опыта есть - перекатывайся на другую работу с реактом или вью
308 1798316
>>794783 (OP)
Опасно ли включать в бессерверное приложение на реакте кусок html, который может отредактировать любой посетитель?

https://stackoverflow.com/a/19277723/12097303
image.png522 Кб, 750x591
309 1798320
>>798305
ща те тут насоветуют
image.png313 Кб, 468x512
310 1798357
запрашиваю через axios post запросом, получаю данные и потом нужно запросить get запросом после того как данные буду получены post запросом, как грамотно связать?
311 1798360
async () => {
const response1 = await fetch(url1, {
method: 'POST',
});
const data1 = await response1.json();

const response2 = await fetch(url2);
const data2 = await response2.json();
}
312 1798361
313 1798365
>>798316

нет, даже если что-то пошло не так и вас взломали то виноват бекендер

редактировать и бессерверное? что за лол?
314 1798370
>>798360
спасибо
315 1798419
>>798365
мб имеет ввиду статик js
316 1798428
>>798365
Бессерверное не значит без сервера лол
Это значит что сервер не у тебя
317 1798433
>>798428
Сервер по любому не у меня. Нахуй мне сервер. Я что, ебанутый.
318 1798437
>>798428
Имеется в виду что нода на серваке не стоит. Сайт выложен на обычный php-хост.
319 1798438
>>798437
алсо на данной странице нет никаких вводов паролей (но есть на прочих страницах, выложенных на домене).
320 1798489
Пытаюсь в ванильном жс заполнить страницу, может нахуй и сразу в реакт?
321 1798490
>>798489
Очень странный вопрос, кто сейчас на ваниле пишет?
322 1798491
>>798490
Нуфани вкатывальщики что бы понять как работает дом, не?
323 1798493
>>798491
Ну это совсем кончи с кекслета или гейбрейнс
324 1798540
>>798054
дайте сурс
325 1798543
>>798491
Не нужно этого понимать
326 1798549
>>798490

>кто сейчас на ваниле пишет?


>пишет на jquery


>не знает что на ваниле уже есть все для работы с домом

327 1798633
>>798543
Почему?
328 1798639
>>798054

выебал бы, но у нее есть личинка и она уже милфа
329 1798653
>>794783 (OP)
Как формируетмя страница в современных веб-приложениях? Раньше везде просто передавался готовый html-документ, файлы css и файлы js. Сейчас вроде как жс сам рендерит страницу на клиенте, где краткое пояснение как именно это происходит?
мимо изучал лишь ванильный жс
330 1798667
>>798549
Какой жукверик в 2020 году?
331 1798673
В material-ui есть компоненты для h1, h2 и тд?
332 1798675
>>798673
Есть
333 1798684
Анонесы, нужно замерить размеры ещё не отрисованного на странице элемента, со всеми паддингами и прочей разметкой. Нужно для позиционирования.

jQuery с задачей не особо справляется. Какие есть варианты? Хочу попробовать зарендерить за экраном, потом замерить размеры и перепозиционировать с учётом этой информации, но как бы это провернуть?
334 1798685
>>798653
Single page application, реакт хуякт бабель хуябель jsx все это ебется друг с другом жс в html тегах каша блядь
Сам только начал учить так что так
335 1798686
>>798653
Как сделаешь, так и формируется.
336 1798690
>>798684
Элемент не отрисован = его нет = нет размеров
jQuery вообще не используй, это легаси помойка
Для позиционирования можешь просто получить размеры и задать потом их, там миллисекунды пройдут. Ну или хуярь с opacity: 0
337 1798693
>>798653
Теперь передается один бооьшой жс файл (может передаваться не целиком, а батчами(кусками)), скафолдится на стороне клиента и начинает подгружать куски хтмл кода и вставлять их на страницу в зависимости от действий/бездействий пользователя.
338 1798700
>>798673

зачем вам вообще материал? все компоненты от туда пишутся за 1 вечер
339 1798703
>>798690
У меня суть в чём: нужно позиционировать элемент с фиксированными, не произвольными размерами, основываясь на этих самых размерах. Вот я сейчас думаю, как это провернуть.

Сравнить могу с всплывающими ответами на дваче при наведении на ссылку. Они позиционируются вокруг самой ссылки в зависимости от своих размеров, при том, что сам ответ ещё не зарендерен.
340 1798706
>>798703
Они позиционируются от номера ответа, а не от размеров.
341 1798711
>>798700

>let затраченоВечеров = 0;


>for (let i = 0; i < числоКомпонентов; i++) {


>console.log("зачем вам вообще материал? все компоненты от туда пишутся за 1 вечер");


>затраченоВечеров++;


>}



Теперь объясни мне, зачем мне тратить несколько вечеров, если я могу за пару минут воспользоваться готовым решением? Ответил? А я добавлю - чтобы написав очередной свой велосипед, который я до этого использовал только для добавления простых вещей типа набора стилей, не нарваться на ситуацию в которой мне нужно добавить какой-то сложный стиль с сложной логикой, увидеть что вон в том решении, которое, как ты сказал, "можно написать за вечер" уже есть нужный мне инструмент и понять, что для достижения такого же мне нужно либо переписывать весь свой код на это решение, либо тратить много времени на запил подобного велосипеда.
342 1798715
>>798706

>позиционируются вокруг самой ссылки в зависимости от своих размеров


Имею ввиду, что позиционируются относительно ссылки, в зависимости от размера ответа и положения ссылки на экране. Вот мне примерно так же нужно замерить элемент, чтобы его правильно разместить.
343 1798720
Нахуй так бесит этот for и хуета хуй++
344 1798722
>>798711
Это хорошо когда тебя устраивает то что в API компонента вместе с его дизайном.

Но любая правка сведет к тебя к кастомизации и тебе опять придется сидеть несколько вечеров + городить костыли.

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

Выпадающий список - пишется за пару часов.
Чекбокс - пишется за 10 минут.
Модалка - пишется за 20 минут.
Туллтип и календарь - пишется за 1-2 дня в сумме.
Инпут - пишется за пару часов

все, это базовый набор компонентов которые нужны в проекте и ради этого ты тянешь UIkit?
345 1798724
>>798715
Это уже браузер по содержимому размеры ставит.
346 1798725
>>798675
Вижу только DialogTitle
347 1798727
>>798722
Чутка передрочить на свой лад быстрее и проще, чем писать с нуля.
348 1798729
>>798722

>> Этот адский проёб времени


В голос
350 1798732
>>798727

Приведи пример компонента о котором речь?

Написать свой проще и быстрей.
Вот я выше описывал компонент выпадающего списка, что бы добавить в него поиск: 1 строчка кода с includes
Удаление отмеченного: 1 строчка кода с filter

Просто вы макаки, которые не могут написать свои базовые компоненты в 10 строчек кода.
351 1798733
поделитесь насройками/билдами для vue vscode
352 1798734
>>798703
Получаешь const pos = element.getBoundingClientRect() у элемента, к которому ты хочешь подрубить свой элемент. Делаешь портал, туда суешь свой элемент с position: absolute и left: pos.left + window.pageXOffset; top: pos.top + window.pageYOffset
Ширину как хочешь передавай, в реакте можно через пропсы.
353 1798736
>>798732
95% фронтов не умеют в верстку и программирование - создание своего компонента им кажется очень сложным.
В фронте 95% макак.
354 1798738
>>798736
Лично считал?
355 1798760
>>798724
Вот мне эти выставляемые браузером размеры и нужно узнать как раз.

>>798734

>портал


>в реакте


Но судя по всему, задача не особо тривиальная, раз требует таких инструментов. Видимо, придётся и дальше костылями через сумму высоты/ширины всех элементов внутри + вручную считать паддинги и остальное.
По сути, мне не хватает понимания того, как навесить коллбэк на элемент, который бы вызывался по окончании отрисовки. Если б было что-нибудь такое, то было бы гораздо проще.
356 1798761
>>798760

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


Но вероятнее всего я спизданул хуйню и таких фич нигде нет.
357 1798766
>>798703

>при том, что сам ответ ещё не зарендерен.



Почему ты так решил? Такие элементы сначала рендерятся, потом измеряются, подгоняются и снова рендерятся. Содержимое экрана при этом не обновляется, так что для пользователя это происходит незаметно.
358 1798772
>>798633
Реакт избавил от ебли с дом
359 1798773
>>798766
Добавлю, что конкретно на дваче вообще нет нужды измерять контейнер самого ответа, достаточно найти точку от которого его позиционировать, а дальше браузер все сделает сам.
360 1798776
>>798772
Реактомакака это отдельный подвид жс-дауна
Форму нинужны, дом нинужон, базовое понимание HTTP нинужно - ничего нинужно, только реакт взять и godmod обеспечен. А потом стоит чутка изменить специализацию и оказывается что наш "инженер будущего" сыплется на элементарщине, в которой шарит интерн
361 1798779
>>798766
Ну вот я так и хотел сделать, но ведь для этого нужно сначала дождаться, пока загрузятся превьюшки для пикч, и потом только считать с учётом их размеров. И как на момент дозагрузки этих превьюшек повесить листенер - непонятно.
Либо хитрым образом считать размеры без картинок, и потом прибавлять загружаемые с сервера готовые цифры ширины и высоты для каждой превьюшки...
362 1798780
>>798773

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


Вот отсюда можно поподробнее, если не трудно?
363 1798781
>>798779
Пока картинки не загрузились, на их место принято заглушки ставить нужного размера.
364 1798790
>>798733
хуле так сложно штоле, пиздец в vscode нихуя не настроено по дефолту
365 1798800
>>798780
Что конкретно подробнее? Ответ позиционруется абсолютно относительно ссылки, ширина контейнера задается от ссылки до края экрана. Внутри этого контейнера можешь делать что хочешь.
324324.jpg74 Кб, 252x858
366 1798807
>>798790
Мало?
367 1798811
>>798776
Жсомакака порвалась. Какую специализацию, лол? С дом нигде кроме фронта не разбираются а во фронте есть реакт который сводит это на нет. Соответственно ты идиот который тратит время на ненужную хуйню
368 1798813
>>798807
мне нужны проверенные билды, поставил там vue eslint но нихера не форматтит при сохранении и зоебалса каждый неправильный пробел исправлять
369 1798818
>>798811

>во фронте есть реакт который сводит это на нет


>хуярим дом прямо в коде

370 1798819
>>798813
У тебя в настройках в форматировании кода поставлена галка на "форматировать при сохранении"?
371 1798823
Анонасы пытаюсь создать страницу через жс, правильно ли делаю? Риакт пока нинужен
https://jsfiddle.net/60oquz1p/1/
372 1798825
>>798823
Эта твоя хуйня нинужна. А реакт нужен
373 1798830
>>798825
ну для учебы если?
14098476121190050983.gif1,1 Мб, 380x285
374 1798832
>>798823

>классы

375 1798834
>>798832
а че не так? не ругайся я только пару месяцев в теме
376 1798837
>>798819
шо с галкой шо без галки, не работает
377 1798838
>>798830
Для учебы жс вообще не нужен.
378 1798839
>>798813
Сам-то eslinт установил?
379 1798841
>>798838
сразу ебошить реакт? без знания банального взаимодействия с дом, стилями?
380 1798842
>>798841
Да. Это все ненужная хуета для академичных червей. Сам жс знать надо. Со стилями же неразбериха полная там. Варианта 4-5 используют так что все равно запутаешься
381 1798846
дайте мануал в котором прям заебись рассказывают о циклах, прям что б охуенно и понятно
382 1798847
>>798846
Циклы не нужны, вот и весь мануал.
383 1798849
>>798847
Ты врешь
384 1798850
>>798760
Реакт необязательно.
Портал нужен чтобы потому что если ты элемент будешь добавлять рядом с нужным элементом и у тебя где то выше есть элемент с position:relative, то все твои left и top пойдут по пизде. Его удобнее вынести в отдельный див, который никак не зависит от остальной страницы.

>>798776
Тут имелись в виду те дауны, которые учат сначала все основы, даже которые нахуй не надо и все равно это можно загуглить если что. Как тебе знание дом потом может в реакте, вообще не ебу. Если какой то частный случай - загуглишь. А так ты большинство времени будешь обычной хуйней страдать и в итоге получается ты только зря столько времени на изучение потратил.

>>798841
Да.

>>798842

>Со стилями же неразбериха полная там


styled-components лучше всех

>>798846
Че там сложного? 1 строчку написать. Посмотри примеры, позапускай.
385 1798853
>>798850

>styled components


Хз, меня люто напрягает когда компонент засоряется лишним отрисовочным говном
386 1798857
>>798853
А ты не напрягайся
387 1798865
>>798853
А меня напрягает когда в 2 раза больше файлов. Если у тебя код нормально разбит по компонентам, то засрано не будет. А с файлами так не получится.
388 1798956
насроил vscode форматировать на сохранение, только ставит лишние запятые и точки с запятой и двойный ковычки вместо одинарных, какой форматтер выбрать? и нужно ли делать это в eslintrc?
389 1798966
>>797490
Можно же переводить написанное перед отправкой запроса. Например человек вводит "сыр чеддер" ты хуяк запрос к апи переводчика, он выдает тебе сheddar cheese а ты это передаешь апишке usda и получаешь то, что нужно тебе.
390 1798968
>>798966
Проблема в том, что там я не нашёл продуктов из России[ spoiler]хотя может как-то не так искал[/spoiler]. Вот в MyFitnessPal хорошая база данных, но доступ к своей API, они, вроде как, дают только компаниям.
изображение.png182 Кб, 480x360
391 1798995
>>798956
в настройках prettier ставлю single quotes нихуя не меняется, че блят за хуйня чому это ваще надо насраивать, хуле не синхронизировано, с ибаным еслинтом,
392 1799007
>>798968
Ну можно еще запрос к вольфраму прикрутить параллельный, он тоже выдает инфу https://www.wolframalpha.com/input/?i=cheddar+cheese

А что конкретно тебе нужно чего нет в других источниках?
393 1799008
>>799007
Алсо есть вот такой справочник с которого можно парсить данные
https://pbprog.ru/tk/pm-2210
395 1799012
Вечер добрый, Анон!
Поступило предложение поработать над одним проектом, и тебуется знание реакта. Есть уверенные базовые знания по HTML, CSS, JS. Посоветуйте какие-нибудь книги, онлайн курсы(желательно в тексте) или ЮТ-каналы, с помощью которых можно быстро начать освоение.
397 1799014
>>799009
ну и нахуя мне читать эту портянку, указал бы хотябы абзац, там даже есь ссылки на них
398 1799015
>>799014
лан сорян, еще скажи как мне точки с запятой убрать, зоебалса тратить время на эту дрисню
399 1799021
>>799015
Ну ебаный ты нахуй, ну почитай доки преттиера, раз уж ты его поставить.
400 1799024
>>799021
да нахуй мне это нужно когда мне надо лапшу на vue писать, ебанутые веб мартышки не удосужились стандарт один совместить, сука сначала ввели скобочки с запятыми и теперь мне еще ибацца с ними, хуле дев сервак орет на всё это нахуй мне это править, автор дибил пусь удоляет из жс, пойду лучше на го и питоне
401 1799027
>>799024
я блят уже не человек, я..
402 1799029
>>799027
шо удивлят шо я не нагугли решения за 5сек и сообщество не может дать внятного ответа, ебаные мартышки,
403 1799034
>>799029
https://www.google.com/search?q=eslint+prettier ебать, как же такое гуглить-то... Какой же JS сложный... Клятое сообщество, написано автоформатеры кода!
404 1799039
Что более опоачиваемо в паре жс для фулстака? Го, питон, нода? Или что другое?
405 1799047
void
406 1799048
>>799024
Мартышка с питона не может в скобки
407 1799049
блять анон вот скажи мне. есть проблема при работе с либой конкретно в моем случае - select2. чтобы решить ее я всю документацию перекопал уже сука раз 7 так точно - но там все равно нихера нет. обгуглился все че только можно. и все равно ничего не нашел. так вот как в таких случаях поступать: самому задавать вопрос на SoF или же идти к этим пидорасам на гитхаб и открывать issue по поводу своей проблемы?
408 1799052
>>799049
Да, можешь задать ее на гитхабе.
А можешь сюда написать.
Что за select2? Плагин для жиквери? Тогда не задавай сюда, за жиквери в 2020 в рот нассать могут.
409 1799055
Чем лучше пользоваться для работы с формами в React'e? React final form?
410 1799070
>>799055
А что не так с дефолтными?
411 1799074
>>799052

>Плагин для жиквери?


да, все так и есть

>за жиквери в 2020 в рот нассать могут.


поэтому и не задаю
412 1799075
>>799070

>А что не так с дефолтными?


Зачем запариваться с локальным стэйтом, если можно использовать уже готовую библиотеку?
413 1799085
>>799055
>>799070
>>799075

зачем вам эта библиотека?
Вся эта валидация решается самописным хуком в 5 строк.
Принимаете в него поля с регулярками + значения
возвращаем результат ошибок для полей, если регулярки не прошли

этого достаточно в 99% кейсах.
414 1799113
>>799085
Я конечно не эксперт в React'e, но не геморно ли будет отлавливать все действия пользователя с формой?
415 1799118
>>799113

А какие там могут быть действия можете мне рассказать?

допустим у тебя есть 10 полей.
ты делаешь под них регурярки и в зависимости от результата формируешь массив ошибок. (можно вывести в одном месте или отобразить в каждом контролле ввода)

Зачем для этого библиотека? что она еще может такого делать кроме того что я описал?

т.е. результат будет примерно такой:

const {errorList} = myHookEbaValid();

error.list.lname; // undefined | "текст ошибки"
error.list.fname; // undefined | "текст ошибки"
416 1799126
в таблицу бутстрапа можно вставить ссылку?
417 1799143
>>799085
Зачем реакт вообще. Можно свой фреймворк под проект написать за пару вечеров.
418 1799145
>>799126
Можно
419 1799146
>>799143
Зачем изобретать велосипед? Будет разрабатывать свою архитектуру и в итоге всё равно придёшься к своему реакту. Так может логичнее потратить время не на придумывание велосипеда, а сразу начать пользоваться решением, которое придумали умные люди?
420 1799183
>>799143
А потом кто ебаться будет с твоим фреймворком. Так и представил как пришел на проект а там фреймворк сысевэдишн. Тут же нахуй всех послал и ушел в нормальную контору
421 1799184
>>799146
>>799183
Шизы, это была ирония над тем дауном, который выше предлагает все самому писать.
422 1799185
>>799184
Ну если ты шаришь в React'e, то с помощью чего лучше работать с формами? Речь идёт не про пару полей, а большую таблицу с данными, где юзер выбирает нужное ему.
image.png57 Кб, 518x590
423 1799186
>>798813
Ну давай мы будем гадать что у тебя не работает.
Вот мои настройки, не забудь плагин eslinit поставить и посмотреть что он высирает в консоль.
424 1799188
>>799186
Кстати где в вскоде консоль куда плагины пишут?
image.png28 Кб, 1080x194
425 1799189
426 1799197
Часто ли приходится юзать регексы? И нужно ли их прям задрачивать?
427 1799202
>>799197
Не нужно. У нас синьоры их гуглят
428 1799206
>>799202
найс СНЬЁРЫ))
429 1799209
>>799185
Вопрос всё ещё под вопросом. Пользователю выводится n-ое количество товаров, он отмечает нужный ему + устанавливает кол-во товара. Как это правильно обрабатывать?
430 1799236
>>797396

> Нет, но надо знать как браузер это под капотом делает



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

> Нет, но надо знать как сетевой адаптер байты получает


> Нет, но надо знать как видеокарта пиксели отрисовывает


> Нет, но надо знать как процессор инструкции обрабатывает


> Нет, но надо знать как электроны работают


> Нет, но надо знать стандартную модель



Да. Хотя бы на уровне школьника-научпопера.
431 1799237
Как бы ща ни кукарекали тут про "бесполезность" базовых знаний Computer Science, вроде алгоритмов, структур данных, архитектуры компьютера, сетей, но они все таки полезны. Хотя бы для того, чтобы держаться на плаву в быстроменяющемся мире технологий. А также поменьше кодить всякую работающую через раз и непонятно как чушь.
432 1799238
>>799206

Иногда бывают сложные регексы вроде имейла, так что их быстрее загуглить чем еще раз собрать велосипед.
433 1799239
>>799237
Выучил большинство алгоритмов для интервью. За 2 года в итоге ничего не пригодилось. Пиздеж для академичных червей
434 1799240
>>797385

Часто употребляемые атрибуты и свойства можно за пару дней выучить. Верстку по макетам отточить максимум за пару недель. Это не настолько серьезный по сложности навык для фронтендера по сравнению с навыками программирования, которые требуются и от бэкендеров.
435 1799241
>>797465

На реальных проектах основную работу делает дизайнер. А потом фронтеры просто из Фигмы копируют цсс и свг для UI kit.
436 1799243
>>797427

Нет. Обычно дают задачки на кодинг в ЖС/ТС, спрашивают за Реакт/Вью/Ангуляр/Свелте.
437 1799246
>>799239

А если ты захочешь перекатиться из фронта который по мне в основной своей массе довольно скучный, где самое сложное - это валидация формочек, локальное крудошлепство и отправка запросов на бэк скажем в геймдев или какой-нибудь сложный бэк? И вообще тебе понадобиться решить задачу, которая выход за рамки стандартного крудошлепства (например, кодогенерация)?
438 1799247
>>799246

В графических редакторах вроде Фигмы, онлайн-редакторах кода например еще как юзаются алгоритмы посложнее чем в обычных крудах.
439 1799256
>>799246
Вряд ли захочется. Я слишком тупой для всего этого
rxjs.png42 Кб, 629x540
440 1799307
>>794783 (OP)
Есть тут педики, что юзают RxJS? Что у вас сайтом?

https://rxjs.dev/
441 1799324
Начал вкатываться в вашу эту вертску, чем тым обмазываются все версталы? Scss или css? js html че там еще нужно? Все?
442 1799329
>>799237
Третьемирные пидорахи инидии/роисии/тайланда в основной массе рассматриваются как разгребатели низших говен
Тем временем средний белый фронт макак-вкатун получает 3-5к$
443 1799331
>>799307
Обычный сайт по технологии от жопаскрипт пидоров-сойбоев-смузихлебов, чему тут удивляться?
444 1799348
>>799324

> че там еще нужно? Все?


Сначала это выучи. Потом работу ищи и смотри, что нужно работодателям
image.png36 Кб, 112x112
445 1799365
Как же горит, ууууууууух. Почему prettier такой убогий, зачем он сворачивает мой мультилайновый jsx в одну строчку, почему он убирает пробелы и фигурных скобок ТОЛЬКО в jsx. Почему для этого поведения нет конфига, все обгуглил, все по старому. Причем для ноды он идеально подходил, а в реактовском jsx начал творить непотребства.

А каким форматером кода пользуетесь вы?
446 1799369
>>799365
Все пользуются преттиером. Жри и не выебывайся.
447 1799375
>>799369
врети!!
448 1799380
Даров аноны! Вопрос есть ли смысл заучивать классы Бутстрап и используется ли он в крупных проектах?
449 1799386
>>799380
АБСОЛЮТНО НИКАКОГО
450 1799390
>>799386
Я просто ебал HTML преврашается в кашу после него
451 1799454
>>799380
Заучивать ничего не нужно, желательно просто знать, что можно а что нельзя сделать с помощью бутстрапа.

Прочитай доку и список компонентов, Там их всего штук 30. Потом будешь знать, где посмотреть.
452 1799476
>>799454
та я смотрю и параллельно пилю просто думал что на собеседованиях будут спрашивать.
453 1799495
>>799307
так это со всеми жс фреймворками так лол. даже на каких то либах/плагинах такое видел
мимоэлитный бэкендер без всякой такой параши
454 1799615
>>799307
Хочу посмотреть на тот, как они будут вилять жопой, когда этот пиздец с BLM по машстабу и пиздецу разрастется до уровня игил
455 1799685
На хх куча удаленных вакансий, стоит ли вкатуну откликаться на них? Или же это будет полный пиздец?
43346346346346346.png103 Кб, 341x372
456 1799754
>>799495

>элитный бэкендер


тебе и без фреймворков весело
457 1799758
>>799615

>BLM


схлопнется сразу после выборов, чекай
458 1799763
>>799615

>разрастется до уровня игил


Уже, куча трупов. И жидовские медиа все все равно их поддерживают.
459 1799799
Бутстрап нужен?
460 1799800
>>799799
Нужен вкатуну. Чтобы использовать его быстренько в своих проектах и не ебаться с миллионом цсс свойств. Опытному же разработчику нах не нужен
461 1799812
>>794783 (OP)
Есть приложение чата, где Посетитель жмет виджет в углу экрана и входит в состояние чата с Оператором. Необходимо автоматически завершать чат спустя 5 минут после начала, подозреваю что со стороны Оператора или Посетителя надо отправлять запрос на бэк, который просигналит о конце чата, но как правильно установить этот таймаут?.. Он должен запуститься именно после того как будет отправлено первое сообщение, не раньше
462 1800006
>>799812
Это надо на бэкенде
sage 463 1800014
Народ, а нет ли такой либы, которая бы позволяла хранить и изменять (с валидацией) состояние View Model (т. е. более-менее абстрактное состояние интерфейса) без привязки к конкретному фреймворку? Т. е. нечто вроде Redux, но чтобы оно было вменяемым (искусственное требование иммутабельности состояния идёт нах) и его можно было использовать с разными фреймворками (Angular, React, Vue). Чтобы можно было при необходимости эти дебильные фреймворки послать нах и, не переписывая View Model, использовать, например, Custom Elements + Shadow DOM.
464 1800015
>>800014
Сажа приклеилась.
изображение.png128 Кб, 1002x637
465 1800022
https://pastebin.com/Eet984i1
и "асинхронный код" который отправляет через форму картинку в rest api, где она ресайзится, и за post запросом идет get который получает её url, так вот иногда он возвращает null, думаю шо код у меня говно видимо get запрос не дожидаясь post respons'a выдает мне нулл, за обработку ошибок не пинайте, сделаю
466 1800036
>>800014
Редакс не привязан ни к какому фреймворку.
467 1800104
Правильный ли это подход?
Задача: получить данные и выбрать из них необходимые пользователю, а потом отправляются с помощью формы на сервер.
Как это реализовал: с помощью API получил данные и залил в глобальный стейт. Редакс увидел изменения и задиспатчил в компоненту. Там эти данные записал локальную переменную. Когда пользователь что-то указывает, с помощью хуков данные изменяются в локальном массиве. А потом всё отправляется на сервер.
Где я придумал велосипед или всё нормально?
468 1800112
Редакс нахуй не нужен, если не надо шарить стейт между экранами.
469 1800114
>>800112

>между экранами.


Что значит "между экранами"? То есть между компонентами?
470 1800123
>>800036
Правильно. Но Redux мне не нужен из-за его дебильной иммутабельности. На что я указал в своём сообщении.
471 1800124
Нахуя нужен .then, если есть async/await?
node.js ебатель пёзд
472 1800125
>>800124

>Нахуя нужен .then


Код выглядит круче
473 1800126
>>800125
Нихуя, у меня так горела жопа с бесконечных цепей из then'ов, пока не узнал, что можно сделать async/await вместе с божественным try/catch
474 1800127
>>800124

>Нахуя нужен .then


Бывают функции, которые не стоит делать async-овыми. Вот там и нужен.
475 1800130
Re
476 1800132
>>800130
Captcha
477 1800164
>>799039
go сугубо бэк
c нодой дохуя вариков
по моему опыту дохуя оплачивается бэк/фронт, но не фулстак
478 1800165
>>800164
А какие варики помимо бэка?
И алсо разве фулстак не обладает большим объемом знаний который лучше оплачивается?
479 1800174
Че обычно пилят вкатывальщики для портфолио?
480 1800177
Есть какие то правила именования классов и айди при верстке и работе в жс кроме камелкейс или кебабкейс? Как я понял если юзаешь бутстрап нужно давать определенные названия
481 1800187
>>800174
Тудушку с редаксом, потом тестовые.
482 1800188
>>800165
Проблема в том, что в понимании работодателя фуллстак - чел, который одинаково заебись может писать как фронт, так и бэк. Это 8-10 лет опыта как минимум. Но и стоит такой чел дорого.

А в понимании работника фуллстак - чел, который более менее умеет во что-то одно и чуть-чуть умеет в другое. Это 2-3 года опыта максимум, а то
и меньше. И таких большинство.

Пишу на шарпе и неткоре, но умею сверстать форму на реакте - фуллстак.

Знаю вью и могу накидать сервер на экспрессе - тоже фуллстак.
483 1800190
>>800177
BEM, smacss, oocss.
484 1800193
>>800188
ну не совсем так, для бизнес кабанчиков и горе мп фултак это тот кто будет любые задачи делать в одного, никого не ждать, ни от кого не завидовать, а пилить фичи. Может быть хуёво, может быть не расширяемо, но главное что бы работать. А ещё и сам эстимейты точно проставить, ведь он один на работе.
А на деле получем

>чел, который более менее умеет во что-то одно и чуть-чуть умеет в другое.


Обычно это бэки которые умеют формочки.
485 1800194
>>800177

>Как я понял если юзаешь бутстрап нужно давать определенные названия


Хм и как ты это понял?
486 1800197
>>794783 (OP)

>на скриншоте ведут в Ад


две буквы
487 1800210
Анон, подскажи курс по тестрованию Реакт приложений. Jest, Enzyme, вот это все. Доку само собой читаю, но мне нравится формат именно видекурсов.
488 1800233
>>800194
Посмотрел на ютубе
489 1800246
>>800210
гуглишь react tdd live lesson
490 1800248
>>800165

>И алсо разве фулстак не обладает большим объемом знаний который лучше оплачивается?



Нет, зачем платить больше? Пить есть не просит. Фулстаками работают только долбоебы, как по мне.
491 1800255
>>800248
Бля зря ноду учу что-ли вдовесок к реакту?(((
492 1800265
>>800246
Окей, посмотрю.

Еще вопросы по тестированию

1. Насколько говноправктика в тестировании использовать data- атрибуты? Где то ругаются, где то говорят, мол код более устойчивый. Типа класс поменяться может, а тестайди он как есть.

2. Как правильно тестировать connected компоненты в редаксе? Сейчас вкорячил через redux-mock-store и .dive() энзимовский, вроде работает, так вообще норм нет?
493 1800271
>>800104
Ну, почти. Не надо дублировать данные в стейте, просто вычисляй все при рендере.
494 1800283
>>800233
ну бутстрап это по сути css и класы к ним
495 1800359
Для css какие фишки позволят быстрее хуярить? гриды флексы или есть че то еще? Прям супердействия, фаталити хуяк и заебись
496 1800427
>>800359
Всего одна фишка -- отдавай залупу на аутсорс.
497 1800490
Двачик, кто такие эти ваши паттерны и best practice? Я почти полтора года самообучаюсь реактом и вью, единственный паттерн про который узнал/помню, это компоненты-контейнеры и компоненты-презентации, и то только потому что он в официальной документации упоминался, с ссылкой на статья денчика, который говорит что устарела эта фишка уже. Так кто такие эти ваши паттерны?
498 1800514
>>800490
Если бы ты вместе изучения реакта и вью тратил время на изучения собственно программирования то не задавал таких вопросов
499 1800517
>>800514
разумно, получается это паттерны программирования в целом, а не уникальные для каждого фреймворка? Или чо?
500 1800520
Реально ли найти работу связанную с React'oм на удалёнке? Каким уровнем знаний надо обладать?
мимо из ебеней
501 1800521
>>800520
желаемый доход - не сдохнуть с голоду.
502 1800522
>>800022
бамп
503 1800531
>>800517
Да. Изучай фп. Собственно реакт это и есть паттерны фп под капотом
Снимок экрана 2020-09-08 в 15.40.03.png57 Кб, 431x118
504 1800561
Джентельмены, насколько важно портфолио для джуна? Пилю учебный микропроект, но стоит ли с ним ебаться и дальше с деплоем, доп. функционалом итд, если многие дают тестовое задание и ориентируются на него?
505 1800564
>>800520
реально, но опыта нужно многа
506 1800566
>>800561
Тут не ответят, иди в /wrk/
507 1800567
>>800564
А без опыта ты не нужен, а опыт можно получить на работе, куда берут только с опытом. Классика.
508 1800570
>>800561
Портфолио не нужно. Нужно чтобы был гит и один-два проекта, за которые не стыдно. Доделанных то есть. Законченных.

Дизайн не важен. Важно, чтобы в них использовались актуальные технологии, чтобы хрюша видела что ты не совсем левый член с горы а немного шаришь.

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

Заведи себе привычку заливать на гит весь свой код, хоть ЛАБА1, хоть учебные проекты с курсов.
509 1800574
>>800570
А где нужно разворачивать проект? Не будет же дядя в кресле ебаться с установкой твоего васянства.
другой анон
510 1800583
>>800574
npm install - должен устанавливать зависимости
npm start - должен запускать девсервер
npm run build - должен высирать готовый билд проекта в отдельную папку.

Плюс неплохо иметь задеплоеную версию на хероку или ГХ пэйджес.
511 1800592
>>800583

>npm install npm start npm run build


Это и так понятно. Просто я думаю, что и этим никто заниматься не будет.
512 1800593
Нативный JS вообще где-то нужен ещё?
513 1800609
>>800574
гитхап пейджес для спа, хероку для апп с беком
514 1800611
>>800570
Осознал, спасибо!
>>800566
Обмяк.
515 1800612
>>800570

>Заведи себе привычку заливать на гит весь свой код, хоть ЛАБА1, хоть учебные проекты с курсов.


У меня куча этой параши залито на гитхаб, но все скрыто. Имеет смысл открывать для собесов? Или чисто для статы активности ан главной странице?
516 1800652
>>800574
Вот тут можно деплоить
https://vercel.com
517 1800683
Все еще юзаете let i =0;
и парашу типа i++/++i?
Вы же в курсе что высирается 1/2 ссылки, а если в цикле то пока он не закончится память не освободится?
518 1800685
>>800683
Вообще не помню когда в последний раз юзал классический for. Для всех кейсов всегда хватало map, filter, foreach, for in
519 1800688
ПЕРЕКАТ >>1800687 (OP)
ПЕРЕКАТ >>1800687 (OP)
ПЕРЕКАТ >>1800687 (OP)
ПЕРЕКАТ >>1800687 (OP)
ПЕРЕКАТ >>1800687 (OP)
ПЕРЕКАТ >>1800687 (OP)
ПЕРЕКАТ >>1800687 (OP)
ПЕРЕКАТ >>1800687 (OP)
ПЕРЕКАТ >>1800687 (OP)
ПЕРЕКАТ >>1800687 (OP)
520 1800689
>>800683

>js


>работа с памятью

521 1800693
>>800689
Пиздато во во всяких while за пару минут 2 плашки кушает, пока биг-инт считает.
Просто говорю не юзать понос типа let а юзать var
522 1800697
>>800693
Иди на хуй, долбоёб.
523 1800702
>>800697

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

524 1801014
>>799143

Да дело в другом, я про то что свой компонент VS чужой - у вас все равно на выходе получается говно обернутое в 10 оберток, переписанное кучей important
почему бы сразу не написать хороший компонент на TS со всеми плюшками под задачу.

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

ты не сравнивай фреймворк и кнопку которая пишется за 30 минут.
525 1803652
>>799495

>мимоэлитный бэкендер без всякой такой параши



nodejs.org тоже по BLM угарает как и Гугл
526 1803655
>>799685

Да. Хотя бы почерпнешь, каких именно знаний и скиллов тебе не хватает.
527 1803656
>>799800

Как раз наоборот лол. Если команда небольшая а времени на уи кит не дают то бутстрап берут для экономии времени на верстке.
528 1803657
>>799800

А вкатуну лучше попробовать сверстать на голом ЦСС.
529 1803660
>>800014

Нашлепай простенький обзервер.
530 1803678
>>800174

Я пилил рисовалку, гифкосерчер, генератор псевдослучайных слов
531 1803679
>>800359

Эта фишка - Фигма...
532 1803690
>>800490

Хуита которая призвана заполнить пробелы в недостаточно описанной модели. Отсюда и дроч на паттерны, стремление их запихнуть во все дыры.
533 1803722
>>800612

>Имеет смысл открывать для собесов?



Да. Так ты будешь смотреться не как залетный вайтишник, а реально заинтересованный в программировании чел. Плюс покажет хоть какую-то компетентность.
Обновить тред
Двач.hk не отвечает.
Вы видите копию треда, сохраненную 23 марта 2021 года.

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

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