Design and Technology Process

Svelte is an easier to use/setup technical stack that simplifies modern builds. The "compile" strategy incorporates best in class "front" client side and "back" dynamic server side and API connections.

Svelte 1.0 is soon to be published.

Recent "naming" prefixes have been updated. I'm really looking foward to strategizing with Svelte. It is extremely Design Friendly.

Notes and updates below. I'll update this frequently.
YSL - Native Vanilla Compile Enterprise Builds

Svelte

Breaking Changes

File System / Naming Convention updates before 1.0 Release
‍
Prefixs have been updated to make the logic simpler
-legibility improvements
-files are organized into more functional groupings
‍
link to article
Sveltekit updates

Skeleton

getting started

npm init svelte@next [nameofyourproject]
‍‍
Follow stepped choices
Skeleton Project
No Typescript
ES Lint
Prettier

cd [nameofyourproject]

npm install
‍
Sveltekit

SVelte UI Kits

https://medium.com/mkdir-awesome/8-popular-svelte-ui-components-d2a3e43d70c3#db83
Advantages of Svelte over React
  • You can use regular CSS
  • You don't need to add "extras": useState, useEffect, useContext
  • You can Semantically declare Elements with Scoped CSS: Nav, Body, Section, Image, List, etc... these are natively ADA compliant
  • Context and Nested Templates can automate Usability and Functions, manage token based (PCI and HIPAA) integration to Web 3 Wallets and to API first E Commerce APIs, Inventory Management, Returns and Real Time CRM integrations.
  • Server Side Data can be modeled in File System or with Async Vanilla Fetch
  • CSS is Scoped by default, and Sass/Tailwind can be added simply to File System
  • Forms are native and use regular Crud Operations, Handle Error, Success, Received with UI and Redirects
  • Gated and oAuth protected routes can be dynamically set
  • File Based Routing and Architecture / Natural Organization without knowing how to "code"
  • Watch and State Moderation / Webhooks can be managed per collection, html, svg, css, div, section, js. Workflow is element based.