Logo

dev-resources.site

for different kinds of informations.

My Journey with Svelte: From Vue to Svelte and the Joy of Pure JS Libraries

Published at
11/17/2023
Categories
daisyui
sveltekit
go
business
Author
tinkerbaj
Categories
4 categories in total
daisyui
open
sveltekit
open
go
open
business
open
Author
9 person written this
tinkerbaj
open
My Journey with Svelte: From Vue to Svelte and the Joy of Pure JS Libraries

I apologize for my absence over the past few days. I've been incredibly busy, but I'm back with an exciting story to share.

When I first started developing this web application, I utilized the Golang Gin framework and Vue 3. I have no significant complaints about Gin, but Gofiber is faster, and I prefer to minimize expenses for long-term sustainability. Building a successful startup is a daunting task, and every cent counts.

Regarding the frontend, I've been a Vue user for several years and naturally gravitated towards Vue 3. I appreciate its improved composition API, which makes it even more user-friendly. However, as the project grew, I faced challenges integrating external JS libraries due to the scarcity of Vue ports. I was reluctant to create my own ports due to time constraints, and using my own functions felt inadequate.

I had previously heard about Svelte and had even worked with it on a project during the Sapper era. I decided to revisit Svelte and installed SvelteKit and Svelte 3. Surprisingly, I grasped it quickly. Defining props is unnecessary; instead, you simply

export let someprop
Enter fullscreen mode Exit fullscreen mode

. Similarly, declaring computed properties is straightforward, using

$:
Enter fullscreen mode Exit fullscreen mode

Everything is truly intuitive and effortless.

The most significant advantage of Svelte is its ease of incorporating pure JS libraries.
While you can use

onMount
Enter fullscreen mode Exit fullscreen mode

for this purpose, my preferred method is leveraging actions and easily integrating them using

use:someaction
Enter fullscreen mode Exit fullscreen mode

.

For the next post, I'll delve into the business side of my journey, including my current efforts to secure investors and partners. I'm also eager to learn about effective methods, websites, and forums for attracting sponsors and partners.

Please share any insights or recommendations you may have regarding finding investors and partners. I appreciate your support and look forward to your feedback.

Image by pch.vector on Freepik

daisyui Article's
22 articles in total
Favicon
Creating a To-Do app with HTMX and Django - Part 3: Creating the frontend and adding HTMX
Favicon
What is DaisyUI? Advantages, Disadvantages, and FAQโ€™s
Favicon
DaisyUI: CSS Components for Tailwind
Favicon
Discover the beauty of simplicity with ๐——๐—ฎ๐—ถ๐˜€๐˜†๐—จ๐—œ! ๐Ÿš€
Favicon
daisyUI adoption guide: Overview, examples, and alternatives
Favicon
Getting started with Tailwind + Daisy UI in Angular 18
Favicon
๐ŸŽ‰ My First Shot at a Vue Library: Introducing masc-vue!๐ŸŒŸ
Favicon
Binary Duel, front-end in 2 weeks with Svelte and DaisyUI
Favicon
My Journey with Svelte: From Vue to Svelte and the Joy of Pure JS Libraries
Favicon
Stop flickering theme after page refresh in Sveltekit and Daisy UI
Favicon
DevTips โ€“ DaisyUi (Rating, Carousel)
Favicon
Building Contact Form in React with DaisyUI and Tailwind CSS
Favicon
Create an Emoji Selector for Next.js Forms using Tailwind + DaisyUI
Favicon
Install TailwindCSS and DaisyUI CSS Plugin with Angular
Favicon
Configurar DaisyUI con Vue3
Favicon
Setting up DaisyUI, Tailwind, Vue and Vite
Favicon
How to build a multi step form in Vue
Favicon
DaisyUIใงใƒ‡ใ‚ณใฃใŸPhoenixใ‚ขใƒ—ใƒชใ‚’Fly.ioใซใƒ‡ใƒ—ใƒญใ‚คใ—ใฆๆฅฝใ—ใ‚€(2022ๅนด)
Favicon
Get started creating beautiful designs with daisyUI
Favicon
Quick Prototyping with Tailwind and DaisyUI
Favicon
Adding Tailwind and Daisy UI to SvelteKit
Favicon
Sveltekit web gallery app

Featured ones: