Wpisy z tagiem: vue

Test pewnego pomysłu - komponent do uploadu plików z trochę nietypowym podejściem do UI

https://github.com/js29a/uz

a tutaj (niedokończona jeszcze) jego dokumentacja: https://pub.js29a.info.pl/pub/wiki/UZ

style są do niczego, bo jest on zrobiony tak, żeby dało go się dowolnie ostylować - te style co są występują tylko po to, żeby było cokolwiek widać. więc ostylowanie jest de facto 'do it yourself'

Napisałem prosty komponent w Vue-3, który służy do uploadu plików. Bodźcem było to, że chciałem móc zadać, ile plików jednocześnie ma być ładowanych. Jest ogólny, prawie niczego nie wymusza, daje pełny feedback (progress w %, błędy, pliki w kolejce, pliki właśnie ładowane, pliki już załadowane, itp.), pracuje na slotach (po jednym dla każdego stanu) z callbackami i zdarzeniach. Można go użyć zarówno w gołym Vue-3, jak i z np. Quasarem.

Link do demo tego uploadera: https://vite.js29a.usermd.net/#/q/upload

To demo ładuje pliki 'w kosmos', tzn. na mój serwer, ale tylko z feedbackiem w formacie JSON, który zresztą jest wyświetlany 1:1. Można bez problemu zwracać np. miniaturki plików graficznych - potrzeba dosłownie parę linijek kodu. Błąd można wymusić przez plik o nazwie 'err.html'.

Pliki dodaje się przez przycisk 'Pick' albo drop w polu. Auto start - rozpoczynanie uploadu od razu po zadaniu plików. Auto reset - automatyczny powrót do stanu początkowego, bez raportu o załadowanych plikach. Keep going - błąd nie przerywa procedury uploadu, na końcu pojawi się info o błędach.

Wiem, grafika jest do niczego. Ogólnie do jest test stosu Vite - Quasar - Vue-3, więc jest tu sporo przycisków 'po nic', ale chodzi mi o sam sens publikacji uploadera. Jakby ew. doszło do publikacji, to przerobiłbym to na gołe Vue-3, żeby nie zaciemniać sprawy.

No i mam dylemat - temat (chyba) nadaje się na artykuł, ale nie wiem, czy warto go pisać. Jest tam parę 'smaczków', da się to łatwo połączyć także z OAuth2. Jakie jest Wasze zdanie - publikować to, czy nie warto? Średniozaawansowanym chyba by pomogło ...

O #svelte pisał już @Haskell rok temu we wpisie: https://4programmers.net/Mikroblogi/View/47662

Zwróćcie uwagę jak prosta i przejrzysta jest składnia, w porównaniu do np. #react, czy chociażby #vue:

<script>
	let name = '';
</script>

<input bind:value={name} placeholder="enter your name">
<p>Hello {name || 'stranger'}!</p>

Wydana została wersja 3.0 Vue.js: Info: https://github.com/vuejs/vue-next/releases/tag/v3.0.0

#vue