Ionic 7 Routing with Angular Standalone Components

Ionic 7 routes look totally different to you? Let's quickly clarify what's going on with the latest Angular version and routing using Standalone components!
🔥 The fastest way to learn Ionic: ionicacademy.com/
🪐 Explore web & mobile dev universe: galaxies.dev/
⚡️ Just getting started?
Grab a free 46 pages eBook: ionicacademy.com/ionic-quicks...
#############################
🤷‍♂️ Want more Ionic tutorials?
There you go: devdactic.com/
#############################
❤️ You can also find me on:
Instagram: / simongrimm_
Twitter: / schlimmson
Facebook: / devdactic
TikTok: / simongrimm_
Or join the Simonics Facebook group:
/ simonics
#############################

[@galaxies_dev]

Learn to build epic IONIC apps FAST by joining the Ionic Academy: ionicacademy.com/

[@MantarrayaEC]

Only if they are built with Ionic/Angular, because React Native is for Pussies

[@MantarrayaEC]

Only if they are with Ionic/Angular, because React Native is for Puss13s

[@computer.science.mauricio]

- Hi Mr. Simmon. I teachs Angular and Ionic in Brazil and your content help me a lot. Thanks for your contributtions.

[@galaxies_dev]

Awesome Mauricio, and happy to help!

[@joaquinbandini7669]

Helpfull information, thank you very much. I have subscribed to your channel

[@galaxies_dev]

Thank you Joaquin!

[@townheadbluesboy]

Super helpful

[@khomansahu9973]

😇😇😊Thank you soo much, to explain ionic 7 routing with Angular standalone component

[@galaxies_dev]

Glad it was helpful!

[@j4nch]

Is this also recommended for non-ionic (angular) applications? I know that SFC are an angular things, but when is it recommended to use modules VS SFC in my app? I find all the import stuff in each component a bit cumbersome

[@user-zi3gc2pg5s]

great tutorial

[@galaxies_dev]

Thanks!

[@MrAashish24]

Slides are deprecated in Ionic. I figured iut to use Swiper Js 8.9.3 as It has Angular compatibility. However, How can we use swiper js with all effects and how to register it in standalone component. Please make video on that. Thanks in advance 😊

[@jesusp.829]

X2

[@galaxies_dev]

Working on it!

[@guleye]

@@galaxies_dev please work on it

[@hovav906]

Thats great! thanks very much! One question though - how do I provide a service to the entire application?

[@galaxies_dev]

That's what I also try to figure out. You can dadd modules in the bootstrap process, so maybe wrap your stuff in it's own module and add it there!

[@codetalk0]

ionic created my project without app.module.ts file with angular , what is the problem?

[@galaxies_dev]

The main bootstrap and imports are now in the main.ts as Ionic is using Angular Standalone components (as described in the video)

[@its_j10]

amazing video

[@galaxies_dev]

Thanks!

[@missile71]

Great video, but if I need a login page (for example) before the tab page how load tab routes if it's not the default path?

[@missile71]

found! added { path: 'app', loadChildren: () => import('./pages/tabs/tabs.routes').then(m => m.routes) } and the path is /app/tabs/whatever

[@saajanbajaj641]

Hey Simon! Can you create one tutorial for Azure Authentication?

[@galaxies_dev]

Sorry but never worked with Azure :/

[@juanCarlosBA]

Can you Work on proyect step by step since cero? Thanks

[@galaxies_dev]

What should that project be about?

[@user-os5rj4ks4d]

add default export class so in the route no need using then for next promise

[@khangmach5369]

Haha. Just encounter same situation. Be careful between loadComponent() and loadChildren()

[@Matheus_1582]

How do I use Astro in Ionic...

[@emreaka3965]

You cannot use astro in ionic but you can try to use ionic in astro.

[@ricko13]

when you are a React developer and see how complex Angular code is 🥵

[@galaxies_dev]

True, both frameworks have their strengths in differnet areas

[@notfriki]

Bro, I lose like 30 minutes looking why I can’t use router module in my page, thanks!

[@galaxies_dev]

Glad I could help Luis!

[@Jorvs]

was this updated or applied on your udemy courses?

[@galaxies_dev]

I don't have any courses on Udemy.

[@DIISKRATOS]

The thème name !!!

[@galaxies_dev]

Shades of Purple :)

[@AlexisDessard]

Since I started Ionic few years ago you helped me a lot with all your tutorials and videos. Just read an article you made about breakpoints in modal, never knew it exists despite i'm programming for so long on Ionic, just came here to say you thanks again, please continue like that and I'll buy you a cape one day 🦸

[@galaxies_dev]

Thank you for your kind words Alexis - I'm happy that even some of my older stuff is still relevant :D If you want to support me, check out my Academy -> ionicacademy.com/

[@AlexisDessard]

@@galaxies_dev That's so pertinent to what I was looking for, gonna considerate it in the next few days to finally make a habit of 1h/day of learning so I don't stagnate with deprecated knowledges. Please continue! 🙏🙏