Александр
Но для express - это bad practice
Александр
Лучше делать отдельно rest или rpc api
И потом отдельно фронтом обращаться к нему.
Hide
получаешь по api объект в виде json и отрисовываешь уже в браузере.
Если хочешь вообще все на node.js делать, тогда тебе нужно прям в nodejs полностью формировать html строку, вставлять туда данные и отправлять клиенту.
Да я вот тоже думал возможно это менее извращенный вариант 😆
Александр
если тебе хочется именно так, тогда лучше переходи на python + django
или php + laravel или php + yii
Александр
Вот там именно так работает и без гемороя)
Делаешь html template и делаешь вставки на php или python)
Александр
Но это доисторический подход =))
Александр
Хотя и рабочий впринципе)
Александр
На ноде так обычно не делают =)
Александр
А так вот https://nodejsdev.ru/guides/metanit/express-ejs/
Александр
Есть еще pug
Александр
И handlebars
Александр
https://nodejsdev.ru/guides/metanit/express-handlebars-layout/
Александр
Мне лично привычнее handlebars, но он вроде как не сильно гибкий
Hide
если тебе хочется именно так, тогда лучше переходи на python + django
или php + laravel или php + yii
Нее там вата ещё больше учить. Зачем голову забивать если по JS есть проигресс.
Hide
По Django смотрел там вообще все по другому
Hide
А PHP фигня устаревшая
Александр
По Django смотрел там вообще все по другому
ну не сильно то подругому))
Все фреймворки +- похожи
Александр
Просто django высокоуровневый. У него под капотом такая же фигня как express) просто python
Hide
Это ясно. Там настройки все другие.
Hide
Принцип похожий но танцы с бубном питоновские))
Александр
возможно) Для меня сейчас нет разницы =)
Александр
но в целом да
honey
третий ?
Александр
второй отличается.
Третий чуть меньше отличается, но тоже не привычно по началу
Александр
В реакте все функция
А во вью принято разделять темплейт и контроллер
Александр
там тоже компоненты, но структура отличается
honey
а, ну во 1 реакт - блиблиотека) мне Паша недавно сказал
honey
вью - фреймворк
honey
там тоже компоненты, но структура отличается
я посмотрела, да, что и там и там компоненты пишешь
структура немного другая
Александр
https://blog.logrocket.com/vue-3-react-developers-side-by-side-comparison-demos/
Александр
я и на том и на том писал (vue2 правда), мне по началу vue нравился больше пока не завезли функциональные компоненты
Александр
потом пересел на react (вынудили)
Pavel
honey
я и на том и на том писал (vue2 правда), мне по началу vue нравился больше пока не завезли функциональные компоненты
тебе не нравятся функциональные компоненты?
honey
мне больше не нравится писать классы
хотя это потому, что я их особенно и не использовала много
только разбирала и готовилась к кор жс (в это время)
Pavel
ты же на реакте пишешь!
Ну да, но начинал с vue, моя самая первая работа была на vue и мне тогда реакт меньше нравился
honey
Finira
Не нравилось когда их не было
Finira
Я тоже на вью 2/3 работала и недавно познакомилась с реактом, и захотелось больше на нем работать
Finira
Хз пожалею или нет)
Finira
Но nuxt 3 ужасно не стабильный
Александр
react гибкий) vue потому и называется framework, тк диктует правила и структуру у проекта.
а реакт как угодно собирать можно)
Александр
но прототипы проще на vue писать
Александр
react требует чуть больше кода
Александр
Зато в долгую он выигрывает при оптимизации и при написании кастомных каких-то вещей
Александр
Но опять же) Это было справедливо с vue2
Александр
Vue3 уже имеет другую концепцию.
Александр
а) У vue2 еще был геморой с typescript, у меня бошка болела от типизации вьюшных компонентов)
Александр
Я прям выдохнул, когда на реакт перешел. А TS во всех компаниях где работал был стандартом.
Александр
Вот не знаю как у vue3 дела обстоят с TS
Они вроде в третьей версии как раз и пытались затащить нормальную поддержку TS
Finira
Александр
п.с. для примера)
Я щас вообще некоторые фишки без реакта и вью пишу)
Для тестирования каких-то идей они только нагромождают код)
Александр
Вообще считаю, что начинать нужно с чистого JS, там сейчас все что нужно есть.
А потом уже, когда приходит понимание как браузер работает и движок отрисовки DOM, тогда уже переходить на либы и фреймворки)
Александр
Считаю, что прежде чем переходить на react или vue, нужно попробовать самостоятельно реализовать mvc паттерн например.)
Hide
Сразу фигачить фреймворки лишь бы работало! 😆
Hide
Кстати тупой вопрос
Hide
В курсе реакта щас вижу реакт роутер
Hide
Если у меня на экспрессе роутинг есть
Hide
То на реакте просто запросы к апи?
Hide
Александр
react router - это навигация по страницам
api на бекенде к этому отношения не имеет =)
Александр
react router позволяет отрисовывать компонент в зависимости от того что у тебя в адресной строке введено)
/ - один компонент
/info - второй компонент
/blabla?id=1000 - третий компонент с параметром
Hide
А получается если у меня статика на экспресс там свой роутинг, а если на экспресс просто апи то роутинг на реакте можно?
Hide
Александр
ага
Александр
это два разных роутинга
Hide
Уф спс разобрался
Hide
Сломал голову почему класс не рендерится динамически
Hide
А там нет ошибки в коде. Просто бутстрап старый в курсе
Hide
Подстановка неактуального класса 🙈
Александр
Это полезно чтобы понимать как это все было. Но сейчас везде функциональные компоненты и хуки :)
Hide
На классовых компонентах делаешь?
Не совсем понимаю. Там создаётся файлик jsx внутри класс а внутри этого класса весь нужный html и функция render
Hide
Вот прошёл как подстановку динамическую в скобках { } делать внутри html тегов и вместо class=``