Building Modern Angular 17 Apps with Ionic and Standalone Components

[@reyco1]

YES!!!! Finally, Simon is BACK TO ANGULAR!!! My Christmas dreams have been answered!!!!

[@gokuldev3014]

Finally Simon is back to ionic + Angular ! good to see the return after a long time. Simon always saves me at the right time...😄 Thank you for the angular stuff...

[@LexMadafaka]

Ionic/Angular is your stack. We love you and your content!

[@joelcool1027]

Good to see you back on Ionic/Angular

[@stephenp8798]

this look so much cleaner than react. angular for the win long term

[@mmarcoscolombo]

Thanks Simon! Ionic + Angular, Ohhh Yeah!🤠

[@paoloperana]

Great Simon! Love to see Ionic + Angular back again!

[@Leosurf]

Angular rules! Great Simon! thank you.

[@adel_dx]

Great video Simon, I think importing only what you need for the page, with Standalone Components will make Ionic apps really faster with a small bundle. That's what we were missing with Ionic angular

[@eltaller1655]

TY for comeback to Ionic Angular users :)

[@biomatrix8154]

Yay more IonAngular content. U rock!

[@LeBaron.]

Ionic Angular is back !!! Yay

[@user-qj4xb2mx2l]

I rarely leave comments, but this tutorial is actually good :) Hope to see more angular/ionic tutorials, because the quality of tutorials and showing problem-solving during this tutorial are really decent.

[@alejandrobayo1]

Great video Simon! Thanks! It would be very interesting to have a video that shows how to combine @angular/ssr in Angular 17 with a blank project build in Ionic 7.5

[@Maestro14Maiya]

Great video Simon. I have been using Angular v17 in a new app and it's really amazing. Will check the new ESbuild you mentioned. Thanks.

[@justsmile7449]

Hello did you deploy your app so i can check the perfs or do you know an app done with angular 17 ?

[@Fran.961]

Awesome tutorial!! Keep it up!

[@Hesesses]

Simon is back! 🎉🎉🎉

[@alanccl9108]

great info ! appreciated

[@AliciaGuitar]

I hope you add this with the code to the Academy. I get errors with the old version currently on the site.

[@andrescuellar9234]

Excelente amigo.

[@JavierAlejandroParra]

How interesting is a video with the implementation of a login and registration. Maybe with Laravel sanctum as API on the backend....😁

[@josequintin2467]

Perfect Sir Grimm!

[@obinnaezedei856]

What extension is giving you those inline warnings and suggestions?

[@alitalaee7468]

thanks for ionic and angular tutorial

[@rtpHarry]

Simon, do you know about Rectangle? It's one of those MacOS window organising tools. Its free, and the one I use, probably others have similar features. I notice you doing a lot of small adjustments to get the screens sized. You can actually set up a keyboard shortcut for many different auto sizes. For you, "first two thirds" and "last third" would be great for you to quickly size the screens to be tutorial friendly once you drag them in from the other monitor.

[@galaxies_dev]

Thanks, will check it out! But actually this is only part of my screen, so it's kinda complicated..

[@shubhamshukla7645]

Thanks dude👍

[@galaxies_dev]

No problem 👍

[@chandankumar-ul5to]

getting an error like in below code "ci": { "progress": false } Propery progress is not allowed

[@MrAashish24]

Hi Simon, I want to enroll for complete course of Angular 17 and IONIC with capacitor. Please ping the link of your course here.

[@ideaverum6413]

How often are ionic courses/materials updated on ionicacademy?

[@superhumandose]

Does this mean from now on you are moving away from RN back to Ionic?

[@viewfavorites]

Been in RN but angular still the best for rapid development

[@justsmile7449]

@@viewfavoriteshello in term of performance which one is better ?

[@bullettime2808]

​@@viewfavoritesReally ? Angular doesn't even have fast refresh everytime you make a change the entire app refreshes, React's incredible fast refresh results in much better productivity, at least for me

[@bullettime2808]

​@@justsmile7449React Native, since it uses native components instead of rendering a webview like Ionic

[@mwlodar12]

Hey Simon thanks for the video! Where can i view the source files for this app?

[@jobiej7416]

My 2 cons. I wish it used async and await and it had a binding syntax similar to react. Angular 17 is more preferable for applications. Can this be published into app stores?

[@IngAjVillalon]

Yes, I have all my Apps published in app stores, and they were created using Ionic.

[@viewtonha]

Is ionic working on any perfomance improvements to be faster like flutter?

[@SekySam-i8f]

Thank you. Please can you clone WhatsApp desktop with ionic angular?. The layout and navigation.

[@MohammadRezaYusufy]

Great job 👍👏

[@Alesvetina]

Hey Simon, thanks for the tutorial. When changing "builder" to ":application" and "main" to "browser", it changes the ww folder structure. The build does not put files directly into www folder, but a browser subfolder. So when you run cap copy android, I get an error: The web assets directory (.\www) must contain an index.html file. Any ideas how to fix this? Thanks!

[@IngAjVillalon]

I am searching for the same thing. Have you resolved it?

[@greekplayback]

Thanks :) , Where i can find the code ?

[@simonvanwingerden9666]

Nice article! Is there some source anywhere?

[@galaxies_dev]

Yes, it's here: ionic.io/blog/building-angular-apps-with-ionic-and-standalone-components

[@geekssl166]

my ion-tabs not showing good and not clickable in android device, ion-infinite-scroll is not working too , i'm using ionic 7.8.1 and angular 17.3.1, can you help me please

[@dinobudic4492]

Any hopes for fresh angular ionic course using new shiny stuff? 😊

[@malaythakershi24]

Yes. Oppenheimer is a movie. Both of us missed it.

[@cosic82]

Where is the link to the source code?

[@PatrickMcDonaldFMR]

What are you using to draw those temporary highlights / underlines?

[@galaxies_dev]

It's an app called SCreenbrush

[@argigentarna]

What is theme vs code? its preety cool

[@marcosviniciusoliveiraroch9558]

Could you make a tutorial using ionic + vue ?

[@magne6049]

46:00 This really illustrates why Ionic should switch to a much clearer «*Ion» postfix instead of the unreadable and obfuscating «Ion*» prefix…!

[@CsAlchemy-eg6ch]

new to ionic here : how can i make both website and app with ionic if i had to use ionic mobile components , and maybe angular ui for web , should i add a condition depending on the plateform on the html to render different layouts web or mobile ?

[@galaxies_dev]

Ionic components work fine on the web, they are really just UI components so I wouldn't use an additional UI library like Angular Material on top.

[@plelkes]

I don't understand how you came up with interfaces

[@j4nch]

What is the advantage of `inject` vs previous constructor injection(because now you need additional import and it's not explicit that it's required)? I like the component approach, but having to import in the file + import in the attribute is cumbersome

[@trevormontgomery6795]

I believe angular is working on a solution for this

[@j4nch]

@@trevormontgomery6795also heard this

[@bullettime2808]

you can create react hook like functions and use inject in them where a constructor wont be available

[@j4nch]

@@bullettime2808 But plain function don't need to be injected, you can only import them, right? We usually inject object because they have a shared/persistent context

[@Iam_AndersonP]

the main benefit is the lifecycle of angular, the inject method is to stop using zone.js and it is the new way of inject dependencies, in futures versions of angular this will be the only way of inject services to components, also the inject method allow you to use in reactive programming and declarative way you can combine it with inputs propiesties and much more

[@plelkes]

I´m required a URL for kreating API

[@emreaka3965]

Ah my beloved ionic.

[@CatalinMironDev]

I would like to help you solve the cube behind you. Let me know when you're available for a short call and we are going to make it together!

[@galaxies_dev]

I once knew but lost the knowledge 🙈

[@omarfathy1795]

Greet , what the vs code them name please ?

[@magankumar8713]

thanks bro 🙂

[@galaxies_dev]

Welcome 😊

[@EveritJhon]

greeat video. how can i import a ion-input? it doesnt work

[@danielnieto569]

Ueee ionic!

[@manojmohapatra986]

❤❤❤❤🎉

[@saq.ib01]

Hey @galaxies_dev, need you help again... a tutorial on angular 17 SSR.. plus ionic will be help full.

[@AppySpaces]

What extension is giving you those inline warnings and suggestions?

[@ronaldtshawe2833]

Error Lens