Этого треда уже нет.
Это копия, сохраненная 3 февраля в 19:37.

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

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

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

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

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

Документация - https://developer.mozilla.org
Руководство для вката - https://github.com/acilsd/wrk-fet#javascript
2 2907877
>>07838 (OP)
База треда.

Ангуляр для чедов.
Вью для беток.
Реакт для омежек.
3 2907909
>>07877

Всё так, но с ангуляром, к сожалению, есть просто ряд нерешённых проблем:
1. Тестирование. Только недавно анонсировали экспериментальную официальную поддержку jest. Неофициальный jest-preset-angular довольно часто может сыпать ошибками "пошёл нахуй"
2. Postcss и url в стилях, особенно, если ты проект собираешь с base-href просто может ебать мозги и не работать нихуя
3. display: inline по умолчанию в host-элементах всех компонентов. Это ебаный пиздец. Стоит присобачить директиву, которая работает с позиционированием и размером компонентов непосредственно к host-элементу компонента, у которого не прописан displaн -- нихуя не работает
4. Ебучие доп.пробелы, которые ставятся всегда нахуй в вёрстке, и у отдельных компонентов не отключаются
5. Документация всё ещё до сих пор ебаная
6. Миграция на функциональщину говна. Например, какого-то хуя анонсировали deprecated любой Guard на основе классов и интерфейса CanActivate -- пилите, мол, шурочка, функции. Нихуя это не удобно.
7. DI. Удобная штука, но типичной проблемой которой в любом фреймворке (.NET в том числе) является такая охуительная вещь как Circular Dependency. inb4: ряяя, научись нормально делать архитектуру, кодомакака ебаная
4 2908017
>>2907483 →
Каких модулей в несте не хватает, для работы с чем?
5 2908028
>>07909
Подход как у ангуляра хорош на бекенде, поэтому нест на беке популярен, не говоря уже о дотнете и спринге. Но на фронте реакт/вью ощущается намного более "на своём месте".
6 2908094
>>07877
Попробовал ваш ангуляр. Решил начать с tour of hero и уже встрял на первом уроке, потому что при установке зависимостей выпадает ошибка. Видимо реально фреймворк для чедов или мидл+++
image.png2,2 Мб, 1280x1280
7 2908108
>>08094

>Обосрался с зависимостями


>Фреймворк говно

8 2908187
>>08028

> Но на фронте реакт/вью ощущается намного более "на своём месте"



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

Более того, структура в компоненте просто никакая. И каждый пишет кто во что горазд.

Vue я последний раз щупал во времена Vue 2, когда он не умел в TS нихера.

И оба по итогу мне жутко не нравятся своим подходо мешать всё в одно.
React -- вёрстка, различная служебная логика и даже "styled-components"
Vue -- всё в одном файле-простыне.

В Angular будет получше со структурой и логикой тех же компонентов. Не без огрехов, само-собой, и не без неудачного boilerplate в некотором роде.
9 2908209
Выкатываюсь из фронтенда в фулхемы. Пожелайте удачи
10 2908232
>>08209
Значит никуда не выкатываешься...
11 2908235
>>08232
Почему?
12 2908236
>>08209
Лох. За те же деньги будешь делать работу полтора человек. Да и тебе в итоге будут давать 80-90% задач в одной области, в другой будет остальной мизер. Ты хороший работник, кабанчик радуется.
13 2908250
>>08236

> другой области будет 10%


> Лох. За те же деньги будешь делать работу полтора человек



Так тут не полтора работника, а всего 1,10 работника. Это разве страшно? Просто как-то заебала адовая ебка на собесах чистого фронтендера и попробую со своими ненакрученными 1.5 годами стажа проскочить в место, где 90% фронтенда
14 2908280
>>08250
Проблема в том, что для этих 10% нужно будет иметь необходимые скиллы, а это уже не 10% от твоих скиллов
15 2908289
>>08280
Ну тут ты прав. Хотя в вузе я решил 150 задач (препод ебанутый) по SQL, и навык написания этого говна и с ORM и без отложился на подкорке. И всех остальных навыков, если они на уровне написания API-приложения внутри Докера (если там конечно нет сложной распределенной системы с экзотичными NoSQL хуевинами и месседж брокеров), мне хватит для фулхема

А вот как накоплю еще годик опыта - опять срыгну в чистый фронт
17 2908491
>>08476

> 2


Охуенное же, можно тостеров таким отфильтровывать. Не смог отправить номер - мы вам не перезвоним. Лол.
18 2909098
Анон, насколько хорошая практика писать аннотации к жс коду? Может знает кто какие-нибудь тулзы, которые могли бы присобачивать аннотации к коду?
19 2909109
>>09098
Какие ещё аннотации?
С тайпскриптом нахуй ничего не надо, просто давай внятные имена и типы. И ставь комменты к непонятной бизнес-логике.
20 2909132
webpack 5 в 2к23 году всё ещё считается не старьем, которое можно использовать?
21 2909151
>>09132
В 18м то уже легаси был.
22 2909189
>>09151
А щас что в моде? Vite?
23 2909211
>>09109
А JS? Слышал, что создатели svelte перекатились на ЖС, вместо тс и пишут jsdoc к коду. Типа тс ненужон, если есть jsdoc
изображение.png283 Кб, 604x589
24 2909260
25 2909267
>>09211
Ты вкатунидзе. То что делают глыбы фронтенда тебя ебать не должно. Сиди на тайпскрипте, пока уму не наберёшься
26 2909278
>>09267
А сколько лет ты в профессии, чепушильдикс?
27 2909280
>>09278
8 лет
28 2909285
>>09211

> ts нинужон


Он не нужно по другой причине для пиления библиотеки, никто не говорил, что ТС нинужон. Можешь забутстрапить себе свет апп с тайпскриптом. Сриторрным реддиторам только дай повод покудахтать.
29 2909317
Как вкатиться в ангуляр? Алсо, посмотрел их шоукейсы и если честно выглядят как говно.
30 2909334
>>09211
Нет, не по этой причине.
jsdoc нужен только если ты GCC используешь. Без статического анализа он нахуй не нужен.
31 2909336
>>09189
Много чего, в зависимости от того что тебе надо, вит в том числе.
Самый модный – bun, он только только появился, так что все зумеры твои если на нём пишешь.
32 2909372
>>09317
Не надо. Будущее за RSC и Next.js
33 2909411
>>09336
А что в моде с реактом использовать? Я хочу реакт учить, я щас подучил штмл цсс жс ванильный и вебпук 5. А оказывается вебпук уже не считается модным, я аж расстроился зачем его учил, теперь другой сборщик надо учить
34 2909414
Vue - был и остался говном.
React умирает от Next
Angular - база на 2024

Я прав?
35 2909428
>>09334
Можно поразвернутее? По какой причине нужен только если GCC использую?
16712002628670.jpg79 Кб, 571x670
36 2909512
>>09414
Да.
37 2909592
>>09414

>React умирает от Next


Пожалуй, так.

Алсо ебало этих кудахтеров про TS нинужон в свелте имагинируете? Они же даже не знают что Рич пилит JSDoc и рядом кладёт d.ts файлики, лол.
38 2909653
>>09592
А толку? Ангуляр умрет после переката реактовцев.
Сыто там уже точно не будет.
Нужно уходить в бек
39 2909675
>>09592

>React умирает от Next


Я другой анон, как понимать что реакт умирает от Next?
мимо собрался учить реакт
40 2909756
>>09653

>Ангуляр умрет после переката реактовцев


Чего?

Типо ряктеры перейдут на ангуляр и тот загнется?
Скорее реактомакаки загнутся.
41 2909925
>>09428
GCC строит типизацию по jsdocу, как тайпскрипт по своему надмножеству синтаксиса, разница в том что гцц+жсдок обратно совместим с жс, а тайпскрипт нет.
Без компилятора jsdoc – это просто графомания. И генерируемая по нему документация один хер нечитаемое говно, тебе её всё-равно руками дописывать.
42 2909987
Кто-нибудь пользуется neovim нынче? Какие плагины юзаете? Или может быть появилась годная готовая сборочка?
43 2909996
>>09987
зачем неовим если есть жидшторм?
44 2910063
>>09756
Ангуляр и так занимает процентов 20% рынка, практически дохлый
45 2910084
>>09987

> Кто-нибудь пользуется neovim нынче?



Только как консольным редактором, если вдруг надо редактировать в терминале, конфиг нулевой.

А вот Vim-motions использую, везде где есть плагин\поддержка в редакторах.
image.png96 Кб, 1099x1037
46 2910094
>>09675
Видимо имеется ввиду совместное творчество команд nextjs (vercel) и react (наверно facebook или кто там). Теперь react это fullstack framework с серверными компонентами, запросами к БД итд. Nextjs это вообще полный карачун, как в этом разбираться (и надо ли) хз.
47 2910166
В каких РЕАЛЬНЫХ задачах может пригодиться weakMap/weakSet?
48 2910198
>>10166
Кеширование.
49 2910246
>>09411
Другой сборщик учить не нужно, это вебпаковский прикол - требовать знаний, которые на курс растянуть можно
50 2910248
>>09925
Я нашел приблуду, которая генерит комменты формата жсдок
51 2910256
>>09675
У верцел есть своя облачная платформа для развёртки решений на nextjs. Необходимость делать себе хорошо так или иначе сказывается на том что они пилят и как.
Не отменяет популярности некста, тем не менее.

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

Отваливаются либы/пакеты, которые работали в pages роутере. Альтернатива не поступает или очень не быстро. Как например, когда она выкатили app роутер, memeнтально отвалились CSS-in-JS либы и UI киты на стайледах/эмоушене. Мантин аж в CSS модули переписали. Первичным решением с фиксом было тыкать 'use client' в места использования компонента из ui либы. Сейчас для того же mui, data-fns и ещё некоторого списка пакетов накостылили встроенных оптимизаторов.

Тащат tailwind как истинно расово верный.

Три, сука, три варианта билда приложения.

Когда ещё пчелиус пробегал, который не мог ограничить размер тела запроса в app роутере, потому что опцию выпилили, а pages она есть.

В целом, плюсов хватает, но направление не заставляет пипи набухать.
52 2910258
>>08028
Он и на бэкенде отмирает - все пишется на микросервисах сейчас. Это современная особенность ООП копролитов: как только появляется возможность от них избавиться, то тут же избавляются и жизнь становится приятнее и легче.
53 2910260
>>10256
без версела нельзя?
а что за стейт менеджер в next? или эти васяны не сделали стандартный стейт менеджер?
54 2910266
>>08094
Да там уже сам факт того, что в какой-нибудь темплейт принимающий строку нельзя прокинуть функцию, которая возвращает строку уже рофельный. Тебе дали жс - язык с охуенными возможностями для преобразования и мутаций данных. Нет не хочу, хочу сделать какаую-то джавапарашу идентичную натуральной и засунуть ее на клиент.
55 2910268
>>10260

>без версела нельзя?


Можно, собираешь в standalone, а дальше суёшь в докер/кокер/чмокер
Можно собрать под статичный экспорт, в export. Но там надо смотреть, что именно не работает в этом режиме билда.

>а что за стейт менеджер в next? или эти васяны не сделали стандартный стейт менеджер?


Вот они, слева направо, прикручивай любой: redux, mobx, zustand, effecto, jotai, recoil
56 2910269
>>10268
Да добавлю, не просто собираешь в standalone и суешь в докер-чмокер-кокер, а ещё пишешь докерфайл, который соберёт всю эту ебучую гармошку в правильную структуру с доступной статикой, пабликом и самими страницами, чтобы запустить нодой.
57 2910270
>>09414
React - главный разраб бросил, а саму библиотеку отдали на откуп верселю с его некстом
Svelte - главный разраб продался верселю
Angular - главный разраб бросил и сбежал делать реактоподобный Qwik
Vue - база на 2024
58 2910277
>>10094
Пока на некст не завезли нормальную архитектуру для работы с сервером и нормальный механизм dependency injection, то нет смысла трогать все эти серверные компоненты. Сейчас там можно разве что простейший круд сделать для пет проекта.
image.png73 Кб, 722x812
59 2910296
Как в vs code сделать чтобы после того как ставлю точку после bot. выводился список методов которые есть у этого объекта?
60 2910298
>>10296
прямо на странице репы https://github.com/yagop/node-telegram-bot-api
npm install --save-dev @types/node-telegram-bot-api

видишь у тебя вскод подчеркивает тремя точками что типов нет
61 2910304
>>10268

>Можно


Тогда почему тряска?
62 2910306
>>10268

>прикручивай любой


>фреймворк


чет они обосрались снова
вот что бывает когда дать трапам власть
63 2910307
>>10270
Абрамов не был главным разрабом, это хуй из под ногтя.
Посмотри коммиты
64 2910308
>>10298
Спасибо за ответ на сразу два вопроса, но там говорится что это для ts, а для просто js можно так сделать?
65 2910313
>>10304

>Тогда почему тряска?


Просто хотел хуем тебе по лбу потрясти. У меня получилось.

>>10308
Пчелище, в JS нет типизации. Типизация это или каличный JSDoc, который бережно конвертнется твоей IDE в TS, чтобы у тебя там что-то как гирлянда светилось и подсвечивалось. Или пакет с типами, который ты поставишь в дев зависимости в свой package.json
66 2910315
>>10270
Двачую. Вуе - охуенный паблик и не жалею, что работаю на нем а не на рякте
67 2910375
Анончики, подогнал тут вам классический шаблон для резюме или homepage на современном стеке. https://github.com/fos7er/vue-modern-resume
68 2910401
>>10375
еееее, опять ета заезжженая анимация с кластерами из нод
69 2910439
>>10313

>Просто хотел хуем тебе по лбу потрясти


Хотел мне, как всегда провел себе.
70 2910445
>>10439

>ой а чё ита у меня трясётся


>да ита не у меня трясёца!!АДЫНадынАдЫн

71 2910461
Вот и люблю фронтенд, но эта конкуренция в нем даже при имеющихся годах стажа просто доебала нахуй
72 2910474
>>10461
он мертв после того как в него закатились миллионы учеников
73 2910478
>>10474

> миллионы учеников



Так разве и раньше не было такого, когда шкила писала html в блокнотах в школе?
74 2910494
>>10478
Раньше не было курсов и обучающего материала.
Сейчас готовят реально мидлов.

И из-за них старичкам придется теперь реально работать и повышать планочку
75 2910498
>>10478
Раньше всем было похуй на вайти. Считалось что в вайти одни потные жирные задроты. Гоев прогрели.
76 2910504
>>10494

>Сейчас готовят реально мидлов.


На курсах - и мидлов? Как это? Можешь дать примеры таких курсов?)
77 2910535
>>10498

> Раньше всем было похуй на вайти. Считалось что в вайти одни потные жирные задроты. Гоев прогрели.



Ты не поверишь, но и сейчас так же, когда человек ни разу в жизни не слышавший, что такое переменная, ссылочные типы и т.п., сразу бросает, всех кто вкатился называет задротами, а сам обратно в ларёк за чикушкой, т.к., только с завода припёрся.
78 2910586
>>10277
Ну да, хотя там был api routes (ещё с 9 версии), и на нём круд писался не хуже
79 2910698
>>10504
Любой курс и шлефовка знаний по дока learn.js
image.png7 Кб, 665x136
80 2910715
>>10698

> learn.js



Это ты про Кантора, что ли? Не первый раз уже вижу, чтобы так называли, если про него, слово "learn" там уже давно нет.
81 2910732
>>10698
Да нихуя. Ко мне в компанию приходят такие "мидлы" с курсов, которые имеют богатый базис (но не по алгоритмам, правда говоря), но нихуя не умеют написать. И что самое хуевое не умеют в декомпозицию компонентов, написать сложных состояний и еще дохуя всего
82 2910735
Аноны, как думаете, фронтенду пизда из-за наплыва 100000 вкатунов?
83 2910741
>>10735
нету.
84 2910745
>>10741
нет*
85 2910765
>>10715
learn.javascript.ru/
86 2910772
>>10732

> но нихуя не умеют написать



Вот сколько раз, слышал подобное, а можно примеров. А то нихуя не умеют, звучит уж слишком абстрактно.
87 2910786
>>10765
Лол, я даже русскую и не смотрел.

> https://javascript.info/


Вот тут никаких лёрнов.
88 2910826
>>10786
английская зачем? у меня не B2
иначе бы я уже давно сидел на Reddit а не с вами
пил смузи в калифорнии
89 2910836
>>10735
Да. Посмотри статистику найма за прошлый год. Причём нужны не сеньёры и джуны, а именно мидлы.
90 2910900
Файрфиш сдох что ли?

Где новости, блять.
deno.png33 Кб, 640x640
91 2910910
>>10063
А че сейчас актуально? И что будет актуально среди фронтендофреймворков в ближайшие 5 лет?

Че по ноде? Нода на покой уходить не собирается в ближайшие 5 лет? Deno не вытиснет ее на этом отрезке?

Что точно подохнет в ближайшие 5 лет?

мимо-вкатыш
92 2910939
>>10258
Ты будешь в шоке, но микросервисы пишут как раз на том же спринге, и на несте тоже. А ещё далеко не всё пишется на микросервисах в принципе.
93 2910944
>>10910

>будет актуально в ближайшие 5 лет?


Бля, у нас нет хрустального шара, мы не знаем что будет в ближайшие 5 лет. Может астероид землю ебанёт и мы все умрём или превратимся в зомби. Ни дено, ни bun никакой революции не сделали. Ну да, они чуть побыстрее, чуть поприятнее, чуть больше свистелок и перделок. Я не буду ради этого менять ноду. Если бы я хотел супер-скорости, я бы писал бекенд на rust, а не на typescript. Сообщество разработчиков в большинстве своём консервативно, если нода появилась 14 лет назад, она ещё как минимум лет 14 проживёт. Никто не будет ради каждой новомодной хуйни бегать и менять стеки. Завтра выйдет не дено, а какая-нибудь хуено, и все побегут сломя голову менять (спойлер: нет).
94 2910948
>>10277
В серверных компонентах можно делать запросы к апи
95 2910949
>>10944
>>10910
В последних версиях в ноде взялись за перформанс, кстати, но даже без этого она бы никуда не ушла
96 2910958
>>10949
Конечно не ушла. Ну потому что это мейнстрим. То что в мейнстриме живёт очень долго. Посчитать сколько расплодилось разных баз данных, и всяких графовых, и nosql, и векторные, и такие и сякие. А сколько из них реально используют? В основном все делают по старинке на postresql. Поэтому программисты консервативные люди. Чтобы что-то поменялось, нужно чтобы вначале early adopter'ы внедрили, гугл, амазон, майкрософт, потом стартапы, всякие там уберы и airbnb. Потом конторы ещё меньше. И только в самом конце новинка докатиться до Васи из мухосранска.
Стикер26 Кб, 56x56
97 2911260
Tauri или React Native for Windows?
98 2911282
>>10375

>половина стилей tw классы, другая половина в scss


>использует @apply


>в кастомных tw классах font-size не в rem'ах, letter-spacing не в em'ах


>вертикальные отступы задаёт маржинами


>рандомные py-[5px]


>юзает БЭМ в scoped стилях

99 2911383
>>10375
1. ебать, я эту штуку лет 5 назад использовал.
постмодерн какой-то.

2. курсор не поинтерится.

3. слайдер без слайдов. зочем?
image.png16 Кб, 344x336
100 2911386
>>10375
>>11383

>Тайлвинд


Нет, спасибо.
101 2911389
>>10375
Анон, твой гит?
Ты 5 лет уже вкатываешься?
Как успехи?
102 2911396
>>11389
Судя по коммит месседжам - не вкатился
103 2911426
>>11282
Тайлвинд - само по себе говно.
в нем не реально сделать нормально.
104 2911454
>>11426
Тайлвинд заебись, ты в предыдущих тредах так и не сумел пояснить, почему он говно
105 2911482
>>10375
Слишком много свистопределок, анимаций, все они заторможенные, пиздец короч
106 2911486
>>11454
я 1 раз в треде за месяц

>>11282
107 2911559
>>10949
Охуенно так взялись, -20% на сборку у нас. У девопсов аж вотчдоги отстрелили, разбирались где нафакапили.
108 2911564
>>11282
А чем вертикальные отступы задавать?
109 2911579
>>11564
Задавать вертикальные отступы с помощью `margin` в CSS не является обязательно плохим тоном. Однако существуют различные подходы к управлению отступами в CSS, и выбор метода зависит от конкретных требований и ситуации.

Вертикальные отступы можно задавать с использованием `margin`, но важно следить за тем, чтобы они не приводили к ненужным или непредсказуемым макетам. Иногда с использованием `margin` возникают проблемы, такие как "margin collapsing" (схлопывание отступов) между смежными элементами.

Существуют и другие способы задания вертикальных отступов:

1. `padding`: Вы можете использовать отступы внутри элемента, задавая `padding`. Этот способ может быть более предсказуемым, поскольку отступы не воздействуют на соседние элементы.

2. `border`: Иногда границы элемента могут быть использованы для создания вертикальных отступов. Однако этот метод обычно используется в сочетании с `padding`.

3. `flexbox` и `grid`: Если у вас есть сложные макеты, вы можете воспользоваться CSS-моделями Flexbox и Grid, чтобы более точно управлять вертикальными отступами между элементами.

4. `position`: В некоторых случаях можно использовать свойство `position`, чтобы управлять положением элементов относительно друг друга.

Выбор метода зависит от конкретных требований вашего макета и вашего стиля кодирования. Главное - следить за тем, чтобы вертикальные отступы были предсказуемыми и соответствовали вашим потребностям в дизайне.
110 2911581
111 2911692
>>10494

> Сейчас готовят реально мидлов.


Хорошо пошутил.
112 2911701
image.png15 Кб, 782x160
114 2911719
>>11454

>Тайлвинд заебись


для todo проекта - да.
Это нужно быть долбаебом чтобы писать такой код в продакшене
image.png128 Кб, 600x450
115 2911723
>>11454

>Тайлвинд заебись


Это тебе сказал чел с курсов как у меня на картинке?

https://blog.shimin.io/why-i-dont-use-tailwind-in-production/
116 2911729
>>11723
Статью писал долбоеб. Он сходу начал обсирать единственное что хорошее есть в тайлвинде это константы для отступов. Все остальное в тайлвинде говно.
Может такой тонкий тролль, но скорее всего просто максимальный долбоеб.
117 2911741
>>11729
Один хуй, нужно быть долбаебом чтобы писать такой код
118 2911835
Правильно ли я понимаю, что расширения для браузеров теперь если и содержат исполняемый код, то этот код только на js?

А есть ли туториал/книга по взаимодействию расширений и скрипта? Интересует момент написать примитивную машину Тьюринга, запихнуть это в расширение/плагин и как-то это дело запускать скриптами по мере нужды.
119 2911860
Кто знаком, поясните. В этом есть что-то глубокое или очередная смузи концепция как графкуэль? https://feature-sliced.design/docs/get-started/overview
120 2911862
>>11860
По мне так переусложнённая манясмузиконцепция, от которой работа с глобал стором становится только неприятнее. Достаточно дефолтной структуры редакс тулкита, но ещё лучше вообще какой-нибудь зустанд
121 2911867
Кто-то обиделся™ ИТТ. sadge
122 2911871
>>11867
Подзатыльники всем раздали, бан до завтра.
Ну, вообще правильно, че-то в лайтовый хохлосрач скатились, не по теме треда.
123 2911874
>>11871
Сообщения касательно малварей в нпм пакетах были по теме треда, по крайней мере первые из этих сообщений
124 2911876
>>11874
Вся ветка улетела. Обычно в МВП такое сразу бывает после третей боевой свиньи.
125 2911883
>>11874
https://arstechnica.com/information-technology/2022/03/sabotage-code-added-to-popular-npm-package-wiped-files-in-russia-and-belarus/
https://habr.com/ru/news/656219/
https://habr.com/ru/news/656205/


Это да. Пусть останутся на память.

Но лучше не разводить срачей, а то местная моча уже дрыном ебнет, а не подзатыльник.
126 2911895
>>11876
стукачек завелся
127 2911920
>>11871
Ну боевым свиньям место на /po/раше, тут безаппеляционно. Пусть там хрюнделями перемогают. Но таки ебанули всю ветку.
128 2911924
>>11920
Да похуй, кто успел, тот покекал.
Суть ветки в трех ссылках выше можно передать.
Предохраняйтесь пацаны, вы пмам еще нужны.

>безаппеляционно


Ну, там еще че-то про говорящих голов было, про игоры и т.д. Много не по теме в конце ветки было.
129 2911931
>>11924
Да, почаны, предохранируйтесь https://security.snyk.io/vuln/?search=node-ipc

>Ну, там еще че-то про говорящих голов было, про игоры и т.д. Много не по теме в конце ветки было.


Ну там же про голов с контентом. У которых один хуй можно включить автогенерируемые субтитры, если сильно надо. Ну то есть мера даже не мера.
btw

>не знать английского в 2k2d3

130 2911937
>>11931
es5-ext
Так там есть спидораки или нет, не понял.
Или просто чисто проход в сами знаете кого.

В хабровской табличке с проходами помечен как "Опасный" с неясной для меня формулировкой: "увеличивающий утилизацию ресурсов", помимо мишуры.
Или неясная формулировка не несет чего-то критического компу/сайту?

Сервис, похоже, годный, буду проверяться.
131 2911959
>>11937
Ну там можно отдельно пакеты сканить и вообще накатить локально, чтобы посканить проект.
Но в целом, понятно, что повышенная утилизация ресурсов менее очевидна при анализе, чем код, который действует на всех, независимо от таймзоны и его порепортят быстрее.
132 2912041
>>11719
>>11741
Действительно нужно быть долбаёбом, тут половина стилей в хуй не упёрлась. В CSS это ебанина будет занимать в 4 раза больше места
133 2912046
>>12041
scss уже давно придумали.
буквально одной строчкой можно делать неограниченное кол-во кнопок.
все кишки - легкодоступны. все кишки - спрятаны от глаз долой.
и классы приятные-понятные и стили ясные и опрятные.

если ты не умеешь использовать скссовские импорты, иклюдесы, делать шаблоны, то земля тебе тайлвондом.
134 2912055
>>11723
Просто переписал большой проект с scss модулей на tailwind, увидел как похудел бандл на 30%.
Мне в принципе доставляет, что тут дохуя людей слушает дебилов из твоей статьи. Если вы будете конкурентами моего кабаныча, мы уже будем впереди. Главное не показывайте, как мы пишем стили, а то кабанчик и вас на TW пересесть заставит
135 2912056
>>12046

>все кишки - легкодоступны. все кишки - спрятаны от глаз долой.


Ммм, обожаю лазить по слоям scss абстракций. Вспомнил - прослезился.
Нет, спасибо, я лучше за 2 минуты напишу стили для всего модуля сразу, чем 30 минут лазать по доке/сурсам очередных "спрятанных от глаз долой" кишок
136 2912059
>>12055

>Если вы будете конкурентами моего кабаныча, мы уже будем впереди.


Не, ты будешь еще переписывать стили.
137 2912061
>>12059
Ну ну
image.png386 Кб, 580x326
138 2912062
>>12056

>слоям scss абстракций


.кнопка
взять_стили_из_шаблона(синий)
139 2912063
>>12062
У тебя фронт из одних синих кнопок состоит? Ну тогда да, тебе видимо заебись
140 2912064
>>12062

>взять_стили_из_шаблона(синий)


ebin BENIS :DDD dot jpg

css variables? primary secondary? нахуя так сложно то
141 2912066
>>12055

> увидел как похудел бандл на 30%.


Радуется экономией 200кб в вебе.
чел картинка больше весит

сука... с кем я сижу

А я вот 3 месяца назад переписал с tailwind на css-in-js
142 2912067
>>12055
Ок чел, скажи хотя бы один плюс tailwind для 2023 года?
Это просто куча говна из классов.
143 2912068
>>12066
Картинка загрузку сайта не блочит, дебилыч
144 2912074
>>12066

>Радуется экономией 200кб в вебе.


>чел картинка больше весит


Да, конечно, картинка же в браузере выполняется, деревья там какие-то натягивает и красит. Скрипты выполняет, подписи проверяет. Ухх блядь.

Видел тут недавно пориджевый лэндос фрилансера, за который ему даже заплатили. Который он слабал на коленке на нексте даже!
Ебало имагинируете от SVG на 7 метров, которую он надеялся пожать шарпом? И на мобиле те же самые 7 мегабайт?
145 2912075
>>12074
btw таких картинок там в нескучной карусели было аж 8, в диапазоне от 1мб до 7мб.
146 2912079
>>12063
Дальнейшее применение логики с кнопкой недопустимо, необходимо воротить лапшу из инклюдесов и шаблонов.
Принял. Понял.
147 2912081
>>12067
1. Верстаешь быстрее, потому что классы в большинстве случаев тупо короче css свойств
2. Ввиду отсутствия кастомных имён классов, и постоянного переиспользования утилити классов - вёрстка охуенно сжимается, от этого бандл c tw всегда будет меньше бандла с любым другим способом стилизации.
3. Следствие пункта 2 - tw скеилится лучше всех. Т.к. утилити классы постоянно переиспользуются, с ростом количества страниц/компонентов в проекте, увеличивается только количество js кода, Итоговый css практически перестаёт расти в размерах.
148 2912082
>>12079
Применяю логику дальше - абстрагируем кнопку в компонент и переиспользуем. Эх, если бы так можно было с tailwind..........
149 2912084
>>12075
Пару месяцев назад скидывали какую-то доку по вью или нуксту, ну или не доку, хз.
Там сайт тормозил на самых мощных компах анонов, прям слайдшоу.
При этом каких-то супер свистоперделок не наблюдалось.

Просто купите комп помощнее и роутер.
image.png14 Кб, 782x160
150 2912091
>>12082
https://marketplace.visualstudio.com/items?itemName=stivo.tailwind-fold
Не забудь плагин накатить чтобы скрывать спагетти.
151 2912096
>>12091
Эх, если бы только был способ распилить одну длинную строку на строки поменьше... для читабельности... Ох уж этот тейлвинд - компоненты создавать не даёт, строчки разбивать не даёт
image.png37 Кб, 800x673
152 2912114
>>12096
Ебало этих извращенцев представили.
153 2912122
>>12114
А ты когда обычные css-классы компонуешь, также переносы делаешь? Дебил бля, добавь между каждым классом по пустой строке ещё
154 2912123
>>12122
А как ты спагетти-строки разбивать собираешься?
Пустые дивы ради дивов и разбития строк пихать?
Или все спагетти в помойную компоненту запихаешь и типо внутри нее миленькие маленькие строки будешь писать?
Codere9YsgIKFT.png13 Кб, 597x252
155 2912130
>>12123

>Без дополнительных дивов разбить строку НЕВОЗМОЖНО СЛЫШИТЕ!!

156 2912137
>>12114
А ка в беме хуеме такое сделать? Веть даже не перенесешь на новую строку
product-subcription-form__email-subscription-button
157 2912144
>>12123

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


>но сынок, это же scss модуль, просто сделай @inlcude


>омномном

ryan-reynolds-facepalm.gif2,6 Мб, 498x356
158 2912146
>>12130

>Див ради разбития строки, пустой див ради дива.


Это либо очень жирно, что аж тонко, либо тайлиндошизи и правда дегенераты.
159 2912152
>>12146
Ебать ты дегенерат, я твою же вёрстку взял и просто разбил строки. Ни одного пустого дива я не добавлял
160 2912155
>>12137
Ты из 90 сюда пришел?
Бемовский неймнг умер, один раз видел как один лид одну компоненту сделал, все остальное он накидал на похуях, т.к. стили организовал грамотно, а не спагетти из тайвиндоговна или инклюдесов.
161 2912158
>>12155

>компоненту


реакт-самурай, спокойно
162 2912159
>>12081

> Верстаешь быстрее, потому что классы в большинстве случаев тупо короче css свойств


- Верстаешь медленнее, потому что тебе приходится читать доку на 3000 классов, одновременно с этим копаться в самописных классах с apply, разбираться в говно-плагинах в папочке golvno-plugins
- Поддерживать код сложней, портянка из 40 классов.
- Что-то оригинальное ты хуй сделаешь, ограничен фреймворком или придется писать свои плагины

> вёрстка охуенно сжимается


> Итоговый css практически перестаёт расти в размерах.


веб-байтоебы на полном серьезе бьются за килобайты в 2023?
Ну не хочешь ты грузить весь CSS разбей его на бандлы и привяжи к отдельным страницам.

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

Как же я заебался приходить в проекты и переписывать это легаси-говно на человеческие scss/modules/css-in-js

А люди мне говорят спасибо, потому что какой-то хуй продавил технологию своим статусом и уволил поняв что проекту пизда в плане css-a
163 2912162
>>12130
Ебало имагинировали ради одного утила из фильтра по массиву строк на пустые значения тащить целый пакет? Просто чтобы можно было читать классесы тейлвинда и организовать их по смысле на разные строки?
164 2912166
>>12152
Тайвиндовская не моя, я скопировал из вашей доки.
При этом опечатка в слова шодов.

Скажи мне, как ты собираешься взять строку из 100500 классов и разбить ее? Два класса в линию? Потом три класса в линию? А в чем смысл, если у кого-то стоит ограничение на ширину, все равно свернется и будет та же каша.
Разделить на пустые дивы как в доке?
image.png532 Кб, 640x480
165 2912169
>>12159

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


Не пиши говноедам такие вещи, сердечный приступ будет.

>css-in-js


Еще один говноед.
166 2912171
>>12159

>потому что тебе приходится читать доку на 3000 классов


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

>одновременно с этим копаться в самописных классах с apply


Эх, если бы только можно было не юзать @apply...

>Что-то оригинальное ты хуй сделаешь, ограничен фреймворком или придется писать свои плагины


Что "оригинальное" нельзя сделать в tailwind? Это как сказать, что в CSS нельзя сделать что то оригинальное, ЛОЛ
167 2912176
>>12169

>Еще один говноед.


Лучше уже это говно, которое хотя бы можно пинать ногой.
Чем понос в виде tailwind
168 2912177
>>12162

>Ррря тейлвинд байтоёбство


>Ррря зачем пакет на 155 байт в проект притащил

169 2912181
>>12166

>как ты собираешься взять строку из 100500 классов и разбить ее? Два класса в линию? Потом три класса в линию?


Никак. Нет способов, подловил...
170 2912183
>>12171
Алсо

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


>сынок, но это же самописные scss классы


>омномном

171 2912184
>>12171

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


>IntelliSense


Приходится, ну или ты превращаешься в долбаеба который открывает портянку из 15 класса и наводит на них мышкой
Хуй знает чел, если ты мамкиного верстальщик может это и круто, но у настоящего инженера tailwind вызывает отрыжку говна
172 2912186
>>12177
Ну так и зачем? Напиши свою функцию не в 228 байт, а в 50, без магии и неприбитой версии зависимости.

Сегодня это хороший американец, а завтра мы его опять в гугл доки понесём, потому что версия пакета не залочена. Лол.
173 2912187
>>07838 (OP)
База треда.

КСС для чедов.
СКСС для беток.
КСС ин ЖС для омежек.
Тайлвинд для говноедов.
174 2912191
>>12181
В переменные запихивать что ли?
Ну, просвети олуха, я чудотехнологии не использую.
175 2912192
>>12186
Поинт был в том, что можно разбить строки и конкатенировать их любой функцией, а не в том что надо тащить пакет для этого.
176 2912197
>>12184
Если ты видишь класс "flex-col", или "p-4", и ты не можешь интуитивно понять что он делает, то тогда тебе действительно стоит остаться на css/scss.
177 2912202
.a > .b ~ .c:not(.yoba) {
margin:10px
}

Как данную задачу решить в tailwind?
178 2912208
>>12202
Никто не ответил потому что придется лезть в доку и горбатится над классами минут 20

tailwind помойка говна
179 2912209
>>12202
Какую задачу? Оверинжиниринг?
181 2912214
>>12208
В TW это решается с помощью ml-2.5 на нужном элементе, ты запостил говнокод
182 2912215
>>12214

>m-2.5

183 2912216
>>12212
Эту хуйню нужно вставить в class?
ахахах, ебать они там ебанутые в этом tailwind
184 2912218
>>12214

>это решается с помощью ml-2.5 на нужном элементе, ты запостил


Пример в студию.
185 2912222
>>12218
<div class="a">
<div class="b" />
<div class="c m-2.5" />
<div class="c yoba" />
</div>

Понимаю, побороть желание высрать говнокод у тейлвинд хейтера практически невозможно, но попробуйте верстать так, чтобы у вас не было нужды городить дохуя селекторов. Вам же удет легче
186 2912224
>>12222

><div class="c m-2.5" />


><div class="c yoba" />


Форыч с ифами делает ББРрРРрРРРрРРР.
187 2912226
>>12209
>>12214
Суть не в ML-2-5 а что бы это свойство применялось только в определенной иерархии CSS

То есть ответ "а ты не используй просто, селекторы не нужны!"

Ясно ваша поделка даже не умеет во селекторы а если и умет там будет пиздец какой говно-код
188 2912227
>>12192
Да, берёте цss freimwёrk, и начинаете классы в списке организовывать по назначению, чтобы не думскроллить горизонтально.

Так так так([
структурные стили сюда,
стили шкурки сюда,
])
Ой ебать, OOCSS внутри строки от CSS фреймворка на основе

Пирамидку иллюминати с архитектурой тейлвинда не нашёл, поэтому будем сравнивать на пике 2 с бутстрапом.
189 2912229
АХАХАХХАХАХАХАХАХАХАХАХХА

Какое же это говно если taildindу скормить что-то сложней hello-world
190 2912231
>>12226

>умеет во селекторы


Умеет, просто твой пример это говнокод, никто в здравом уме такое не пишет. Так называемая "проблема" решается другим путём, а не говноселектором
191 2912235
>>12227

>OOCSS внутри строки


Значение знаешь?
192 2912237
>>12231
Да все уже поняли как умеет)
>>12229
Это будет не просто говно-код, а блевотина говна...
193 2912238
>>12235
Пит буль
194 2912239
>>12231

>а не говноселектором


Ифами?

Селектор самый чистый вариант если нужно сделать йобо логику отрисовки, когда у тебя в зависимости от размера, в зависимости от кол-во элементов, например, будет определенное кол-во бордеров в блоке.
image.png31 Кб, 625x562
195 2912244
>>12229
АХАХАХХАХАХАХАХАХАХАХАХХА
196 2912245
>>12239

>Селектор самый чистый вариант


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

>>12239

>в зависимости от размера, в зависимости от кол-во элементов, например, будет определенное кол-во бордеров в блоке


Приведи реальный пример, и я тебе сделаю без селектора
197 2912250
>>12244

>хаха смотрите как tw плохо справляется с бэдпрактисами

198 2912259
>>12245

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



Вот же - >>12202
Самый простой пример.
199 2912261
>>12259
И я уже написал это без селектора.
image.png25 Кб, 273x670
200 2912263
>>12231

>РЯЯЯ ты просто решаешь не правильную задачу


>никто в здравом уме такое не пишет


tr:not(.active){
filter: blur(3px);
pointer-events: none;
}

Пишут и очень часто

Если ты используешь :hover для своего hello-world проекта это не значит что у всех так, я использую почти все селекторы

https://developer.mozilla.org/en-US/docs/Web/CSS/::highlight
чем дальше, тем больше будет говна в TW, это будет просто мусорка.

Я еще угарнул " :before content:"yoba"
Господи какие же долбаебы создавали tailwind
image.png25 Кб, 791x287
201 2912266
>>12263
Чел, ты в порядке?
image.png9 Кб, 691x124
202 2912267
Какие же дауны в tailwind
я просто ахуеваю
203 2912270
>>12261
Ты скопировал строку и добавил в одну из них класс.

Т.е. ты предлагаешь делать это в том же форыче, а если таких "проблем" будет несколько в одной компоненте, то будет спагетти условий.

И это "ЧИЩЕ" чем одна ксс строка на одну проблему.

Пнятненько.
204 2912272
>>12267
а если я хочу свгешку в контент запихать?
205 2912273
>>12261
Нет чел, ты не решил задачу, решение иерархии у меня на картинках
Только в итоге это будет выглядеть как большая куча навоза
206 2912274
>>12263

>ты просто решаешь не правильную задачу


Я сказал, что задача решается по другому.

>tr:not(.active){


>filter: blur(3px);


>pointer-events: none;


>}



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

Этот селектор заменяется ифом в коде компонента.
<tr className={disabled && "blur-sm pointer-events-none"}>...</tr>
207 2912281
>>12274

>неявных с первого взгляда селектов


Я такими штуками научился оперировать в первые месяца вката...
208 2912283
>>12270

>И это "ЧИЩЕ" чем одна ксс строка на одну проблему.


Да, чище. Потому что такие селекторы - сайдэффект.

>>12273
А как насчёт не делать иерархий? Почему кто то должен копаться в куче говна из неявных селекторов "прямой сосед третьего ребёнка, не имеющий класс "йоба" и является последним в списке?"
209 2912284
>>12281
Так и я научился, по факту мы привыкли к говну и можем это говно прочитать. Но есть вариант - не делать говно
210 2912287
>>12284

>Но есть вариант - не делать говно


Делая кашу с ифами, которую, конечно же, нужно оставлять в верстке, потому что убрать в ксс файлик одну строку ксса - сайдэффект.
211 2912294
>>12274

>Этот селектор заменяется ифом в коде компонента.


><tr className={disabled && "blur-sm pointer-events-none"}>...</tr>



А этот: >>12202
212 2912297
>>12287
Да, чтобы потом другой человек не сидел с девтулзами на перевес, и не выискывал твою "лакончиную" одну строчку в css
213 2912299
>>12096
Вот бы ещё потом для читаемости в этих строка управляющие конструкции от операторов отделить визуально. Вот тогда тэйлвинд будет заебись.
214 2912300
>>12297

>Да, чтобы потом другой человек не сидел с девтулзами на перевес, и не выискывал твою "лакончиную" одну строчку в css


Чтобы понять, какого хуя "последний элемент и прямой сосед третьего ребёнка, не имеющий класс "йоба"" перекрашивается в красный
215 2912304
>>12297
Бедный анальник, заставили идти чекать девтулз, какой же кошмар.
216 2912309
>>12304
Бедный анальник, предложили прекратить селектить "последний элемент и прямой сосед третьего ребёнка, не имеющий класс "йоба"", а без выебонов застайлить напрямую
217 2912326
>>12283

>А как насчёт не делать иерархий?


Так задач куча на вложенность, самую простую я описал "не подсвечивать выделенную строку" ты решил эту задачу через костыль в виде добавления js зависимости

вот я про это и говорю tailwind проекты состоят из говна и палок.
218 2912329
>>12326

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


А класс .active в твоём примере добавляется без js зависимости?))) На пыхе пишешь?)))
219 2912333
>>12329
Я про другое, тебе придется на каждый чих вводить новый STATE +IF
это не так плохо, но читаемость говно.

умные дяди просто добавляют .class и прописывают к нему нужные свойства, которое потом кстати конвертируется в .class-qhw7738232

у вас можно сделать тоже самое через apply но тогда теряется весь смысл TW
220 2912342
>>12333
Я тебе вот про что:
В твоём примере есть два состояния строки - активный и неактивный. Существует какая то бизнес-логика: определённые строки в таблице заблочены.

В твоём примере, если ты динамически добавляешь .active строке с помощью js/генерируешь вёрстку на бэке, то у тебя и так есть конструкция типа:
<tr className={active && "active"}>...</tr>
В этом случае типо не добавляется новый "STATE +IF"?
Если понадобится добавить статусы "success" | "warn" | "error", ты будешь добавлять новые ифы. Если я неправ - напиши селектор, который позволит это добавить без ифов.
221 2912359
>>12342
а теперь представь что будет таблицы с 2 уровнями вложенности
снова будет городить level1 state level2 state?

Та задача просто пример
Ты вместо того что бы писать код будет вечно натягивать сову на глобус лишь ты не поломаться TW
222 2912365
>>12359

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


>снова будет городить level1 state level2 state?


Абстрагируешь вкладывающиеся элементы в компонент, пропами передаёшь стейт.

>лишь ты не поломаться TW


TW не ломается от увеличения вложенности/изменения в иерархии, в отличии от CSS. Потому что в TW в принципе нет возможности без костыльных arbitrary values делать иерархии и устанавливать зависимость между элементами сложнее, чем родитель > потомок. Потому что иерархии не нужны, что наглядно видно по твоему примеру - можно обойтись без них, и написать стили "плоско"
смех 3.mp44,9 Мб, mp4,
640x480, 0:23
223 2912367
>>12365

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


>Абстрагируешь вкладывающиеся элементы в компонент, пропами передаёшь стейт.


Тайлвинд.

Мимо чистый CSS боярин.
224 2912369
>>12342

>Если я неправ - напиши селектор, который позволит это добавить без ифов.



.success {
//
}

.warn{
//
}

.error{
//

className={status}

Все просто и читаемо
225 2912370
>>12359
Ну и добавок - твой пример показывает, что ты мыслишь вообще странно. Почему именно tr:not(.active), а не tr.inactive / tr.disabled ? Тебе не кажется странным, что твоём примере строка по дефолту неактивная? Может должно быть наоборот? Представь как было бы тупо, если бы в html все button были по дефолту disabled, нужно было везде прописывать <button active />
226 2912371
>>12369
Ну и где тут иерархия? Получается не нужна?
227 2912372
>>12367
Я тебя уже выше по треду разъебал, не тявкай
228 2912377
>>12372
Разъебав себе кресло жидко пукнув != Чистое решение.
229 2912380
>>12377
Ну так вытирай своё кресло, подмойся
230 2912405
>>12370
чел, да я тебе скидываю простые примеры чтобы показать как TW это решает через говно-код
но ты зашел дальше, ты не просто не решил ее через tw, ты взял JS
css бояре решаю данные задачи в 1 строчку, самое главное код чистый и читаемый, модульный.
ваш TW просит создать кучу внутренних переменных вместе с inline [$:hover>$not(p-2:not)(:hover)]

Я могу использоваться новые штуки CSS, а ты ты жрешь что тебе дают
Я могу сделать все что угодно на CSS, тебе придется писать свой TW_PLUGIN и кучу оберток

А еще все умалчивают про скорость билда на tilewind)
231 2912419
>>12405

>чистый и читаемый, модульный


>tr:not(.active) вместо плоского tr.inactive, или. упаси Б-же, .inactive без селектора по тэгу


Ну охуеть теперь
232 2912422
>>12405

>css бояре


+ этот "боярину" говорят переместить предмет, его иерархия ломается, и приходится заново писать полотна селекторов.
Ой не могу, ну не можете же вы быть такими тупыми
233 2912430
>>12419
Уж точно лучше чем [$:hover>$not(p-2:not)(:hover)] [hover content:"\111"] [$:hover>$not(p-2:not)(:hover)] pt-1 ps[:300]:ps-11
234 2912444
>>12430
Да никто эту хуйню писать не будет, бедолага. Если вчитаться в твой селектор, то в tw это делается классом "group" на родителей, и нужными стилями с префиксом "group-hover:". И никакие :not() нахуй не нужны, это хуже if'ов в разметке, потому что когда ты переместишь .yoba > .element вне .yoba, у тебя стили нахуй проебутся. Поэтому придумали писать стили плоско, поэтому такие селекторы клеймят говнокодом.
235 2912451
>>12422

> эговорят переместить предмет, его иерархия ломается


Я просто меняю имя класса местами

В случае TW ты должен разгрести портянку кода [$:hover>$not(p-2:not)(:hover)] [hover content:"\111"] [$:hover>$not(p-2:not)(:hover)] pt-1 ps[:300]:ps-11
А потом поменять правила иерархии в своих js костылях

да и css боярину никто не запрещает писать независимые блоки так же как у тебя, просто это не нужно
236 2912456
>>12451

>В случае TW ты должен разгрести портянку кода [$:hover>$not(p-2:not)(:hover)] [hover content:"\111"] [$:hover>$not(p-2:not)(:hover)] pt-1 ps[:300]:ps-11


Ещё раз, я не буду разгребать эту портянку, потому что я не буду писать эту портянку. И не нужно будет писать эту портянку в принципе
Когда мне понадобится переместить элемент из условного .yoba, я тоже просто перемещаю элемент, и удаляю "group-", оставляю "hover:"
237 2912461
>>12444

>Да никто эту хуйню писать не будет, бедолага.


Ясно все с тобой
@берем TW
@пишем на JS/ кастомных классах, игнорируем селекторы

>И никакие :not() нахуй не нужны,


вместо готовых полезных селекторов ты обмазываешь js-говном, лишь бы оправдать свой TW

Спасибо, но нет.
238 2912465
>>12456
Ты будешь писать эту портянку чтобы придерживаться принципов TW, иначе зачем брать TW и не использовать TW?

Или ты берешь TW только для p-1 m-1 ,
чел...
239 2912469
>>12456
Да я уже понял, ты взял TW но игнорируешь TW придумывая свои костыли лишь бы не писать на TW

Ты гений
240 2912474
>>12461

>вместо готовых полезных селекторов ты обмазываешь js-говном, лишь бы оправдать свой TW


>tr:not(.active) вместо плоского tr.inactive, или. упаси Б-же, .inactive без селектора по тэгу

241 2912477
>>12465
Я не буду писать эту портянку

>"group" на родителя, и нужными стилями с префиксом "group-hover:"

242 2912486
>>12469
Я игнорирую твоё желание писать говнокод, и городить селекторы там, где не надо.
243 2912491
>>12477

>Я не буду писать эту портянку из tw-селекторов :yoba


>я не буду использовать @apply


Тогда зачнем ты вообще взял TW
:hover то хоть через tw делаешь или тоже js?
244 2912499
Tailwind создан для прототипирования
245 2912500
>>12491
Потому что TW это не про "последний элемент и прямой сосед третьего ребёнка, не имеющий класс "йоба"", не про жонглирование селекторами
TW это про прямую стилизацию нужных элементов, тотальную реюзабельность, избавление от лишнего уровня абстракции и необходимости задавать названия классам в принципе и сжимаемость итогового css бандла.
Откуда ты вообще взял, что TW это про arbitrary values я хуй знает. Если бы TW был про clusterfuck классов, то придумали бы способ писать эти селекторы без квадратных скобок.
246 2912505
>>12500

>про clusterfuck классов


про clusterfuck селекторов*
247 2912514
>>12500
В начале дискуссии Копровилд мог все.
Сейчас это просто инструмент не для этого.
Ебало?
248 2912526
>>12514

>В начале дискуссии Копровилд мог все.


Ну ка процитируй)
249 2912531
>>12500

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


а что нового? bootstrap на максималках, еще в те времена этот подход не прижился даже у простых верстальщиков.

>не про жонглирование селекторами


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

>тотальную реюзабельность


Экономишь 10кб, в итоге превращаешь проект в говно, молодец, хули.

>лишнего уровня абстракции и необходимости задавать названия классам


Нет, ты будешь создавать новые классы через APPLY и в итоге у тебя будет более 200 класcов, все как раньше. Чел, я хуй знает что ты там верстаешь, но в средних и крупных проектах люди повсеместно прибегают к @apply и custum plugin
250 2912533
>>12514

>Сейчас это просто инструмент не для этого.


То что в tailwind не принято городить говнокод по твоему нраву - не значит что он этого не может. Если ты переносишь свои говнопрактики в TW, то ты получаешь

>[$:hover>$not(p-2:not)(:hover)] [hover content:"\111"] [$:hover>$not(p-2:not)(:hover)] pt-1 ps[:300]:ps-11



Попробуй перестать говнокодить для начала
251 2912535
>>12531

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


Нет, не буду. Я же не болен вложенными селекторами головного мозга.

>но в средних и крупных проектах люди повсеместно прибегают к @apply и custum plugin


Говнокодеры воспользовались принципиально другим инструментом как CSS, ну и ну! Ну точно tw виноват
252 2912543
>>12535

>Нет, не буду. Я же не болен вложенными селекторами головного мозга.


Если не будешь, значит ты используешь TW на 15% , это как взять С++ и игнорировать указатели
Тебе дали инструмент, а ты игнорируешь и пишешь костыли на JS

Открой любой Ui-kit на TW от взрослых дядек, открой любой open-source проект, повсеместно используют apply/plugins

Я про то и говорю, откроешь TW проект а там костыль на костыле, лишь бы не использовать TW)))
А нахуя брали? экономим 10кб))
253 2912544
>>12533

>Попробуй перестать говнокодить для начала


Так я и не писал на говновилде.
254 2912548
>>12543

>экономим 10кб))


Да базару нет, не экономь. Ещё раз говорю, если мы будем конкурировать, когда в моём сайте появится в два раза больше страниц/компонентов, мой css бандл останется прежним, а твой увеличится пропорционально. Я даже рад, что мне позволяют так просто выигрывать конкуренцию в производительности
255 2912554
>>12543
Алсо

>Если не будешь, значит ты используешь TW на 15%


проиграл. Ебать у тебя в башке насрано. Вложенные селекторы заебись, плоские стили - говно.
256 2912557
>>12548

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



У меня нет бандла на 10000 css кода.
у меня бандл на 100 css кода для каждой страницы, если пользователь протыкает весь сайт, то конечно будет 10000 css, но после перезагрузки страницы это все в кэше.
Новая фича не затрагивает весь css код

Что побеждаешь ты - хуй знает, ну может 0.001s
257 2912559
>>12554
>>12554
Да че ты приебался к вложенному селектору
Любой селектор
Чел игнорирует их и использует JS
258 2912560
>>12559
Потому что ты даун тупорылый. Ты реально не понимаешь, что селектить "последний элемент и прямой сосед третьего ребёнка, не имеющий класс "йоба"" это ненормально?
Ты реально непонимаешь, что селектить tr:not(.active), tr:not(.huyactive) > .zalupa ~ .yoba > .yoba-child:last-of-type это не нормально?
259 2912562
>>12557
А у меня будет бандл 100 css кода на всё приложение. И даже если пользователь прокликает все страницы, то бандл останется 100 css кода.
260 2912563
>>12560

> не нормально


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

Я тебе еще раз пишу, что ты приебался к иерархии, мой посыл ко всем селекторам, десятки селекторов которые нужно использовать и десятки селекторов которые мы ждем в 2024 году.
Это все современные удобные фичи
261 2912565
>>12562

>А у меня будет бандл 100 css кода на всё приложение.


ты молодец, у тебя экономия 2-5 кб текста, только теперь твой проект состоит из говна.
Ты бы хоть историю почитал почему люди плевались от Bootstrap и его аналогов
Там же были точно такие же аргументы как и у тебя
262 2912570
>>12565

>у тебя экономия 2-5 кб текста


У меня экономия от 50кб текста до бесконечности. То что ты берёшь такие цифры с потолка, говорит о том, что ты тупо не разбираешься в вопросе.

>почему люди плевались от Bootstrap


Люди плевались от bootstrap, потому что он хуёво кастомизируем и раздут
263 2912571
>>12563

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


Два слова - "group" и 'peer". Всё, твои селекторы не нужны.
image.png705 Кб, 700x505
264 2912584
Взять все, да и через дом застилизовать.
265 2912586
Куда копать, что почитать про то, как можно с бекенда на фронт гонять куски видео и отображать на фронте уже в видеоплеере видео?
image.png705 Кб, 700x505
266 2912596
>>12584

>вот щас заселекчу ::before соседа чётного непрямого потомка второй строки таблицы, без класса .active, будет чисто

267 2912602
>>12570

> потому что он хуёво кастомизируем и раздут


Разницы нет, просто сейчас ты это делаешь в json, а они это писали в config.css...

А твой не раздут?)
268 2912607
>>12602

>А твой не раздут?)


А как tw может быть раздутым? Там по дефолту в бандл не идут классы, которые ты не юзаешь, в отличии от бутстрапа
269 2912609
>>12596
Чисто и быстро, работают оптимизации браузера.
270 2912614
>>12609
Какие, не подскажешь? Или у тебя браузер мудрый волшебник?
271 2912615
>>12607

>в отличии от бутстрапа


А кто тебе мешает его настроить так что бы не шли ?
Просто сейчас в этом уже нет смысла... берут tw
272 2912624
>>12615

>А кто тебе мешает его настроить так что бы не шли ?


Типо tw раздут, потому что бутстрап можно настроить так чтобы не шли? Вообще не понял к чему ты это сказал
image.png904 Кб, 1280x720
273 2912635
>>12444

> никакие :not() нахуй не нужны, это хуже if'ов в разметке


Вкатун обезумел.
274 2912641
>>12596
Ты мою аватарку не трожь, сука, пидор, блять!
275 2912642
>>12641
А то что?
276 2912650
>>12624
Твой посыл в том, что если используешь TW с 1 классом то он выдаст бандл с 1 классом (типа не раздует бандл)
Но так работает и Bootstrap с нужными плагинами для webpack

люди попользовались и ушли от него, поняв весь пиздец подхода.

Но зумеры снова взялись за старое, тот же bootstrap только под смузи.
вместо миксинов apply и плагины
277 2912661
>>12650

>тот же bootstrap


Bootstrap - CSS фреймворк с готовыми компонентами
Tailwind - набор утилитарных CSS классов, готовых компонентов там нет

>люди попользовались и ушли от него, поняв весь пиздец подхода


пиздец подхода bootstrap - компонентов в виде css классов.

>вместо миксинов apply и плагины


Не юзают адекватные люди @apply, говорю ещё раз
278 2912687
>>12661

>Bootstrap - CSS фреймворк с готовыми компонентами


Я же сказал, есть плагины которые позволяют вырезать весь мусор от компонентов.
Есть сетки без мусора, куча решений.
Просто нужен плагин
279 2912690
>>12687
Я указываю на то что tailwind ничего общего с bootstrap не имеет
280 2912692
>>12661

>Не юзают адекватные люди @apply, говорю ещё раз


Почему?
281 2912695
>>12690
Не имеет на словах
На деле я могу использовать botstrap так же как и ты используешь tw

Люди так и делали, брали сетки, готовый набор классов(все тот же m-1 m-2 m-3) и ебашили говно-проекты.
282 2912698
>>12692
Он пиздит, все используют, пруфы лежат в репо UI-китов tilewind
там это используется очень часто.
А репы создавал не чмошкин, а уважаемый люди
283 2912701
>>12692
Потому что tw убирает слой абстракции "css-свойства группируются в именованные классы", а ты добавляешь его снова. Если у тебя появляется идея юзануть @apply, значит тебе нужен компонент, а не класс.
284 2912703
>>12698
которые в слове шадов пишут шодов?
или у вас шодов за что-то стоит?
285 2912705
>>12695

>На деле я могу использовать botstrap так же как и ты используешь tw


Это называется "использовать css классы"
286 2912713
>>12701

>нужен компонент, а не класс.


Ты предлагаешь убрать простыню говна на 1 уровень выше...
хз, я лучше буду писать 10 свойств CSS вертикально чем писать 10 свойств CSS горизонтально, проблем с CSS в производительности\подгрузке никогда не испытывал.

py-2 px-4 bg-blue-500 text-white font-semibold rounded-lg shadow-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-opacity-75focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-opacity-75
287 2912714
>>12698
UI-kit'ы на tailwind это вообще отдельный вид шизофрении. Наступают на те же грабли bootstrap - реализуют компонент как css класс.
Нормальные люди берут headless библиотеки и делают UI-kit сами.
288 2912719
>>12563
Ебало сафариойдов имагинируйте. Те самые челы с деньгами, у которых в сафари и на микро сафари даже его хайлайт не работает. А мне рассказывали тут, доказывали, что кабанчику эти в частности особенно нужны и важны. На выходе: про участника сафари забыли, сайт для него зсвистит и за пердит в 2025, когда аппле соизволит реализовать фичи, если посчитает нужным, да и то после покупки нового шмака.
289 2912722
>>12713

>Ты предлагаешь убрать простыню говна на 1 уровень выше...


А ты типо компоненты не создаёшь? Или игнорируешь тот факт, что у тебя три+ уровня абстракций (компонент > разметка > стили в модуле scss > ...) вместо двух (компонент > стили в разметке)?

>я лучше буду писать 10 свойств CSS вертикально


Пили строки и пиши вертикально, лол. Я проблем с чтением tw классов не испытываю
290 2912724
>>12719
tw не будет существовать в 2025, это временный хайп
291 2912725
>>12719
Имагинируй моё ебало, когда я не мог юзануть gap, потому что на момент разработки 30% целевой аудитории (блинолопатная скотоублюдия) не поддерживало gap
292 2912726
>>12725

>блинолопатная скотоублюдия со старыми гейфонами

293 2912729
>>12725
Я тебе прекрасно понимаю, в какой-то момент определились с тем кого хотим таргетить и вилочкой прочитали гапы если задачка попадала в компонент.

>>12724
Сомневаюсь, для этого как минимум должен сдохнуть некст и свелт. Есть ли такой фетиш у вьюистов на тайлевинд - не знаю.
294 2912741
>>12701
Я просто использую ксс по назначению. Для описания переиспользуемых стилей.
Нахуй мне компонент реакт кнопка с тайлвинд лапшой и без логики если я могу просто использовать тег button?
295 2912746
>>12741
Как ящитаю надо использовать тайлвинд. Всё на нормальных стилях, и @apply, а там где лень лезть в ксс хуячишь тайлвинд классами.
296 2912747
>>12722

>Пили строки и пиши вертикально, лол. Я проблем с чтением tw классов не испытываю


Не испытывает он, слышал я такое от людей из Pug, им удобно значит - нужно тащить говно, чел, tw унижен и раскритикован величайшими инженерами еще в 2022 году.

А я не испытываю проблем с mt-10 tab

пили на своем говне, я пользуюсь современными подходами веба.
image.png426 Кб, 549x604
297 2912751
>>12747

>Pug


Это даже хуже реакта.
298 2912753
>>12746
Например. У тебя есть компонент с тремя кнопками. Внешний вид кнопки задан в глобальном ксс. А отступы между кнопками через тайлвиндовые марджины. Отступы нужны здесь и сейчас а кнопки везде.
299 2912758
У меня есть блок с товаром, весь контейнер описывается в 60 tw-классах.
(тут и адаптивность и ховеры и еще дохуя всего)

как мне быть? просто ебашись 1 класс на 60 слов?
image.png167 Кб, 1104x516
300 2912770
Страшное говно в коде
301 2912779
>>12747

>tw унижен и раскритикован величайшими инженерами


Твоими протыками?
302 2912826
>>12171

> если бы можно было не юзать @apply...


Я видел несколько проектов с тейлвиндом, где вообще все стили сделаны через @apply
303 2912843
https://www.aleksandrhovhannisyan.com/blog/why-i-dont-like-tailwind-css/
https://sancho.dev/blog/tailwind-and-design-systems
https://dev.to/lixeletto/the-limits-of-tailwind-css-2pg0
https://itnext.io/top-6-reasons-to-hate-tailwind-css-8009ea96e300
https://www.reddit.com/r/css/comments/tbxs41/why_i_dont_use_tailwind_css_in_production/
https://github.com/AleksandrHovhannisyan/aleksandrhovhannisyan.com/issues/77

Tailwind предназначен для новичков, которые не разбираются в css

Tailwind очень хороший инструмент для отсвева, если человек писал только на tailwind и не признает простой css скорей всего перед вами макака.
305 2912865
Ебать, тейлвинд-шизы насерили на 150 постов с утра, как вы это делаете, что тут обсуждать? Это временный хайп, сдохнет со временем. Если не хватает CSS модулей, то можно взять SCSS модули, или какую-нибудь linaria для CSS-in-JS-шизов. Но срать в проект тейлвиндом? Шок...
306 2912867
конечно сейчас придет анон и скажет что daisyui писал джун))
но нет, там писали вот такие вот дядечки
https://github.com/saadeghi

Если так пишет дядька, то представьте что творится в русском продакшене
image.png123 Кб, 1064x564
307 2912869
>>12859
АХАХАХАХХАХАХАХАХАХАХАХА
308 2912879
>>12843

>https://www.aleksandrhovhannisyan.com/blog/why-i-dont-like-tailwind-css/


Чел не смог написать !isActive в classnames, и рассудил, что без :not() обойтись невозможно.
Мнение не учитывается из за проф. непригодности

>https://sancho.dev/blog/tailwind-and-design-systems


Не смог сделать компонент карточки с кастомизацией gap, ведь у "tw нет динамических стилей". Мысли о том, что можно прокинуть className пропом и смерджить его с дефолтными стилями у него не возникло. Мнение не учитывается из за проф. непригодности

>https://sancho.dev/blog/tailwind-and-design-systems


Попытался притащить убогие вложенные в селекторы в tw, как поехавший tw-хейтер в этом треде и обосрался.

>https://itnext.io/top-6-reasons-to-hate-tailwind-css-8009ea96e300


За пейволлом, автоматически на парашу

>https://www.reddit.com/r/css/comments/tbxs41/why_i_dont_use_tailwind_css_in_production/


Доводы обоссаны выше по треду

>https://github.com/AleksandrHovhannisyan/aleksandrhovhannisyan.com/issues/77


Вкинул обсуждение первого линка, видимо потому что больше ссылок не нашёл

Дичайший позор tw-хейтеров, предлагаю вам покинуть профессию
309 2912886
>>12859
>>12867

>tw в production


>библа чела, который не понял, почему css-фреймворки с компонентами в виде классов - говно


Притащи ещё Bootstrap, и скажи "Вот ваш CSS в PRODUCTION"
310 2912888
>>12879

>Чел не смог написать !isActive в classname


Не смог, а не захотел. это не правильно.
Написать то можно все что угодно.

> что можно прокинуть className пропом


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

https://github.com/saadeghi/daisyui/blob/master/src/components/styled/footer.css
https://github.com/saadeghi/daisyui/blob/master/src/components/styled/loading.css
https://github.com/saadeghi/daisyui/blob/master/src/components/unstyled/menu.css

>видимо потому что больше ссылок не нашёл


Ссылок миллион. взял топ из гугла.

Чел, ты просто не шаришь в CSS
311 2912894
>>12888

>это не правильно


ну раз Ты сказал

>Только теперь это все выглядит как одна большая куча говна


Ну да, <Card className="gap-3" /> прям кардинально отличается от <Card gap={3} />, ахахах
312 2912897
>>12886
снова повторяется песня - "ОНИ НЕ ТАК ПИСАЛИ, ЭТО СОВПАДЕНИЕ"
челик, это один из создателей TW. Тебя это не смущает? хоть и бывший.

Покажи мне хотяб один пример удачной реализации проекта на TW?
Таких Нет .

Чел я был в 5 проектах TW и все проекты были переписаны на css модули либо аналоги linaria

Мне всегда аплодировали стоя, потому что все уже устали от этого говна.
все. это никому не нужно кроме "Я ХОЧУ ПОПРОБОВАТЬ КАК ОНО ПОКАЖЕТ СЕБЯ В ПРОДЕ"

попробовали) теперь переписывают
315 2912915
>>12867

>daisyUI


Двачую эту библиотеку. Так и надо писать на тайлвинде.
https://daisyui.com/docs/customize/
image.png128 Кб, 1308x446
316 2912916
>>12903
У тебя маркетинговые статьи от индуса вордпресника)
чел, не позорься, tail уже давно слит в Америке, в ru начали вот только только понимать какое это говно

хайп спал, успокойся ты уже.

дописывай проект и бери нормальный стек.
либо зови меня перепишем твое tw легаси говно на нормальный CSS код.
317 2912918
>>12916

>остальные ссылки проигнорированы


Клоун
318 2912922
>>12916

>чел, не позорься, tail уже давно слит в Америке, в ru начали вот только только понимать какое это говно



NASA и Microsoft рассказать об этом не забудь, там видимо одни русские сидят
319 2912927
>>12922

>Microsoft


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

Но да, мелкомягкие хорошие аргумент в пользу говновилда.

А наса то вообще пиздец. Одна из крупнейших френтендерских галер.
320 2912932
>>12927

>Покажи мне хотяб один пример удачной реализации проекта на TW?


>Показываю 8


>Ррряя нещитово вот у мелкомягких почта лагает


Пошёл треск манямирка
321 2912938
>>12932

>>Покажи мне хотяб один пример удачной реализации проекта на TW?


Я вообще мимо проходил, но двачую вопрос, где удачные проекты?

Почта не лагает, там верстка будто на тайлвинде писали. Описал постом выше.
323 2912941
>>12922
Давай разберем NASA.

1) Если там крутится ASP тоже будем восхвалять данную технологию?
2) Nasa - примитивный сайт, там tw оправдан, это детская игрушка для новичков.
3) Можешь объяснить мне что там такое на скринах у Nasa?

Дальше не смотрел, уверен, там будет такое же качество сайтов.
Вот если ты мне скинешь тиньков или что-то аналогичное , то ок.
(не лендинг, а крупную система)
324 2912943
>>12938
Вот ещё на засыпку, небольшой проектик со скромными успехами
https://chat.openai.com/
325 2912945
>>12941

>покажи мне ХОТЬ ОДИН успешный проект


>показываю 9


>ой не щитово


Маневрируем
326 2912957

>ping.gg


https://ping.gg/_next/static/css/ab68fbad8b6e0d1c.css

как так? на сайте не используется класс, но в бандле он есть?
327 2912958
>>12939
а, слепой, вижу.

ну, круто, что они смогли сделать верстку на тайлвинде.
молодцы.
Успешные проекты. Сразу видно руку профи.
И главное популярные. Правда кроме неткликса ничего не знаю.
328 2912966
>>12958
ChatGPT недостаточно успешный проект для формшлёпа с двача?
329 2912969
>>12943
Ты еще раз подтвердил что данная технология создана для очень простецкой верстки
Вывести картинку, добавить текст с парочкой ссылок - тут TW покажет себя очень хорошо.

Но даже тут они обкакались и начали писать какие-то кастомные классы.

сорри чел, но TW говно
330 2912975
>>12966
Не рассматривай проект как бизнес идею, мы смотрим только верстку.
ChatGPT пилить проще чем тот же двач.
331 2912977
>>12969
Продолжаем игнорировать приложение для веб-звонков с интеграцией с OBS. Продолжаем игнорировать ChatGPT. Игнорируем интернет магазина самого популярного ютубера как на планете земля. Манямирок не должен рухнуть
332 2912979
>>12975

>Назови хоть ОДИН успешный проект на tailwind


>Показываю успешные проекты


>Эй, не рассматривай их успешность, давай вёрстку рассматривать


Маневрируем
333 2912980
>>12966
Ты когда о верстке говоришь, ты говори о верстке, а не о нейронке-беке-контента.

Не маняврируй, хлопчик.

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

Это победа для тебя?
334 2912986
>>12980

>не щи то ва!


Бля, у меня улыбка до ушей. Как же тебе тяжело
335 2912988
>>12979
Я просил показать не успешные, а крупные, что-то типа личного кабинета банка или может озон с amazon.

А то что ты скинул лендинг и новости с 1 картинкой это какая-то хуйня в контекте фронта, а не сложный\крупный проект.
image.png30 Кб, 692x321
336 2912993
>>12988

>>12897

>Покажи мне хотяб один пример удачной реализации проекта на TW?



>да я не просил я успешные! я просил проекты который как минимум гугал!!!



Ну и нууу
337 2913012
>>12910

>https://turbo.build/


Скажите что это сон?
кнопка с черным фоном имеет 200+ классов?
АХАХХААХАХАХХАХА
338 2913016
>>13012
Игнорируем неудобные проекты, игнорируем!
339 2913019
>>12986
Если я сделаю скайнет и куплю двач, и запущу его туда, то двач будет сайтом с лучшей версткой?
340 2913022
>>13016
Ну так будет что сказать 200+классов у кнопки?

Или игонорируем неудобные кринжи?
341 2913023
>>13012
Ну мы не ждем, а готовимся к поддержке сайтов созданных гопотой...
342 2913027
>>13022
Там где 200 классов у кнопки, там же будет 200+ строк стилей в CSS
Будет что сказать? Или игнорируем неудобные CSS файлы?
343 2913032
>>13019

>просят удачную реализацию в серьёзных проектах


>приносишь проекты


>это нещитово


>это несложно


>chatgpt нещитово


>когда гугол будет на tw тогда и приходи


Сейчас происходит возможно самый тяжелый период в жизни tw-хейтеров. Возможно даже тяжелее того рокового удара головой об кафель в роддоме
344 2913034
>>13027
там будут миксины общие для всех классов сайта
345 2913035
>>13027

>Или игнорируем неудобные CSS файлы?


Ты прав.

Ты нас слил.

Какой же ты ахуенный в спорах, какой же ты ахуенный.

Как стать таким как ты?

Я специально тему перевожу, чтобы дальше нас не попускал!
346 2913041
>>13032

>>просят удачную реализацию в серьёзных проектах


сайт насо - серьезный проект.
бигтех.
347 2913050
>>13041

>ну наса это чее это лохи) как и опенаи)


>то ли дело я, ваня говнов в рогах и копытах

348 2913054
>>13027

>Там где 200 классов у кнопки, там же будет 200+ строк стилей в CSS


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

А тут просто простыня из 200 слов...

А самое главное я не нашел удаление неиспользуемого кода.
все работает как тут - >>12957
349 2913055
>>13027
Про миксины не слышать в 2023, чел...
350 2913056
>>13034
Даже не знаю что выбрать:
1. Прочитать 200 классов
2. Прочитать 200 строк растасканных по разным файлам
351 2913059
>>13041
@
серьезный проект
@
кидают ссылку на лендинг и новости с 1 картинкой в структуре
352 2913061
>>13032
Так ты ни один серьезный проект не принёс.
353 2913068
>>13056
Всё в одном файле, один миксин кнопки
354 2913069
>>13059
>>13061

>Веб-звонки


>Недостаточно сложно


>ChatGPT


>Недостаточно серьёзно



Манямирок треснул настолько, что пошло отрицание реальности
355 2913072
Давно юзаю тайлвинд там где кабану не хватает денех на дизайнера. У другого кабана, где был готовый дизайн и верстка на сассе, фулстеки полубеки за год превратили все в кашу. Короче теорема Эскобара...
356 2913077
>>13050
У наса статик сайтик с цмской, типичный бложек на вордпрессе. Это не серьезное веб-приложение.
У чатгпт веб-приложение, но несерьёзное, там по сути формочка с инпутом, лол, список слева, пара кнопок и попап с настройками.
357 2913080
>>13054

>я не нашел удаление неиспользуемого кода


Значит он используется на других страницах, в приложении. index.css там на части не распиливается.
358 2913083
>>13069
Где веб-звонки? Чатгпт абсолютно несерьёзно, там всё серьёзное на бекенде, который выпукивает текст на фронтенд через SSE, а на фронте простая формочка с модалкой и списком.
359 2913087
>>13077

>нещитово!



>>13083

>Где веб-звонки?


https://ping.gg/
360 2913088
Рассудить просто.
смотрим что использует веб-тг то и топ.
361 2913094
>>13069

>Манямирок треснул настолько, что пошло отрицание реальности


Согласен. Когда учил сотни классов, когда каждый раз чтобы пукнуть в верстку приходилось открывать доку и искать как же там сделать, а потом узнаешь, что твоя технология кусок мертвого говна, да, манямирок трескается и следом отрицание реальности.
362 2913100
>>13094

>Когда учил сотни классов


Если ты заглянул в доку, увидел классы типа "flex flex-col" и подумал "ууу надо учить", то у меня для тебя плохие новости
363 2913111
https://github.com/morethanwords/tweb/blob/master/package.json

Вот на чем пишут крутые.
364 2913117
Срочно требуется мнение Пашки-Парашки по поводу этого вопроса.

Вызывайте Пашку!!!
image.png16 Кб, 512x512
365 2913135
вот у них есть tailwind?
366 2913145
>>13135
есть но им не до него, надо разобраться почему портянка на rxjs не работает и падает где-то внутри 100500 анонимных ступенек стек трейса...
367 2913147
>>13135
Был на многих проектах.
Пока нигде не видел.
Хотя в одной компании побывал на реактепараше, там был.
таблетки 2.mp4768 Кб, mp4,
330x330, 0:07
368 2913151
>>13145
Хрюкнул.

Я на 12 версии сижу.
Ничего не падает.
В чем не прав?
369 2913153
>>13088
Телеграмо говноед, спокуху оформи в тред пашки.
370 2913168
>>13151
В том что эту хуйню не продебажить если что-то пойдет не так. Тупо вместо of(null) сделал of() и сиди разбирайся где у тебя стрим пропал. просматривай цепочки в 100500 компонентах проекта
371 2913174
>>13088
Православный ленивый бэм?
372 2913180
>>13168
Ну, хз. У меня все из абстрактного подтягивается, а тот берет отдельный сервис-запрос основываясь на компоненте.
Так что ебать голову мне нечем. Тупо 1 прослойка.
373 2913182
>>13087
Ну ок, один проект на тейлвинде, это точно победа. Хотя это какой-то ноунейм стартап, про который литералли никто не знает. А на css модулях бесчисленное множество успешных серьезных проектов.
374 2913187
>>13174

>БЭМ


>2023


Проиграл
375 2913194
>>13182
но оних мы не узнаем, так как они ничем себя не выдают что на модулях работают...
376 2913199
>>13194
Выдают, в классах автогенерируемый хеш, хотя это ещё могут быть и CSS-in-JS стили
377 2913202
>>13187
>>13174
proektu 10let
378 2913208
>>13199
Любое говно со скопед стилями хеши добавляет к классам. Например вуйжс
379 2913283
Давайте двачегалеру сделаем.

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

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

Опытные будут гребсти, а вкатыши в качестве рабов.
380 2913443
>>07838 (OP)
Гитхаб два года не обновлялся шапочный. Чё есть годного почитать/посмотреть по react + ts в 2д23. Чтоб не книжка на 400 страниц, но и не кринжеролик от залетана на ютабе.
381 2913534
Смарите, есть один сайт, на нем приходят события по вебсокету и увеличивается циферка с нотификациями. Можно по ней нажать и просмотреть короткие превьюхи.
Я хочу сделать юзерскрит, чтобы каждая нотификация моментально высиралась таким браузерным алертом системным. Это надо как-то подсосаться к вебсокету? Или искать в кишках сайта, как оно там в стейте хранится?
382 2913560
>>13534
Конструктор вебсокета скорее всего проще и стабильнее всего будет подменить и запатчить.
383 2913567
>>13534
Тебе надо чтобы уведомления отображались даже если нету ни одной открытой вкладки с этим сайтом? Тогда надо подсосаться, да. А если вкладка открыта, то можно проще, через MutationObserver.
384 2913584
>>13567
Не, если открыта.
Но там мутируется только количество, пока не кликнешь по нему, хотя данные есть.
385 2913588
>>13584
Что за сайт? Если цифра с количеством нотификаций меняется, пока ты на других вкладках, то MutationObserver должен подойти
sage 386 2913673
>>13534
Можно просто своё расширение сделать, которое будет раз в N секунд делать querySelector запрос и сравнивать предыдущий счётчик значений с текущим

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

Просто
if document.querySelector('count') > previousCount: POIMAL;
notify();
sleep 60;

Ну при условии, что счётчик изначально виден на странице.
387 2913713
>>13588
>>13673
Мне интересны не сами циферки, а суть нотификейшенов, там приходят полноценные сообщения, циферки это просто их количество.
388 2914194
Мнение по поводу Angular 17? Это уже топ фреймворк или всё такой же калл как и раньше?
389 2914558
>>14194
Ангуляр и так норм фреймворк, не без огрехов, разумеется.
390 2914670
Не могу понять, что с javascript, типо это язык программирования, но все видео уроки показывают в html, css, так же вижу, что разные вакансии например по python и php с java тоже требуют знания javascript. Я не особо понимаю, что в нем учить надо в теории, что я могу с ним сделать. Типо просто вёрстку? Или для чего он нужен? И как его использовать. Понимаю, что вроде в c# я мог кнопки прогать, тут так же только на сайтах с помощью других яп или css с html?
image.png60 Кб, 770x1004
392 2914821
>>14804
они новый синтаксис завесли7

каким-то ларавелем попахивает.
393 2914822
394 2915132
Я проиграл, аноны.... После работы полгода пытался прорабатывать бекенд и девопс хотя монолитный бекенд с апишкой могу набросать на изи, но в итоге нихуя не запомнил и пососал из-за заебанности. И проебал столько времени. Мне пиздец?

Я фронтенд-даун, который бежит от конкуренции и покраски кнопок
395 2915152
>>15132

>который бежит от конкуренции


в беке тоже конкуренция.
тебе чтобы быть хорошим специалистом придется въебывать и оптимизировать базы данных
396 2915156
>>15152
Но в пять-десять раз меньше конкуренция (не считая петухония и джавы, конечно)
397 2915166
>>15156
да так же, просто он будет конкурировать не с людьми с курсов, а с людьми из вузов
398 2915169
>>15156
Ты можешь конкурировать только там где востребован. Если хочешь можешь конкурировать среди пыхапешников с битриксоидами, а на нормальном беке тебя просто проигнорят, сколько ты там не откликайся на вакансии.
399 2915187
>>15169

> конкурировать среди пыхапешников с битриксоидами


не против норм пхп (лара или симфони), но нахуя опускаться до битрикса?
400 2915296
>>15132
С чего ты взял, что если ты фронт-даун, то ты в принципе сможешь писать бэк, который всё-таки более требовательный?
401 2915306
>>15296

>с чего взял?



Для униковских проектах писал апишки на разных фреймворках и (No)SQL, и все это обернутое в докер композ и со всей нужной инфраструктурой. И волонтерствовал на работе как бекендер правда всего 3 эндпоинта написал

Поэтому вроде шансы есть (?)
402 2915328
>>15296

>который всё-таки более требовательный?


Я бэкендер, я не ел три дня, я требователен, фронтомакаки не люди - да куда уж им уж. Я бэкендер, я не ел три дня Я требователен даже к фуллкекам, ведь это всё те же макаки!™
403 2915456
Бекендеры не люди.
Более тупых анальников я не встречал.
14156895711420.jpg23 Кб, 485x458
404 2915630
Поясните, почему всегда везде во всех стилегайдах требуют ставить точки с запятой. Но открываю любой официальный шаблон вуе/реакт - нигде нет точек с запятоой.
405 2915712
>>15630
Вкусовщина. У airbnb есть точки с запятой. У гитхаба нет. Мне лично нравится стиль гитхаба. Не важно что ты выберешь, главное чтобы это было везде. Не так чтобы где-то были а где-то не были. Либо везде нету, либо везде есть.
406 2915716
>>15712
А я люблю везде по три точки с запятой ставить, для надежности. Одну точку с запятой разработчик может не разглядеть, а три подряд запросто.
407 2915737
>>15716
А это типичный отрезатель всего лишнего: останавливается только на точках с запятой, а всё остальное, как и свисающие запятые - не шумит. Из недомеры в крайность с тремя точками с запятой. Вот там такие же ебанойды всё лишнее выпиливают с пеной у рта.

мимо
image.png168 Кб, 996x662
408 2915936
Умные есть?
Объясните за TDD во фронте

как мне писать по TDD если я заранее не знаю что должна делать фича? Я же кроме одного модуля, лезу еще в 100 файлов.
и только в процессе написания кода мне становится примерно понятно что и куда пихать.
409 2916043
>>15936

> как мне писать по TDD если я заранее не знаю что должна делать фича?


Знаешь заранее или это не TDD. Картинка хуйня кстати. Тест не обязан падать чтобы что-то рефакторилось.
410 2916049
>>15936

> Объясните за TDD во фронте


> как мне писать по TDD если я заранее не знаю что должна делать фича


А при чём тут фронт?

По TDD ты тестируешь не фичи, а функции. Сначала дизайнишь разделение на функции/объекты с методами и пишешь тесты на каждый из них.

> Я же кроме одного модуля, лезу еще в 100 файлов.


Это значит, что у тебе уже код говно. Если у тебя есть легаси нетестируемый код, его надо сначала рефакторить в тестируемый, а потом уже делать новые фичи. Ну или забить на TDD, как это бывает чуть более, чем в 100% случаев.
411 2916071
>>15936
На фронтенде тдд не особо то и нужно. Там и так сделал-глянул-исправил цикл. На беке бывает фича затрагивает сразу 100500 микросервисов, там действительно имеет смысл инкрементально через тдд код добавлять. Ибо охуеешь сначала все писать без проверки в работе, а потом дебажить все вместе или ждать, когда когда другие разрабы подтянутся со своим кодом.
image.png22 Кб, 608x301
412 2916162
>>16071

>На фронтенде тдд не особо то и нужно.


Я тоже так думал, но в сытых вакансиях просят TDD
413 2916201
>>16162

> фронт


> документирование API


> TDD


Ты точно ФРОНТ ищешь? Попахивает клоунадой с фуллкекством.
414 2916218
>>15936

>как мне писать по TDD если я заранее не знаю что должна делать фича?


Слушай... а как дизайнер рисует сайты? Он же не знает что должна делать фича. Тебе приносят дизайн в фигме, хоть он ещё и нефункциональный, а ты его делаешь функциональным? Ну? А чем тогда это принципиально отличается от TDD? Можно уже зная что должен делать класс/функция, заранее ожидать, что класс/функция вернёт такой-то и такой результат. А потом уже сделать функционал. В веб-дизайне клиент же ожидает что сайт будет выглядеть таким-то образом. И TDD это тоже самое. Ты ещё ДО ТОГО как сел писать код ожидаешь что код будет работать так-то и так-то, возвращать то-то и то.
415 2916240
>>16218

> дизайнер знает


> ни одного слайда с инпутами в разных состояниях


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


> соберите эти 10 вариаций карточек по гозилиону слайдов


> собери функциональность списка таким же нескучным образом


> проёбанная типографика, от слова софсем


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


> кнопка закрыть фолдер уезжает вниз, надо до неё доскроллить - дизайнер нарисовал как сказали


> ...

416 2916335
>>15737
Идеальный кодстайл как раз, когда точек с запятой нету, а свисающие запятые есть

мимо
image.png92 Кб, 470x776
417 2916361
Сыто уже не будет
418 2916363
>>16335
точка с запятой нужна в любой случае.
код без ";" - код говна.

0.0001% проектов не ставят точку с запятой
419 2916377
>>16363

>точка с запятой нужна в любой случае.


Зачем?

>код без ";" - код говна.


Аргументы?

>0.0001% проектов не ставят точку с запятой


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

https://github.com/vercel/next.js/blob/canary/packages/next/server.js
https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/core/nuxt.ts
https://github.com/vuejs/vue/blob/main/src/core/index.ts
https://github.com/supabase/supabase/blob/master/packages/ui/index.tsx
https://github.com/koajs/koa/blob/master/lib/application.js
https://github.com/fastify/fastify/blob/main/lib/server.js
https://github.com/adonisjs/core/blob/develop/standalone.ts
https://github.com/TanStack/query/blob/main/packages/query-core/src/index.ts
https://github.com/framer/motion/blob/main/packages/framer-motion/src/index.ts
https://github.com/pmndrs/react-spring/blob/main/packages/core/src/index.ts
https://github.com/pmndrs/react-three-fiber/blob/master/packages/fiber/src/index.tsx
https://github.com/vercel/swr/blob/main/core/src/index.ts
https://github.com/pmndrs/zustand/blob/main/src/react.ts
https://github.com/chakra-ui/chakra-ui/blob/main/packages/core/system/src/index.ts
https://github.com/reduxjs/redux/blob/master/src/index.ts
https://github.com/reduxjs/redux-toolkit/blob/master/packages/toolkit/src/index.ts
https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby/src/services/index.ts
https://github.com/vitest-dev/vitest/blob/main/packages/browser/src/node/index.ts
https://github.com/vitejs/vite/blob/main/packages/vite/src/node/index.ts
https://github.com/evanw/esbuild/blob/main/lib/npm/node.ts
https://github.com/tailwindlabs/tailwindcss/blob/master/src/cli/index.js
https://github.com/cypress-io/cypress/blob/develop/packages/app/src/main.ts
https://github.com/prisma/prisma/blob/main/packages/client/src/runtime/index.ts
https://github.com/shadcn-ui/ui/blob/main/packages/cli/src/index.ts
https://github.com/nextauthjs/next-auth/blob/main/packages/core/src/index.ts
https://github.com/brianc/node-postgres/blob/master/packages/pg/lib/index.js
https://github.com/porsager/postgres/blob/master/src/index.js
https://github.com/typeorm/typeorm/blob/master/src/driver/Driver.ts
https://github.com/google/zx/blob/main/src/index.ts
https://github.com/mobxjs/mobx/blob/main/packages/mobx/src/core/observable.ts
https://github.com/hoppscotch/hoppscotch/blob/main/packages/hoppscotch-ui/src/plugin.ts
https://github.com/brave/brave-browser/blob/master/scripts/init.js
https://github.com/ipfs/ipfs-desktop/blob/main/src/index.js
https://github.com/webtorrent/webtorrent/blob/master/lib/server.js
https://github.com/npm/cli/blob/latest/lib/npm.js
419 2916377
>>16363

>точка с запятой нужна в любой случае.


Зачем?

>код без ";" - код говна.


Аргументы?

>0.0001% проектов не ставят точку с запятой


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

https://github.com/vercel/next.js/blob/canary/packages/next/server.js
https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/core/nuxt.ts
https://github.com/vuejs/vue/blob/main/src/core/index.ts
https://github.com/supabase/supabase/blob/master/packages/ui/index.tsx
https://github.com/koajs/koa/blob/master/lib/application.js
https://github.com/fastify/fastify/blob/main/lib/server.js
https://github.com/adonisjs/core/blob/develop/standalone.ts
https://github.com/TanStack/query/blob/main/packages/query-core/src/index.ts
https://github.com/framer/motion/blob/main/packages/framer-motion/src/index.ts
https://github.com/pmndrs/react-spring/blob/main/packages/core/src/index.ts
https://github.com/pmndrs/react-three-fiber/blob/master/packages/fiber/src/index.tsx
https://github.com/vercel/swr/blob/main/core/src/index.ts
https://github.com/pmndrs/zustand/blob/main/src/react.ts
https://github.com/chakra-ui/chakra-ui/blob/main/packages/core/system/src/index.ts
https://github.com/reduxjs/redux/blob/master/src/index.ts
https://github.com/reduxjs/redux-toolkit/blob/master/packages/toolkit/src/index.ts
https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby/src/services/index.ts
https://github.com/vitest-dev/vitest/blob/main/packages/browser/src/node/index.ts
https://github.com/vitejs/vite/blob/main/packages/vite/src/node/index.ts
https://github.com/evanw/esbuild/blob/main/lib/npm/node.ts
https://github.com/tailwindlabs/tailwindcss/blob/master/src/cli/index.js
https://github.com/cypress-io/cypress/blob/develop/packages/app/src/main.ts
https://github.com/prisma/prisma/blob/main/packages/client/src/runtime/index.ts
https://github.com/shadcn-ui/ui/blob/main/packages/cli/src/index.ts
https://github.com/nextauthjs/next-auth/blob/main/packages/core/src/index.ts
https://github.com/brianc/node-postgres/blob/master/packages/pg/lib/index.js
https://github.com/porsager/postgres/blob/master/src/index.js
https://github.com/typeorm/typeorm/blob/master/src/driver/Driver.ts
https://github.com/google/zx/blob/main/src/index.ts
https://github.com/mobxjs/mobx/blob/main/packages/mobx/src/core/observable.ts
https://github.com/hoppscotch/hoppscotch/blob/main/packages/hoppscotch-ui/src/plugin.ts
https://github.com/brave/brave-browser/blob/master/scripts/init.js
https://github.com/ipfs/ipfs-desktop/blob/main/src/index.js
https://github.com/webtorrent/webtorrent/blob/master/lib/server.js
https://github.com/npm/cli/blob/latest/lib/npm.js
421 2916398
>>16377

>vue, redux, next, vercel,gatsby


чел, ты скинул опущенных... ты бы еще скинул что-нить типа jquery
422 2916401
В чем смысл удалять точку с запятой?

Код становится не читаемый, нужно постоянно держать в голове "нужно следить за переносами, а точно тут не нарушена логика переносов"
423 2916408
>>16401

>удалять


)
424 2916422
>>16398
>>16390
Понятно, аргументов нет.

>>16401
Просто личное предпочтение. Держать в голове ничего не нужно, логика переносов не нарушается, если ты не пишешь конструкции, которые ломают код, если на предыдущем строке нет точки с запятой. Эти конструкции в современном коде абсолютно не нужны, например IIFE или деструктуризация без присваивания значений в переменные.
425 2916435
>>16401

>Код становится не читаемый


Твоё мнение. А для кого-то наоборот становится более читаемый. Что в вас за совкизм в голове, обязательно нужно навязать единственно правильное восприятие?
426 2916450
>>16422
>>16435

let Z=1 let X =2 let V
случайно не поставил перенос линтер не поправил, ошибка.

let Z=1; let X =2;let V;
случайно не поставил перенос, линтер поправил и ошибки нет.

Точку с запятой нужно ставить всегда
427 2916464
РИАКТ ФСЕ!!!!!!!!!!!!!!!!!!

https://www.youtube.com/watch?v=AtRB3VK56BA
428 2916519
>>16450

>let Z=1 let X =2 let V


>случайно не поставил перенос линтер не поправил, ошибка.


Prettier существует. Да это ещё до срабатывания преттиера поправит еслинт.

>Точку с запятой нужно ставить всегда


Почему авторы проектов из списка в посте >>16377 не знают об этом?
429 2916522
>>16464
Этот тоже убивает реакт, потому что не знает как работают темплейт стринг функции? Мне для справки. Что бы верцелы не делали, а релиз просто поделил макак на 2 лагеря: у которых sql вставки небезопасно и которые знают как работают темплейт функции.
430 2916526
>>14821
Скорее razor pages
431 2916535
>>16522
И есть третий лагерь где знают о существовании prepared statement в сиквеле.
432 2916536
>>16522
Коротко, куда перекатываться, в фулстеки или ангуляр?
433 2916545
>>16536
В кабаны. Кабан - всего пять букв, короче не бывает...
434 2916546
>>16522

>как работают темплейт функции


И как они работают?
435 2916548
>>16546
Делают бррр
436 2916688
>>16546
mdn открываешь и охуеваешь. Оказывается они ещё и вот так могут.
437 2917073
>>07838 (OP)

> export default MyGreatYoba;


в конце файла, это такая неофицальная договорённость между разрабами или есть бенефиты от этого? Мне на ум пришло только, что дифф в гите мб не затронет функцию, если мы ничего в ней не меняли.
438 2917114
>>16688
Открыл, охуел как могут. Зачем это может мне понадобиться не понял.
163774422413492066.png546 Кб, 1696x1222
439 2917172
Как часто придется верстать вот такой дизайн?
Сука у меня максимальное отвращение к этой хуйне, лучше уж тогда в бек пойду
440 2917187
>>17172
Сидят сука пезды феменистические дизайнерши сука понавысирались скурсов сами вашу корпоративную хуйню верстайте
441 2917207
>>17114

>2 лагеря: у которых sql вставки небезопасно и которые знают как работают темплейт функции.


Тебе в первый лагерь. Ауниггерзейн.
442 2917213
>>17172
Пчел ето одна картинка на каждый слайд. Это не верстать. Максимум положить свгшку в оптимизатор и отрезать лишних путей.

>стиль


С пробуждением. Это зуммеринговое атрофированное говно довольно модно и популярно.
443 2917223
>>17187
>>17172
Дебичи, научитесь экспортировать svg из фигмы
image.png176 Кб, 836x707
444 2917276
>>17172
Не часто, но бывает.
Самое сложное - анимация персонажей.
Т.к. можно взять чартерАИ для диалогов мини людей на сайте, а дать им сознание через чатГопоту, то остается только правильно преподнести движения и перенести характер того или иного персонажа.
445 2917293
>>17276

>дать им сознание через чатГопоту


Вкатуны2024
446 2917317
РИАКТ ВСЕ!
https://angular.dev/
447 2917367
>>17317
А в этом вашем ангуляре тейлвинд есть? Вроде кто-то уже отписался, что нет. Ну так что этого, того, самого, ну это, ну иди нахуй короче со своими недовбросами. Не набрать этому говну 300 постов за день как цсс срачу.
image.png461 Кб, 1026x936
448 2917440
>>17317
Какая же параша новый синтаксис.
Пиздец просто.
449 2917452
>>17440
ngIf директива лучше что-ли
450 2917455
>>17452
Лучше. Новый синтаксис какие-то шумы в голове вызывает.
451 2917473
>>17455
От шумов в голове есть хорошие таблетки: галоперидол называются.
452 2917491
>>17473
кто бы антисемиту посоветовал их.
453 2917934
>>17440
Какой же кал, и они что-то кукарекают на JSX?

>>17452
Тоже калище.
454 2918022
>>17491
Жидок, так попка болит?
455 2918155
>>17491
Какой ещё антисемит? Таблетки, шиз, и съеби в /po/ со своими антисемитами
>>18022
Зачем вы из политача повылезали?
456 2918172
>>18155
>>18022
>>17491
>>17473
Да будет семи[тская] резня антисеми[тов] и семи семени[тов].

Напомню, что свой конфиг антисеми[т] так и не показал. Вместо этого у него на готове список проектов на гитхабе, которым он видимо и коллег доёбывал пытался убедить, чтобы руль протолкнуть.
image.png580 Кб, 1000x667
457 2918248
Я начинаю чувствовать шум...
;̶̝̀;̸̨͂;̵̊ͅА̵͙̐н̷̻͝т̷̯͝и̵̪̅с̸̲̑е̸̬̋м̷̗̅и̵̻̇т̶̯̅ы̵̨͗ ̷̙̈б̷͚͠л̸̙̌и̷̳͠з̷͕͑к̷̟͝о̸͙͊;̴͖̇;̸̢̎;̸̭́
image.png38 Кб, 849x408
458 2918253
>>17934

>Какой же кал, и они что-то кукарекают на JSX?


Блять, ну тут даже подъебать реактомакак не получается.
Пиздец грязно себя чувствую. Будто Ангуляр на одну ступеньку ближе к реакту стал.

https://laravel.com/docs/10.x/blade#if-statements
Ну серьезно, блять, гугол, какой нахуй ларавель. Ну вы там ебанулись что ли? - >>17440
459 2918277
>>18253
И че? Недостаточно функци анально для зумеров? Мало магии? Вместо нее унылая процедурная реальность?
460 2918280
>>18277

>процедурная


императивная в смысле...
461 2918287
>>18277
Нахуй тащить новый функционал того же самого?
При этом тупо копируя ларавельку.
Нихуя же не изменилось кроме стиля логики в хтмл.

На хабре какие-то цитаты были, типо, ебать, вот нам жаловались, что с темплейтами сложна работать.
Какой нахуй сложно?

100% реактомакаки в штаны насрали. Решили и лучший фреймворк обосрать. Чисто как [Данные удалены] себя ведут.
462 2918504
>>18253

> Пиздец грязно себя чувствую. Будто Ангуляр на одну ступеньку ближе к реакту стал.


По-моему он через него перешагнул.
Вуе энджоер
463 2918537
Лол, проиграл. Моча за семитов не шарит и трет посты.
Ньюфажина тут старался, трясся, ради чего? Теперь и не узнает кто такие антисемиты.
464 2918538
>>18537
хотя может из-за нерелейтеда, похуй.
465 2918540
>>18537
Моча шарит, моча молодец.

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

t. Стукачок
466 2918574
Пора реально перекатываться с реакта на ангуляр.
vue стабильно хуже jquery
467 2918590
>>18540

>Стукачок


Чмок в пупок.
468 2918622
Всё таки удивляюсь как это уродилвое недоразумение под названием реакт всё еще существует.
Писать штимеле в джаваскрипте это сблев говна. useState, useEffect - сблев говна. Все должны были похоронить это недоразумение сразу же как вышел вуе1.
469 2918641
>>18622
И при этом вокруг него нормальные адекватные люди делают красивые вещи, например next. Как блядь? Как они попали в реакт экосреду. Может им фейсбук всё еще платит за то чтобы весь веб был на их говне, а не на чужом говне.
470 2918650
>>18622
vue слишком хуев чтобы опускаться до него
angular слишком редок в проде что бы подниматься к нему.

Реакт - среднячок.
471 2918663
>>18650

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


А что с ним не так? Всё из-за того что там китаёза?
472 2918665
>>18663
Не слушай болезненного. Вью и Нухт охуительные фреймворки и классны в проде
473 2918682
>>18663
Вуй - несерьёзное детское баловство.
474 2918690
>>18682
Пощему?
475 2918792
Помогите c css

Есть примерно такая разметка
<div class="main">
<div class="group">
<div>Говняк</div>
<div>Ролидовый</div>
<div>Нагрызолич</div>
<div>Наруто</div>
<div>Гарик Харламов</div>
</div>
<div class="group">
<div>Педалик</div>
<div>Абу</div>
</div>
<div class="group">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>
</div>

css:
.main {
display: flex;
justify-content: center;
gap: 0 10px;
}

.group {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 5px;
max-height: 70px;
}

Беда в том, что переносимые из-за ограничения высоты и flex-wrap: wrap элементы наезжают на следющий блок (пик1). Можно поставить gap в main побольше, но тогда третий элемент отъезжает (ппик2). Можно сделать 100% ширину, но тогда ненужное пространство образуется в 2 и 3-й группах (пик3). Нужно добиться, чтобы было как на пике 4.
475 2918792
Помогите c css

Есть примерно такая разметка
<div class="main">
<div class="group">
<div>Говняк</div>
<div>Ролидовый</div>
<div>Нагрызолич</div>
<div>Наруто</div>
<div>Гарик Харламов</div>
</div>
<div class="group">
<div>Педалик</div>
<div>Абу</div>
</div>
<div class="group">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>
</div>

css:
.main {
display: flex;
justify-content: center;
gap: 0 10px;
}

.group {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 5px;
max-height: 70px;
}

Беда в том, что переносимые из-за ограничения высоты и flex-wrap: wrap элементы наезжают на следющий блок (пик1). Можно поставить gap в main побольше, но тогда третий элемент отъезжает (ппик2). Можно сделать 100% ширину, но тогда ненужное пространство образуется в 2 и 3-й группах (пик3). Нужно добиться, чтобы было как на пике 4.
476 2918811
Сап.
Есть около года чтоб вкатиться в айти, потом мамка выгонит с хаты и будет жить с отчимом.
Так как у меня нет времени мять яйца и выбирать стек, взор пал на фронт, где дорога более менее ясна, требует меньше знаний для джуна и не требует вышки.
Всё правильно делаю или буду жить на улице через год?
Стикер54 Кб, 56x56
477 2918815
>>18811

>требует меньше знаний для джуна


Ну да, выучить 4 языка, 2 фреймворка и с десяток либ.
16883061241930.jpg141 Кб, 691x522
478 2918826
>>18811
Удачи, путник.
Какой лвл?
479 2918827
>>18792
Вот так работает.
.group {
@apply flex flex-col flex-wrap mr-5 border-green-600 border p-2;
height: 90px;
}
480 2918828
>>18792
сделай песочницу.
481 2918829
>>18811

> для джуна


Ты даже имагинировать не сможешь насколько высока сейчас план очка ждуна из-за орд вкатышей, которые по полгода на собес попасть не могут.
16600424289950.png313 Кб, 1075x716
482 2918831
>>18827
Говнеод, спокнись. Вкатышу нужен номальные коды.
483 2918832
>>18831
Может наоборот надо привыкать есть самое каловое говно сразу же.
484 2918878
>>18832
Вряд ли он попадет в НАСА или Нетфликс.
485 2918895
>>18878
А если в Роскосмос или Кинопоиск?
486 2918901
>>18895
Там говновилда нету.
487 2918916
>>18901
Правильно, как и в говнопочте, там говно которое срёт хешами, 10 перемещающихся контейнеров и нормально селектор под рекламу не напишешь.

мимо
488 2918927
>>18916

>срет хешами


Может засланный казачок из Яндекса.
489 2919027
>>18540
>>18537
Почистили чтобы шиз-политачер не серил в тред и перестал рваться, когда нормальные люди не понимают его галлюцинаций.
490 2919068
>>19027
Антисемит, спокнись, твои маняврирования не пройдут.

Показывай конфиг.

Всем похуй на твою заметку с ссылками на какие-то ноунейм проекты.
491 2919072
>>18815
Какие 4 языка?
js, ts
А ещё 2 каких? html, css что ли?
492 2919073
>>18916
Селектор можно и без использования классов написать, хоть через xpath пиши

>>18622
Чел, JSX большинству людей нравится, рыночек порешал, и я с ним согласен, JSX удобнее лютых других способов шаблонизации, потому что пишешь будто бы обычном JS/TS, да и JSX (TSX) даже в тайпскрипт был добавлен Майкрософтом
493 2919077
>>19068
Какой конфиг? Ты ебанутый?
494 2919078
>>19068
И с чего ты взял, что я какой-то антисемит, о котором ты не можешь перестать фантазировать?
495 2919079
>>18792
бамп
image.png6 Кб, 287x104
496 2919161
497 2919163
498 2919189
>>19073

>Селектор можно и без использования классов написать, хоть через xpath пиши


У меня ебало треснуло, когда я первый раз увидел, что там дивы местами поменялись. Потом они ещё раз поменялись местами. А потом уже наконец-то пропала необходимость пользоваться их почтой/календарём
499 2919209
>>19161
Вот ты пердишь, клован, решить проблему всё равно не сможешь.

https://codesandbox.io/s/869y78iohjky78o6789-2mpgn6
500 2919215
>>19209
с такими просьбами можешь пройти нахуй.

>проблему


>css


🤡
501 2919223
>>19215
Слился, как и ожидалось, клован
502 2919225
>>19209
Всё же работает.
503 2919262
>>19225
В фаерфоксе не работает, но я ничего лучше чем задать каждой группе ширину не придумал.
504 2919263
>>19209
А зачем тебе это надо? Можешь flex-grow подрочить, но что будет если во 2 группе добавится 2 коллнка?
505 2919265
506 2919291
>>19263

>flex-grow


Это ничего не поменяет. Фаерфокс не может посчитать ширину одной группы с двумя колонками. Он этого не может если прям на сайте МДН так сделать. flex на .main нам вообще не нужен, мы можем задать на .group inline-flex.
https://codesandbox.io/s/869y78iohjky78o6789-forked-rpjh67?file=/src/styles.css
507 2919352
>>19291
В мейне это ради гапа нужно.

Чем вообще заменить такое поведение ,чтобы фф работал?
508 2919375
>>19352
ФФ нужен только деньги гугла отмывать.
509 2919383
>>19352

>Чем вообще заменить такое поведение ,чтобы фф работал?


Можно задать ширину. Можно флекс врап убрать и каждую колонку в группе в свой див обернуть.
510 2919388
>>19375
>>19352
На, работает с гридами прямо как ты хочешь.
https://codesandbox.io/s/869y78iohjky78o6789-forked-sp3fvf?file=/src/styles.css
511 2919390
>>19383
ФФ пидорасит похоже от врапа в колонку, и на глазик - высчитывает ширину контейнера по максимальному элементу.
Чтобы применить даже ch как он хочет - надо посчитать сколько будет символов. Браузер для пердолей ежжы. Пусть гриды берёт >>19388 и будет щастье.
512 2919423
>>18811
впизду js бро, Java/C#, без шуток
513 2919566
>>19390
>>19388
Тащить грид ради одного блока в одном браузере...
514 2919568
515 2919575
>>19566
Мне похуй, пусть страдает.
516 2919808
>>19423
Боюсь я туповат для бекенда, плюс там сложнее найти удаленку, а с удаленкой шансы найти работу в разы выше т.к не придется переезжать в устьпиздюйск
517 2919816
>>19808
Ну смотри сам конечно, у всех свои обстоятельства. В любом случае рекомендую подтянуть базу (архитектура приложений, TDD, алгоритмы). Есть 5-6 топовых книжек которые рекомендуют прочитать всем (авторы - Макконнелл, Фаулер, роберт мартин), как немного набьешь руку, можешь ознакомиться, поможет очень сильно.
518 2919838
>>19073

>большинству


Это НПЦ без внутреннего монолога.
519 2919847
>>19423
Это еще почему?
Аргументируй.
520 2919860
>>19423
Меньше вкатунов, ну и на том же C# поприятней писать чем на js/ts.
521 2919862
Screenshot2023-11-13-09-45-15-25.jpg410 Кб, 1080x2400
522 2919889
Screenshot2023-11-13-09-45-15-25.jpg410 Кб, 1080x2400
523 2919890
# OP 524 2919927
# OP 525 2919928
# OP 526 2919929
527 2919931
https://codesandbox.io/s/react-window-with-table-elements-d861o?file=/src/index.tsx
Вот типовая задача отрендерить большой список. Через пять минут встает задача отрендерить большую таблицу и мы получаем это.
Почему так? Почему веб в таком говне? Потому что реактомакаки умственно отсталые долбоебы. Не смогли всей индустрией написать нормальный список за 10 лет.
528 2920103
>>19838
Это ты придумал, или пруфы есть? Если по делу, то рыночек так порешал, не важно нпц люди или нет. Большинство рынка это реакт. Возможно потому что с JSX намного удобнее работать, чем с шаблонами вью или ангуляра.
Тред утонул или удален.
Это копия, сохраненная 3 февраля в 19:37.

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

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