Какой выбрать фреймворк для фронтенда?

Question

[Александр]

Доброго дня! Появилась идея для веб приложения. Учу спринг и решил совместить учебный процесс с написанием чего-то не просто учебного, а так сказать интересного (по крайней мере мне). Бек на java + spring. Сейчас вопрос выбора фреймворка для фронт енда, нет желания погружаться в JS, т.е фронт должен быть максимально прост в написании, но красивым. Пока из самых популярных визуально понравился vaadin. Подскажите мб кто-то что-то посоветует.

Comments

[Афанасий Захаров]

А у вас опен-сорс проект?
И что за задумка, не расскажете? хотя бы в общих словах.

[Александр]

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

[Афанасий Захаров]

Александр, я бы, наверное, поискал человека, который в процессе обучения фронтенду, и смог бы сделать проект вместе с вами.

Answer 1

[Алексей Джо]

т.е фронт должен быть максимально прост в написании, но красивым

нет желания погружаться в JS

Оксюморон. Vue.js, angular.js, react.js - фреймворки специально разработаны для упрощения девелопмента на фронте. Учи javascript

Comments

[Александр]

Оксюморон.

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

[Алексей Джо]

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

[Александр]

cyb0rg_01, я и не говорил подробный, вот пример https://demo.vaadin.com/dashboard/#!dashboard вот такое, это прям подробный фронт? или как пример ваадина наоборот, более менее прост и весь на java?

Answer 2

[eRKa]

Если без js, то никакой никакой, делайте статичными страницами. Хотите интерактивность и как положено, придется разбираться в js.

Comments

[Александр]

понимаю, да, что придется, но хочется минимизировать, вот пара примеров vaadin'а https://demo.vaadin.com/sampler/
https://demo.vaadin.com/dashboard/#!dashboard
пишут фрейм на java, мб все таки тут JS не так много? собственно потому и задал вопрос что не могу выбрать пока

[eRKa]

Александр, ну нет фронт фреймворков без js. Фронт фреймворки потому и появились, чтобы предоставить готовую инфраструктуру или апи в зоопарке потребностей html, css, js и так или иначе его работа завязана на js. Если Вы минимизируете, то потребность в фреймворке отпадает и остаются статичные странички, в лучшем случае с серверным рендерингом.

[Александр]

eRKa, ну собственно про vaadin этим и немного отличается... Нагрузкой на сервер

Answer 3

[profesor08]

Тебе в любом случае надо изучить html, css, js как минимум, хотя бы чтоб понимать что там делается. Вот тебе понравился vaadin и ты привел примеры демки, но демка работает на js, и рендер на js. Не хочешь js, ограничься статикой, выдергивай уже отрендеренные элементы и собирай из них свой макет, медленно погружаясь в пучину верстки.

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

Answer 4

[Владимир Мальков]

Как человек, который совсем недавно прошел путь начинающего фронтенда, советую начинать с чистого js. реализуй все на нем, а потом познакомься с jQuery и зарефактори свой функционал. Потом поочередно почитай введения документации каждого фреймворка (angular, react, vue), попробуй сделать их примеры. И вот тогда тебе самому будет понятно, с чьей документацией проще работать и какие плюшки к ТВОИМ js навыкам дает фреймворк.
Короче не стоит учить js для фреймворка, но стоит учить фреймворки для js (отдавая себе отчет, что есть фреймворк и всякие shadow dom и templates).

Comments

[Александр]

Это как вариант стать фронт разработчиком. Согласен верно. Пока времени нет увы. Надо малой кровью.

Answer 5

[Frozen Coder]

Не хотите в js-фреймворки? Тогда делайте по старинке - всё на сервере и отдавайте страницы. JSP, thymeleaf или freemarker - выберите один. + jQuery, у которого плагины на все случаи жизни есть. Чтобы было красиво и быстро (фигак-фикак), то берете какой-нибудь css-фреймворк, например bootstrap, у которого и с jQuery есть некоторая связь. Фигачите страницы из компонентов бутстрапа, добавляете динамизма через jQuery, логику формирования страницы на шаблонизаторе (JSP, thymeleaf или freemarker).

Но кажется, что вы уже выбрали vaadin :)

З.Ы. Что ни возьми, разбираться придется и это нормально. Не хотите пока что разбираться, тогда может пока не писать фронт, а сконцентрироваться на бекенд-приложухах?

Comments

[Александр]

Да акцент на бек енд в том и суть. Там больше интереса я и ищу то на фронт что красиво и меньше сил потребует

[Александр]

Но кажется, что вы уже выбрали vaadin :)

сочетание java + красивый интерфейс) вот и весь выбор) потому и спрашиваю

[Frozen Coder]

Александр, если выбрали, то вопрос звучит немного некорректно. Вы спрашиваете какой выбрать, но уже выбрали). Может стоило спросить какие есть приемущества, недостатки, ограничения конкретно у vaadin или что-то вроде. Я слышал они в последней версии основываются на web-components (сам с ним не работал), а это хорошо, это стандарт будущего, поэтому не тратье на тостер время, берите и пилите).

[Александр]

Eugene Aristarhov, вот наверное это лучший подход, надо пробовать не получится возьму другое, понимание хотя бы будет)

Вы спрашиваете какой выбрать, но уже выбрали)

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

Answer 6

[Василий Васильев]

VueJS попробуйте. Если через vue-ui проект создавать - то не нужно будет в конфигах сборщиков даже ковыряться, просто тыкаете что хотите установить - и вью сам все делает. Минимальную логику писать - даже не нужно знать жс по сути, банальный копипаст из документации/гитхаба/стака с подстановкой своих параметров. Да и документация очень хорошая, за 2-3 вечера можно осилить. Плюс вью отлично работает с формами, в отличии от того же реакта.
Как говорится, вью - для тех, кто устал от ангуляра и реакта =)
Из графики могу посоветовать Vuetify, не очень гибок, но прост в настройке и красиво смотрится. А специфические модули вроде чартов легко ставятся все через тот же vue-ui.