Что все такие лучше использовать во VueJS — собственный синтаксис или JSX?

Question

[bpGusar]

Что все такие лучше использовать во VueJS - собственный синтаксис или JSX?

Мне как тому кто юзал только React удобнее конечно же JSX синтаксис, но нормально ли это юзать его во VUE на постоянке?

Comments

[Vitaliy]

это индивидуально, так как выбор стоит между привычным HTML с возможностью юзать препроцессоры, и не таким привычным JSX с возможностью статического анализа

[alex]

jsx в рендер-функциях полезен. если вы их не юзаете, то лучше использовать вьюшный шаблонизатор

[bpGusar]

Виталий Столяров, препроцессоры в плане css или вьюшные?

[Vitaliy]

bpGusar, HTML препроцессоры

[bpGusar]

Виталий Столяров, jsx привычнее для меня лично. а от всех препроцессоров тошнит если честно. люблю обычный хтмл

[Vitaliy]

bpGusar, тогда какой смысл вопроса, если ответ заранее известен?

[bpGusar]

Виталий Столяров, мне интересно было узнать как принято делать. понятно что я МОГУ делать как хочу, но важно не МОГУ а как я ДОЛЖЕН ибо так лучше может быть. вот в чем смысл

[Vitaliy]

bpGusar, очевидно же, что принято НЕ через JSX

Answer 1

[Александр Талалаев]

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

Но повторюсь:

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

А так, Vue с JSX дружит, поддерживается.

Comments

[Александр Талалаев]

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

[Александр Талалаев]

Сергей Некий, я не понимаю о чём мы спорим.
1. Я сам написал что во многих ситуация проще и легче использовать обычные шаблоны.
2. Ну ок, я вам не авторитет, но надеюсь создатели Vue авторитеты? Понимаете нередко в сложных проектах нужно писать собственные рендер функции для своих компонентов, поэтому и советуют использовать JSX, а не стандартный интерфейс рендер функций.
Еще раз, JSX не для замены шаблонов самого vue, а для упрощения кода при использовании рендер функций, чтобы их написание было максимально приближено к шаблонам.
Не вижу противоречий и проблем.
А уж по каким причинам разработчик/архитетор решает конкретную задачу (тем или иным способ, шаблоном, шаблоном в компоненты, просто html, через рендер функции) это отдельный разговор, конкретные цели и задачи, конкретного проекта.
И да, вполне возможно вам это никогда не пригодится. НО, это не значит что так нельзя, или это прям принципиально плохо.

Answer 2

[profesor08]

Конечно с JSX, смотришь как на обычный js код, а с использованием typescript вообще улет. Все прозрачно и понятно. Этого всего нет в стандартном шаблоне.

К тому же, если умеешь хорошо в html и плохо в js, то будет повод окрепнуть.

Ну и бонусом + к чсв.

Answer 3

[Василий Назаров]

Я бы исходил из того, что JSX не является стандартом во Vue, а фрейм - это в том числе (или даже в основном) - единство подходов для разных разработчиков.
И личное мнение: JSX - это вообще какое-то непотребство, зачем это тянуть в проект на прекрасном гармоничном Vue?

Answer 4

[beduin01]

В любом проекте ориентируйтесь прежде всего на дальнейшую поддержку. Вам 95% времени придется код не писать, а читать. JSX будет вам лишь усложнять понимание и чтение кода.

Comments

[Александр Талалаев]

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

[profesor08]

Александр Талалаев, не надо распинаться, все козыри у JSX, у шаблона преимущество в простоте для тех, кто плохо умеет в js.

[beduin01]

profesor08, дизайнеры тоже должны знать JSX?

[profesor08]

beduin01, а должны знать Vue?

[beduin01]

profesor08, HTML хватит

[profesor08]

beduin01, тогда зачем их вообще приплетать? Речь про разработчиков и инструменты, которые им нужнее. А то что там дизайнер умеет в html, ну пусть умеет. Vue шаблоны и JSX подчиняются тем-же правилам. А если задача генерировать html код, то в любом случае надо учить js, а в случае Vue еще и директивы.

[beduin01]

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

[profesor08]

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