mastodontech.de ist einer von vielen unabhängigen Mastodon-Servern, mit dem du dich im Fediverse beteiligen kannst.
Offen für alle (über 16) und bereitgestellt von Markus'Blog

Serverstatistik:

1,4 Tsd.
aktive Profile

#primevue

0 Beiträge0 Beteiligte0 Beiträge heute
aaron ~# :blinkingcursor:<p>I tried <a href="https://infosec.exchange/tags/vuejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vuejs</span></a> today and decided to use it for my project. <a href="https://infosec.exchange/tags/PrimeVue" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PrimeVue</span></a> has some really handy components which match my usecase perfectly. A <a href="https://infosec.exchange/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://infosec.exchange/tags/uiframework" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uiframework</span></a> is such a gamechanger.</p>
Kito D. Mann<p>#74: But it’s soup </p><p>After a long hiatus, the whole gang is back! <span class="h-card" translate="no"><a href="https://mastodon.social/@javajuneau" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>javajuneau</span></a></span> <span class="h-card" translate="no"><a href="https://mastodon.social/@dhinojosa" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>dhinojosa</span></a></span> @ianhlavats and <span class="h-card" translate="no"><a href="https://mastodon.social/@kito99" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>kito99</span></a></span> are joined by pilot and <a href="https://mastodon.social/tags/OSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OSS</span></a> contributor, <span class="h-card" translate="no"><a href="https://mastodon.social/@lprimak" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>lprimak</span></a></span>. They discuss <a href="https://mastodon.social/tags/microprofile" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>microprofile</span></a>, <a href="https://mastodon.social/tags/htmlx" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>htmlx</span></a>, <span class="h-card" translate="no"><a href="https://mastodon.social/@devoxx" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>devoxx</span></a></span> Genie, <a href="https://mastodon.social/tags/IntelliJ" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>IntelliJ</span></a> <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AI</span></a> Assistant, <a href="https://mastodon.social/tags/Apache" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Apache</span></a> <a href="https://mastodon.social/tags/Shiro" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Shiro</span></a>, <a href="https://mastodon.social/tags/Arquillian" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Arquillian</span></a>, <a href="https://mastodon.social/tags/PrimeVue" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PrimeVue</span></a>, <a href="https://mastodon.social/tags/PrimeNG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PrimeNG</span></a>, <a href="https://mastodon.social/tags/Angular" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Angular</span></a>, <a href="https://mastodon.social/tags/BDD" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BDD</span></a>, <a href="https://mastodon.social/tags/Jsoup" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Jsoup</span></a>, <a href="https://mastodon.social/tags/JBake" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JBake</span></a>, <a href="https://mastodon.social/tags/TestContainers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TestContainers</span></a>, and much more! <a href="https://www.pubhouse.net/2024/10/stackd74-but-its-soup.html" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">pubhouse.net/2024/10/stackd74-</span><span class="invisible">but-its-soup.html</span></a></p>
Aaron Longchamps<p>Did you know: it helps if you include &lt;router-view /&gt; if you want the Vue router to render your content?! That's all I was missing.</p><p>Now I'm going to get into the styling of the rest of the pages.</p><p>I might make use of the PrimeVue InPlace type and make text areas that you can click to edit, and send those back to the HTTP PATCH operation on the backend. That's the whole point of that REST operation.</p><p><a href="https://infosec.exchange/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://infosec.exchange/tags/primevue" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>primevue</span></a> <a href="https://infosec.exchange/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://infosec.exchange/tags/vue" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vue</span></a></p>
Aaron Longchamps<p>I'm testing out PrimeVue for my Vue demo project and I finally discovered (figured out) that if you want to use the PrimeVue elements, you need to name them on import and use those names in the HTML tags.</p><p>Vue also complains if you don't use unique names since you're not allowed to overwrite the existing HTML elements because of course you can't. This makes a ton of sense and I'm glad I figured it out now while I'm working to get all the pieces of my app in place.</p><p>The code ends up looking like this a lot and I'm using pv* for my prefix:</p><p>import pvbutton from 'primevue/button'<br>app.component('pvbutton', pvbutton)</p><p>then in HTML, you use:</p><p>&lt;pvbutton ....&gt;&lt;/pvbutton&gt;</p><p><a href="https://infosec.exchange/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programming</span></a> <a href="https://infosec.exchange/tags/learning" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>learning</span></a> <a href="https://infosec.exchange/tags/vue" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vue</span></a> <a href="https://infosec.exchange/tags/primevue" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>primevue</span></a> <a href="https://infosec.exchange/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://infosec.exchange/tags/fullstack" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fullstack</span></a></p>
Kito D. Mann<p>New update policy for PrimeTek Premium Templates and UI Kit: <a href="https://buff.ly/46rm0KS" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">buff.ly/46rm0KS</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/primefaces" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>primefaces</span></a> <a href="https://mastodon.social/tags/primevue" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>primevue</span></a> <a href="https://mastodon.social/tags/primeng" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>primeng</span></a> <a href="https://mastodon.social/tags/primereact" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>primereact</span></a></p>
Kito D. Mann<p>Thrilled to have been PrimeTek's partner for over a decade! RT @primefaces: Looking for expert guidance, reviews, development, or mentoring for PrimeTek products? Check out <a href="https://virtua.tech/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">virtua.tech/</span><span class="invisible"></span></a>, our trusted partner! They're the go-to resource for taking your project to the next level. <a href="https://virtua.tech/home-primetek" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">virtua.tech/home-primetek</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/primefaces" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>primefaces</span></a> <a href="https://mastodon.social/tags/primevue" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>primevue</span></a> <a href="https://mastodon.social/tags/primereact" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>primereact</span></a> <a href="https://mastodon.social/tags/primeng" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>primeng</span></a></p>
Kito D. Mann<p>RT @primefaces: Looking for expert guidance, reviews, development, or mentoring for PrimeTek products? Check out <a href="https://virtua.tech/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">virtua.tech/</span><span class="invisible"></span></a>, our trusted partner! They're the go-to resource for taking your project to the next level. <a href="https://virtua.tech/home-primetek" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">virtua.tech/home-primetek</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/primefaces" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>primefaces</span></a> <a href="https://mastodon.social/tags/primevue" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>primevue</span></a> <a href="https://mastodon.social/tags/primereact" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>primereact</span></a> <a href="https://mastodon.social/tags/primeng" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>primeng</span></a> <a href="https://virtua.tech/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">virtua.tech/</span><span class="invisible"></span></a></p>
Shini92 :ablobblewobble:<p>For a company application I need to pick one of these <a href="https://mas.to/tags/component" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>component</span></a> frameworks: <a href="https://mas.to/tags/naiveui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>naiveui</span></a> <a href="https://mas.to/tags/primevue" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>primevue</span></a> <a href="https://mas.to/tags/quasar" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>quasar</span></a> <a href="https://mas.to/tags/vuetify" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vuetify</span></a></p><p>- It's a fresh project using <a href="https://mas.to/tags/vue" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vue</span></a> v3 and consumes <a href="https://mas.to/tags/apollo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>apollo</span></a> <a href="https://mas.to/tags/graphql" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>graphql</span></a><br>- It will have <a href="https://mas.to/tags/Datatables" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Datatables</span></a> and <a href="https://mas.to/tags/calendar" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>calendar</span></a> functionalities<br>- It needs to be styled so that it fits to the company branding (but we are using <a href="https://mas.to/tags/roboto" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>roboto</span></a> and we are very close to <a href="https://mas.to/tags/materialdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>materialdesign</span></a>)</p><p>Which component framework do you prefer and why?<br>Are there any others that are useful?</p><p>Please <a href="https://mas.to/tags/boost" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>boost</span></a> for visibility 👁️</p>