169 похожих чатов

Осталось ли что-то в веб чтобы следовало парадигме разделения -

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

62 ответов

35 просмотров

angular? Везде можно наговнять если постараться

ангуляр, у тебя каждый компонент это три файла - ts, html, и css

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

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

Roman- Автор вопроса
Oleg Volobuev
А для чего нужна такая парадигма? Используйте совр...

да прост интересно стало что есть. ибо не хочется чтобы была каша из разметки стилей и кода

Roman- Автор вопроса
ramen
ангуляр, у тебя каждый компонент это три файла - t...

а как реакт выглядит глазами ангулярщика? в чем минусы и плюсы?

на реакте не очень много писал но, не нравится вариативность решений (для форм можно использовать formik, можно react forms, как то так, стейт менеджер может быть разный effector, redux, mobx, роутинг если не ошибаюсь тоже разный, и по хорошему нужно знать все из этого, в ангуляре в этом плане все едино), стили тоже можно по разному писать, и мягко говоря очень не нравится css in js, выглядит очень странно. также реакт предоставляет определенную свободу действий что ведет зачастую прям к адскому говнокоду, в ангуляре все получше с этим) ну и хуки имхо в целом такое себе, но это уже вопрос привычки больше

Roman
а как реакт выглядит глазами ангулярщика? в чем ми...

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

дикий спиральный аттрактор
Не знаю, огромные файлы получаются

Это проблема не самого подхода SFC, а огромного компонента

Andrei Kurosh
Это проблема не самого подхода SFC, а огромного ко...

Да компонент нормальный - 20 строк кода, 60 разметки, но если добавляется ещё 70 строк стилей он становится большим

дикий спиральный аттрактор
Да компонент нормальный - 20 строк кода, 60 размет...

был на проекте где был css in js, там компоненты были по 1000 строк кода (500js 150-200 html и остальное css) у меня было просто порванное ебало когда я с этим работал. как будто если бы было три файла попроще было бы

дикий спиральный аттрактор
Да компонент нормальный - 20 строк кода, 60 размет...

Ну значит компонент состоит из 150 строк, для его понимания нужны все, и какая разница на сколько файлов их размазывать?

Roman- Автор вопроса
ramen
на реакте не очень много писал но, не нравится вар...

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

ramen
был на проекте где был css in js, там компоненты б...

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

Andrei Kurosh
Ну значит компонент состоит из 150 строк, для его ...

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

Roman- Автор вопроса
дикий спиральный аттрактор
Как правило если ты нормально верстаешь тебе нужны...

Ну и отлично, если располагать по порядку - код, разметка, стили. В одном случае нужна верхняя часть файла, в другом нижняя :)

Roman
ну кстати понимаю, меня тоже подбешивает когда нет...

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

Roman- Автор вопроса
Oleg Volobuev
А что мешает поместить логику отвечающую за стили ...

ну вообще мне кажется просто на разные типы разрабов все. кто из кода входил в версику тем приятнее css in js кто из вёрстки в код css modules. а кто версиал сайты на элементоре в вордпресс тому тайлвинд))

Roman
а ещё в чем разница в концепции?

классы - функции, разный менеджмент состояния, разный подход к обнаружению изменений, разная инкапсуляция стилей, это как минимум

Andrei Kurosh
150 строк это не огромный

На реакте он мог бы быть в 80

Roman- Автор вопроса
Andrei Kurosh
Ну и отлично, если располагать по порядку - код, р...

тут вопрос удоства доступа - если в разных файлах клацаешь сайдбар и переключаешь а так скролить туда сюда

Roman- Автор вопроса
Andrei Kurosh
За счет чего?

За счет того что стили отдельно

Roman
а как реакт выглядит глазами ангулярщика? в чем ми...

начнем с того, что сравнить реакт и ангуляр, это уже ошибка

Roman- Автор вопроса
ramen
ну типа)

понял. ну в целом реакт с того же начинал. и ушел в сторону функций из-за удобства инкапсуляции и тестирования

Hey 👋, i'm Samvel 🦊
начнем с того, что сравнить реакт и ангуляр, это ...

та почему, разный взгляд на фронтенд, прикольно жеж

Roman
почему

потому что, реакт это либа, а ангуляр полноценный фреймворк

Roman- Автор вопроса
Roman- Автор вопроса
Hey 👋, i'm Samvel 🦊
некст же про сср?

позиционируется как реакт фреймворк

Roman
позиционируется как реакт фреймворк

реакт от фреймворка еще далеко

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

Roman- Автор вопроса
Hey 👋, i'm Samvel 🦊
короче так, выбор между ангуляр и реакт, это еще н...

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

Roman
понял. а в ангуляр уже стандартно инструменты из к...

у ангуляра есть реактивные формы, есть мощный httpClient, там используется rxjs ( реактивное программирование ), короче есть все, чтобы установить ангуляр, и начать пилить проект

Roman- Автор вопроса
Hey 👋, i'm Samvel 🦊
у ангуляра есть реактивные формы, есть мощный http...

понятно, интересно конечно, мне нравится это

Hey 👋, i'm Samvel 🦊
у ангуляра есть реактивные формы, есть мощный http...

И че нельзя сделать на реакте, что можно на ангуляре?

Hey 👋, i'm Samvel 🦊
у ангуляра есть реактивные формы, есть мощный http...

в чем проблема все эти зависимости добавить в реакт и все?

Rain
И че нельзя сделать на реакте, что можно на ангул...

вы наверное неправильно поняли, где я такое сказал?

Rain
И че нельзя сделать на реакте, что можно на ангул...

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

ramen
тут не вопрос можно/нельзя, а скорее вопрос удобст...

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

Rain
Думаю без разницы скорее даже на реакте все чуть ...

а если еще нужно отлавливать статусы по типу touched pristine dirty…

ramen
а если еще нужно отлавливать статусы по типу touch...

Там на реакте куча готовых менеджеров форм

Rain
Там на реакте куча готовых менеджеров форм

ну вот я с ними в реакте очень вскользь работал, но что то помню там не очень все хорошо…

ramen
ну вот я с ними в реакте очень вскользь работал, н...

Единственная проблема которую ангуляр решает, так это унификация стандартов в реакте вообще стандартов нет

ramen
а если еще нужно отлавливать статусы по типу touch...

забыли добавить , про не отменяемые промисы, надо велосипедить )

Ilya
axios.CancelToken не, не слышали?

ахиос же не в реакте

Ilya
axios.CancelToken не, не слышали?

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

Что за боязнь смешения слоев, да и нельзя это назвать смешением. Изначально все было в одной куче, вот вы порисуйте на canvas, webgl, там все в одном и все работает прекрасно.

Roman- Автор вопроса
S S
Что за боязнь смешения слоев, да и нельзя это назв...

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

Похожие вопросы

Обсуждают сегодня

а зачем этот вопрос для удаления из чата?
Mёdkinson Medvezhkin
63
Всем привет! Подскажите. Я написал приложение на Delphi 10.2 Tokyo под Windows 10. И передо мной стал вопрос о том чтобы сделать это приложение кроссплатформенным (под Linux и...
Дмитрий Завгородний
24
Привет всем. Подскажите где можно посмотреть, какая версия электрон, поддерживает версии windows? Некий changelog. Мне бы желательно, поддержку 7,8,10... latest, как понимаю и...
Anonym Squad
21
Портфолио: Зовут меня Александр, мне 36 лет. Город Пушкино. Общий рабочий стаж: ~14 лет Уровень квалификации: Senior Full-stack developer Где прочесть мой код? https://github....
Magic
10
Не ну фпц - это уже просто троллинг какой-то. Элементарный код нельзя собрать. ЧЯДНТ? program Project1; {$mode delphi} uses SysUtils, Classes, Generics.Collections; var...
Peter
4
а где есть mysql cloud кроме яндекс-клауд?
Oleg Nosov
13
Есть ли смысл устраиваться на 1с ? Даст это плюс в дальнейшем трудоустройстве на php? Просто у меня в городе вакансий на пхп нету. Или лучше удаленно искать. Опыта работы нету...
Azamat
13
hi im a cs student. i need some advice from people who have enough experience in Embedded Software. I need to know whether this profession is suitable for me. I have watched s...
Sahand 🏔️
8
А кто-нибудь запихивал сборку перловых модулей/образов с perl приложениями в окружения без интернета (в специализированном CI/CD)? У меня сейчас есть ряд cpanfile, которые н...
Andrey Smirnov / 𝓪𝓵𝓵𝓽𝓮𝓻 /
14
Кстати а покупал кто-нибудь ЭЦП для подписи кода? А то у меня на некоторых компах и ОС иногда SmartScreen винды программу за вирус принимал. Если купить такую ЭЦП и подписыват...
Дмитрий Завгородний
15
Карта сайта