How to choose a stack for layout for Bitrix?

Question

JavaScript

Hello. We need advice, help, etc.
One rather big project is being prepared - an information web portal, requirements - Bitrix. There is a developer, junior + level with experience in Bitrix (I note this, more details later).
On my front, I write mainly in Vue, earlier a little React, even earlier Gulp + Pug.
Now the question arose about choosing a stack and got stuck. As far as I know, Vue can be screwed under Bitrix, but there are nuances in this - a risk + a developer with relatively little experience, so it's not suitable. Returning to Gulp + Pug is out of the question, how relevant in 2020.

As a result, the question is: which stack should I choose to get a REGULAR layout as a result, but at the same time so as not to turn my head when developing a multi-pager with a lot of interactive?

Answer 1

HTML+CSS+JQUERY

Answer 2

You can just as easily take Vue and collect separate ups for those pages where necessary. With its stor, router. Something like MPA. Somewhere in general it will be possible to get by with built-in widgets. Nobody bothers to determine on the back where the components will be in the markup and immediately fill them with data:

<header></header>
<div class="vue-component" data-component="VueCart" data-initial="{}"></div>
<footer></footer>

It remains to correctly configure the assembly and dynamic imports of components for the required routes.

Answer 3

You make layout using the assembler, preprocessors and all other tools that are convenient for you.
Give the junior a ready-made build with HTML / CSS, which he integrates into Bitrix.