Как вы организовываете код на фронте?

Question

[Андрей]

Всем привет!
Достался мне проект, который велся несколькими поколениями программистов. Ребята использовали все, что только могли. vanila js, jquery, backbone, knokout и в конце – angular.
Глядя на все это разнообразие встает вопрос – а как лучше это организовать, чтобы не было так мучительно больно?
Как вы организовываете код на фронтенде? Чем пользуетесь, собираете, где храните?

Answer 1

[khipster]

Используйте принцип KISS («keep it simple, stupid»).

Comments

[Андрей]

супер, ответ на все случаи жизни. И, что самое главное, по существу)

Answer 2

[Faber Estello]

Как вы организовываете код на фронтенде? Чем пользуетесь, собираете, где храните?

Что? - JS (был, есть - лучше всех вместе взятых библиотек) + (ну если уж нужно то все остальное)
Чем? - gulp
Где? - git

P.S: Как по мне.

Comments

[Андрей]

нет, вопрос не в этом, а скорее, как организовываете, как раскладываете.

Answer 3

[Дмитрий Беляев]

vanila js + jquery и vanila js + angular будут источниками трудноотлаживаемых утечек памяти, поэтому если есть такая возможность, лучше выкинуть эту лапшу и написать с нуля на том, что знаете. На рефакторинг, наверняка, время будет убито больше чем просто сделать все заного.

По сборке: webpack + commonJS модули

Comments

[Андрей]

А код на модули как бьете? по какой логике?

[Дмитрий Беляев]

Андрей: общая логика выносится в модули-библиотеки, такие модули лежат в папке lib
остальное по компонентам

Answer 4

[Ihor Gevorkyan]

Рекомендую посмотреть, какую архитектуру кода предлагают популярные yeoman генераторы