IonicSvelte - all of Ionic's UI in one svelte app

Hi

so I have started putting all UI goodies of Ionic in a Svelte app.

Here the link to the app:

https://ionicsvelte.firebaseapp.com

And the code which is working in progress

Looking forward to you feedback!

Regards

Tom

5 Likes

And an update: I added a sourceviewer. So immediately you can see the (HTML/Javascript/Svelte) code while looking at the great stuff

Great initiative!
I was thinking of doing something similar to showcase design concepts to customers.

1 Like

Thx. Any feedback to improve is much appreciated.

Is it ok if I send pull requests to this project when something comes to mind?

1 Like

Sure thing

Raise issue or whatever comes into mind

Happy to see it becoming more useful

Hi thank you for what looks like a great showcase for Ionic’s framework !
Though i haven’t succeeded to work with it on safari on iOS on iPad Pro and I’m sad not being able to go through the showcase on the device.
Buttons do not load the drawer and double tapping breaks the app.
What’s the current state of the app? Are you still maintaining?
Also may be it’s related to https://github.com/Tommertom/svelte-ionic-app/issues/1

1 Like

Hi
thx for the headsup. It aint working on my side anymore either. Also in chrome. I see there is an error on some object.
Sorry about the inconvenience. Will drop a line once I fixed it.
Tom

Hi
found it. The index.html is referring to the generic CDN which is now upgraded to Ionic 5. Which has breaking changes.

So just needed to have the scripts refer to Ionic 4 CDN. Done!

Also explains why it appeared without me having done anything - learning point to make more explicit reference to versions when using CDN

Regards
Tom

Hi
just to let you know I just published the Ionic 5 upgrade to Ionic Svelte. Some warnings to fix.

Only issue I still need to research is why the menuController does not close the menu.

1 Like

The menuController thing is fixed… :slight_smile: and already gotten a PR, which is great!

Typescript arrived for Svelte. Now becoming a serious alternative to Angular and React (if you ask me)