Товарищи, доброго времени!


Прошу подсказать на каких фреймворках верстают сайты сейчас?

Спасибо

Claude/Grok/ChatGPT

(1) Совершенно верно!

https://tailwindcss.com/

(3) странная штука. я, конечно, не верстальщик ни разу, но в чём плюсы этой балалайки я так и не врубился.

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

(0) Bootstrap, Bulma

(0) Я спросил у Яндекса...
https://yandex.ru/search/?clid=9582&text=На+каких+фреймворках+сейчас+верстают+сайты&l10n=ru&lr=213

(0) 1сники - на Элементе

(8) Или снимая нервный стресс от 1С Элемента ( https://app-840949.1cmycloud.com/applications/Poslovitsy login: test pw:test)

на пыльном Bootstrap и Django ( http://django.t9163188.beget.tech/catalogs/ )

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

ну и не надо придумывать имена классов ))

(9) джанго? сейчас нулевые годы что ли? бековские фреймворки практически все сейчас используются только как апи, фронт давно на реакте и т.п.
соответственно фреймворки там все js-овские со всей этой чертовщиной которая там популярна

(9) Какой там json-формат для загрузки пословиц? У меня есть 1354 пословицы для загрузки
Может прикрутишь загрузку из простого текстового файла?

(11) например на мисте?

Любой фреймворк — это зависимость от вендора. Оно вам надо?

(12) Да самый простейший формат пословиц json
[
{
   "id":"618",
   "name":"Одним миром мазаны. ",
   "title":"(Поговорка применяется, когда говорят о людях, которых объединяет общая черта характера, схожесть, или общая цель.)"
}, ...
]

(15) Откуда мне знать id?

Сделай загрузку из текстового файла. Каждая пословица с новой строки

(16) да, в пхп это прекрасно реализовано https://www.php.net/manual/en/function.file.php

но что делать, если их на пару гигабайт?

(17) Их столько в мире нет.
У меня файл 80 Кб

(16) Так у меня с длинным пояснением.
"name":"А воз и ныне там. ",
"title":"(Цитата из басни И. А. Крылова. Смысл поговорки в том, что не смотря на все разговоры и обещания по какому-либо делу, ничего кроме болтовни не сделано.)"

И одна из претензий к 1С:Элементу была в том что невозможно скрыть длинные поля в списке автоматически при изменении размеров экрана.

(19) Пояснение потом заполнишь в фоновом режиме через нейронку.

(17) Как и в 1С использовать потоки🔥
https://www.php.net/manual/en/function.fgets.php

(9) 1. в элемент не заходит test/test
2. во второй ссылке
- непонятно назначение галок - ставь их или нет, все равно в эксель сохраняется всё.
- поиск в поле фильтр регистрозависимый - искал бабу, не нашёл, только Баба ищется)

(22)
1. Зашел с телефона в разных браузерах. Интересно это только у Вас не работает?
2. Да выгружается все (было сделано как простой пример выгрузки - не помню откуда очередой срач обсуждение было )
3. Да поиск регистрозависемый.  
Особенности фильтрации моделей в Django
Сделал Q(name__contains=strFilter) , как рекомендуют Q(name__iregex=strFilter) не делал.

Проектик - https://github.com/mobilesikuda/HelloDjango

(9) А чего форму пословицы при открытии так колбасит? Фишка Элемента?

(24) Вот и я пока интуитивной простоты не понимаю...
Как API например дать в Элементе?
В Джанго API рулят -  http://django.t9163188.beget.tech/catalogs/api?format=json

(25) а такой проектик залили в рамках бесплатного хостинга от бегета?
beget.tech - на нем беспл сайты крутятся вроде, если не ошибаюсь

(26) Что тестировал, уже не помню что и как-то зацепило проверить django хостинг, платный (10,52 ₽/день) но мне понравился (личное мнение). Личный бложек sprinthost.ru, там тоже есть python.
Это не реклама их, если кто рекомендует хороший хостиyг для Python буду раз посмотреть.

Вообще django разрабатываю и тестирую локально, а потом уже длинный путь git - обновление на хостинге (Как в 1С тестовая база -> обновление рабочей базы)

(22) Сделал регистроНЕзависемый поиск

(28) Какой поиск ты сделал?

(29) Нормальный программист 1С - сначала написать, потом подумать🤦
Кстати __iregex почему-то не работает на хостинге, локально работает
Переделал на __icontains, но он локально (windows) не работает...

(30) пайтон — это стильно, модно, современно

(31) Python - Это цинично, дешево, практично
Похоже этот язык монополизирует нишу скриптового языка для всего: для начинающих и продолжающих...

(32) Так же как  ЖаваСкрипт. Он сейчас везде, и в браузере, и на ПК, и на Бэкенде, и даже в микроконтроллерах адаптированная версия. Если нужно что-то по быстрому написать, то не будешь устанавливать ради этого Питон, Среду разработки, библиотеки, и прочее, когда проще сразу на ЖС написать скрипт любом имеющемся браузере или в голой винде, и тут же запустить и даже тут же отладить.

А еще Го тоже монополист. На нем даже ТайпСкрипт переписали (разновидность ЖаваСкрипта)

ЗЫ: У меня по работе используются четыре языка(Питон, Го, ЖС, и еще обычная Жава), и больше всего мне нравится Го и ЖС. Буду изучать Го более углубленно и впоследствии переходить с Питона на Го, Жаву буду обходить стороной, а ЖС он всегда пригодится как дополнение к Го.
Раньше было много легаси на ПХП, но благополучно от него избавились и забыли как страшный сон.

(33) Тема чем плох PHP не раскрыта(только болтовня - "синтаксис ужасный,мусор в виде знаков доллара" = не стильно, "и эти скобочки = <?php" не модно, "разрешенная мешанина HTML и ПХП" = не современно)🤦
Кстати у beget по умолчанию python хостинг внутри dockers

(34) почитал на досуге пропозалы и планы к PHP 9, они там решили порубить всё старьё метлой поганой, улучшить контроль типов и разогнать JIT.
прям вкусняшки

(34) пхп - зашибись

(34) Про минусы ПХП уже много раз писали. Навскидку: Нет нормальной работы со ссылками, чтобы правильно передать функцию по ссылке в переменную, нужно использовать костыли, обертывать ее в другую функцию, либо передавать не по ссылке, а по текстовому названию, как было задумано в ПХП, а это дичайший зашквар по современным стандартам.
Ну и сам синтаксис ужасный, всюду этот мусор в виде знаков доллара, разрешенная мешанина HTML и ПХП в одном файле, и эти скобочки <?php выглядят просто неприятно.

"Наколи мне брови, кольщик, наколи!"

(32) прикольный питон. как бейсик.
вся мощь все равно в куче сторонних библиотек.
не знаешь их - считай что на ассемблере пишешь.

(37) у вас устаревшая информация. С 8.1 в php существует нормальный callable https://www.php.net/manual/en/functions.first_class_callable_syntax.php

Мешанину из php и html нормальные люди давно не пишут (впрочем, модный и "прогрессивный" react передаёт вам привет).

Остальное – вкусовщина

(40)+ в движке мисты тот php-код, который встроен в HTML, по архитектурному соглашению между мной и мной, должен быть на другом диалекте PHP и не должен содержать бизнес-логики

Вот что надо отметить положительного на Мисте - при масштабировании страницы на телефоне - адекватно масштабируется текст с переносами под ширину.
.
А открываешь какой-то типа серьезный сайт, раздвигаешь экран - а вот хрен тебе. Подстройки под ширину нет с принципе. Ну не мударасы ли...

(40) Так и есть. Даже разработчики ПХП признают что язык плохой, и пытаются переделать его во что-то другое, в Го или в ЖС. И нормальные люди давно не используют основную фичу языка - вставки ПХП внутрь ХТМЛ.
Но мусорные знаки доллара вряд ли когда-нибудь уйдут.

Реакт не использует мешанину ХТМЛ, ты перепутал с JavaScript XML (jsx), который лишь тесно связан с реактом, но не реакт.

(43) вот типичный react-компонент:

export default function Avatar() {
  const avatar = 'https://i.imgur.com/7vQD0fPs.jpg';
  const description = 'Gregorio Y. Zara';
  return (
    <img
      className="avatar"
      src={avatar}
      alt={description}
    />
  );
}

прям привет из php нулевых

ну и какбэ, если википедия (иностранный владелец ресурса нарушает закон РФ) не врёт, то "JSX ... Initially created by Facebook for use with React"

Больше трэша!

const App = () => {
   const sections = [1, 2, 3];

   return (
     <div>
       {sections.map((n, i) => (
           /* Each 'key' must be unique */
           <div key={"section-" + n}>
               Section {n} {i === 0 && <span>(first)</span>}
           </div>
       ))}
     </div>
   );
}

(44) Какой-то бред про привет из нулевых. На ПХП сейчас пишут точно так же:

function Avatar() {
  $avatar = "https://i.imgur.com/7vQD0fPs.jpg
  $description = "Gregorio Y. Zara";

  return "
    <img
      class=\"avatar\"
      src=\"$avatar\"
      alt=\"$description\"
    />
  ";
}

С той лишь разницей, что в ПХП пока не завезли JSX, поэтому пишем просто текстом, без валидации, но надеюсь что завезут в будущем.

Наверное я не совсем понятно объяснил что такое JSX. Придется провести урок Реакта.
В твоем примере типичный реакт-компонент с JavaScript XML, или JSX - это как раз те вставки похожие на ХТМЛ разметку, но это не ХТМЛ.
Вот как выглядит тот же самый пример просто на реакте:

export default function Avatar() {
  const avatar = 'https://i.imgur.com/7vQD0fPs.jpg';
  const description = 'Gregorio Y. Zara';

  return React.createElement('img', {
    className: 'avatar',
    src: avatar,
    alt: description
  });
}

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

(47)
> На ПХП сейчас пишут точно так же

вообще в php сейчас (ну как "сейчас", уже более 15 лет так точно) используют шаблонизаторы типа twig или blade

> JSX - это очень крутая и модная штука сейчас. Все на нее переходят

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

(48) Правильно, шаблонизаторы существуют и их используют. Но мы сейчас говорим про пример выше, без шаблонизаторов.

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

(49) (48) По-моему, мы обсуждаем теплое с мягким:
React это библиотека для web и "native user interfaces"
PHP - серверный язык для web сервера (а его фреймворки<==>библиотеки, они интересней)
"Это JSX — расширение языка JavaScript. Мы рекомендуем использовать его, когда требуется объяснить React, как должен выглядеть UI. JSX напоминает язык шаблонов, наделённый силой JavaScript."

(49) без шаблонизаторов тебе никто не мешает на php через  https://www.php.net/manual/en/class.domdocument.php фигачить (я, кстати, так когда-то делал, работает)

(51) Да, так тоже можно, но не удобно.

Интересно компонент Django Form можно считать "расширением JSX"?
если в шаблоне используется {{ form.as_p }}  (функция as_p() разделить поля формы параграфами <p>)

(52) вот и реакт неудобно. либо вермишель с jsx.

Как там у кота Матростина было:
"А я все чаще замечаю,
Что меня в 1С будто кто-то подменил.
О Python-ах все мечтаю,
GraphQL мне консоль запросов заменил."

(54) Ты исключение из правила, если тебе реакт неудобно.

(56) ИИ всегда хвалит людей.