@massejferguson: nie znudziły Ci się jeszcze te baity? ( ͡° ͜ʖ ͡°)

@terror_blade: w wiekszych projektach group by feature, robie osobny folder pod konkretny ficzr

https://github.com/alan2207/bulletproof-react

w components trzymam rzeczy globalne pod ui, jak logo, header, jakies buttony

wiec na twoim przykladzie zrobilbym folder

features/products/components
features/products/store

etc

no ale jak ci wygodnie, group by feature duzo wygodniejsze w większych projektach

edit: ogolnie jeszcez dodam, ze no starasz sie unikac duzych komponentow, rozbijasz na jak najmn iejsze, oczywiscie, nie ma co przesadzac i rozbijacPokaż całość

@terror_blade: mozesz wymsuzac na componentach w naziwe pliku

nazwacomponentu.client.vue
nazwacomponentu.server.vue

@massejferguson: jeśli potrzebujesz aż tyle i wciąż ci mało to coś jest nie tak

@massejferguson: jak ktos ci ksiazki poleca to mu nie wierz

@ujdzie: Oczywiście, rozumiem Twoje obawy i potrzeby. Wydaje się, że masz kilka opcji, zależnie od skomplikowania Twojego projektu i wymagań.

1. Jedna Duża Aplikacja JS: Możesz stworzyć jedną dużą aplikację (np. w Vue.js lub React), która będzie obsługiwała różne części Twojego systemu. Za pomocą routingu i dynamicznego importowania możesz kontrolować, co jest ładowane na różnych stronach. To pozwoli Ci na utrzymanie spójności i wykorzystanie wspólnych komponentów.

2. Wielokrotne Małe AplikacjePokaż całość

@tos-1_buratino: indeksują się tak samo jeśli treść jest renderowana po stronie serwera, a ta najważniejsza tu jest. Ale na SEO na pewno najbardziej ucierpi to, że pozmieniali linki nie dając przekierowań (301) ze starych

@piotroso: a stare linkują do głównej xD

@daro1: Tego podejrzewam nie wie nikt, technologia się zmienia. Ktoś zrobi coś lepszego, szybszego, wygodniejszego prędzej czy później - to może być za rok, a może być i za dziesięć lat.

Dlatego proponuję uczyć się programować, a nie uczyć się języków czy frameworków.

@daro1 tak jak napisał przedmówca, lepiej nauczyć się wykorzystania języka a w konsekwencji, po zdobyciu doświadczenia można dojść do wniosku że te wszystkie frameworki tak na prawdę opisują kilka powtarzających się wzorców. W każdym języku, przy użyciu dowolnego framweroka można napisać gówniany kod :)

@UrimTumim: Użyj zmiennych środowiskowych .env.development i .env.production, zdefiniuj target np.:

VUE_APP_API_TARGET=http://localhost:765/ i VUE_APP_API_TARGET=/
https://github.com/vitejs/vite/discussions/2260#discussioncomment-408439

@UrimTumim: Jak chcesz mieć różne ścieżki w pliku index.html to spróbuj tak:
1 dodaj pliki .env.development i .env.production ze ścieżkami
2 W projekcie zainstaluj vite-plugin-html
3 W vite.config zdefiniuj zmienne
4 W pliku index.html dodaj te zmienne np. href="<%= favicon %>/favicon.ico"

Wrzuciłem przykład na repo
https://github.com/skav3n/vite-urim-tumim

@NoToTenTego no a backend Ci to obsłużył?

A po co Ci do tego vuex? Pobierasz w jakimś komponenecie nadrzędnym dane z API, wyswietlasz je, z API pobierasz ilość elementów, dzielisz to przez ilość elementów którą chcesz mieć na stronie i to daje maksymalny element paginacji. W vue piszesz logikę jak te elementy podzielić na tablicę np [[1],[100,101,102],[666]] w zależności od tego jaki element jest aktywny. później tej tablicy używasz do wyrenderowwania paginacji. Aktywnej strony i parametrów używasz do budowaniaPokaż całość

@login_zajety_sic: przeca dość ładnie jest opisane tu: https://nuxtjs.org/deployments/

np. problem z obsługą modali

@ddiazepam: jaki masz problem z obsluga modali? U nas dzialaja bez problemu ( ͡° ͜ʖ ͡°)

@ddiazepam Ja mam skomplikowane formy w kilku tabach w modalach i wszystko smiga, ale rozumiem ze jestes poczatkujacy i szukasz czegos prostego – intertia wymaga jednak troche doswiadczenia i ogarniecia, czasem trzeba podłubać/pokombinowac

Zacząłem korzystać z TypeScript razem z Vue2

@wobloblo:

@wobloblo: Ostatnio się o tym już wypowiadałam, więc łap linka: https://www.wykop.pl/wpis/67440137/no-hej-mireczki-mirabelki-z-tagu-w-dzisiejszym-pyt/#comment-239599373 ( ͡° ͜ʖ ͡°)

@SlimKirby :)

myślę że tak, ważne żeby tobie było wygodnie

@terror_blade: a czego brakuje temu pierwszemu że musisz mieszać?

Nadal nie rozumiem tego hype na tailinga. Cofanie się w czasie to epoki Twitter bootstrap gdy był zbiorem CSS.

Tyle fajnych design systemów zapewniających to co stary Twitter bootstrap czy tailwind plus masa nowych fajnych bajerów a ludzie cofają się do starego. I efekt jest taki że albo klepiemy od zera własny design system bazując na CSS z tailwinda albo robimy mieszańcaPokaż całość

@voot: angulara nikt się nie uczy obecnie. Większość rynku to korpo seniorzy i dalej dziura.
React i vue to kwestia gustu. Jak nie znasz się na fe to klep w vue. W react łatwo napisać gówniany kod a vue cię praktycznie prowadzi za rękę

@voot:

react+ts, zaufaj mi bro</blockquote>

@przepyszna_frytka: Panie, googluj to.
https://sdickinson.com/nginx-config-for-single-page-applications/

Wydzielenie logiki do osobnej klasy i np wsparcie vuexem jeśli jest potrzeba?

@Lucy_Fear: ja bym polecał pinia (https://pinia.vuejs.org/) ze względu na to, że jest we Vue3 domyślną proponowaną opcją przy instalacji

@diofantos: Może w main.js zrób coś takiego:
(() => {
... do sth;
new Vue().$mount('#app');
})();