Осилит ли такой проект PUG?

Question

[newhacke]

Вообщем задачка такая собираю проект довольно таки большой, но без особого функционала. Изначально думал делать на реакте но потом пришел к тому, что вроде как он не настолько большой что бы его использовать, но там встерчаются подобные рода задачки вроде того, что есть 20 отелей соответственно, не хотелось бы вручную создавать каждую страничку и в ручную забивать туда всю движуху. Типа страничка однотипная но описание фото и т.д. порядка 15 блоков инфа разная. В реакте это было бы просто сделать с помощью какого то обьекта и перебирать через мап, в зависимости от урла, рендерить компоненту с правильным значением. Что думаете по этому поводу, как правильно поступить? Потому что есть мысли, сделать через pug + scss и собрать этот проект в гилпе. Ну а с пагом особо сильно не знаком, о его возможностях, почитал доку ее особо не много, и зашла очень тяжело. Какие мысли ребят? Как правильно выстроить процесс разработки и какой стек?

Answer 1

[Алекс Глебов]

pug mixin может принимать объект, и дальше его перебираете
https://pugjs.org/language/mixins.html

Осилит ли такой проект PUG?

Это полноценный язык шаблонов, он любой проект осилит

Comments

[newhacke]

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

[newhacke]

ну и ваше мнение, как лучше сделать на реакте или без?

[Алексей]

newhacke, почитайте доку по pug и все станет ясно. Вкратце - создаете миксин и пишете цикл - это все в .pug файлах

[newhacke]

Алексей, да я понимаю как вставить 1 2 3 5 переменных, а как вставить 100 переменных?
и каждую переменную вставить туда куда нужно

[Игорь]

newhacke, пин от немного другого вопроса, но в целом видно как работает миксин с обектом

[newhacke]

Игорь, я просто не понимаю честно. У меня в голове типо такого

let box = {
name: '123',
age: '123',
page: '123',
mage: '123',
}

mixin ggg(box)
.div box.name
.div box.age
.div box.page
.div box.mage

____________________

+ggg(box)

[Алекс Глебов]

я не до коцна понимаю, в каком файле создавать обьект, в js файле или в pug?

в pug

можете в песочнице кинуть пример того как в разметку с паг вставить обьект с 10 и более свойствами

mixin article(data)
  .article
    .article-wrapper
      h1= data.title
      p!=data.text

на странице

+article({title: 'мой заголовок', text: 'мой текст'})

ну и ваше мнение, как лучше сделать на реакте или без?

я на spa фреиморке делаю если много аяксовых блоков, если текстовые страницы, то по старинке, страницами.

Для верстки использую tars, там все настроено для pug уже

[kn1ght_t]

newhacke, https://pugjs.org/language/iteration.html

[Игорь]

newhacke, я ответ написал, а ссылку вставить забыл)
https://codepen.io/igor307/pen/JjYbmoq
Но тут уже тебе пример Алекс Глебов набросал

[newhacke]

Алекс Глебов, почитал про tars именно то что нужно спасибо