Ionic Tutorial #6 - Creating reusable custom components

Ionic Framework Tutorial: how to create reusable custom components and make your code smaller and better. We will be able to create components on two ways: with input parameters and with child components.

Links used in this video:

Doubts? Join us on Discord:

#ionic #tutorial #mobile

[itwithpauloalves]

Links used in this video:



Doubts? Join us on Discord:

[rajukumarhalder]

Today I just found your channel. I think this is how a beginner can learn IONIC. Hope you resume the IONIC series to master level. I'm loving your content. Love from India

[murtazamohammadi]

The way you explain everything step by step is awesome. I am new in angular and ionic. But I have the feeling, at the end of this series I will be able to make my own app. thanks for sharing Paulo. Say big hello to Neymar and Marcelo

[zigen]

Don't forget to import CommonModule, IonicModule and FormsModule in the compenents.module.ts file .

[vamshikrishna]

That was really the best content of ionic to reuse the components.Thank you

[pedrohenriquefernandesdeso]

Amazing tutorial! Thanks for sharing Paulo!
Greetings from Brazil! 😁🌎

[MILINDNEWTON]

solution for error at 4:00 is : Create a components.module.ts file and add .


import { PickupCallCardComponent } from
@NgModule({

imports: [CommonModule, IonicModule], Add this
declarations: [PickupCallCardComponent],
exports: [PickupCallCardComponent]
})
export class ComponentsModule {}

and then export this ComponentsModule where you want to use PickupCallCard component.

[ignaciohahn]

Good job Paulo! Components well explained! Thanks!

[Japones]

obrigado pelo vídeo, dá pra ver pelo sotaque que você não é nativo em inglês, mas a localização do vídeo já entregou que é BR haha, valeu pelo vídeo!

[bojanmanev]

The Component 'PickupCallCardComponent' is declared by more than one NgModule. This is what it say i cant declare more than one how do you do that?

[DMSAProductions]

Great video! Thank you very much for sharing!

[marciogadelha]

Congrats buddy! Great work you done. It helps a lot a Brazilian brother. ;-)

[rendipratama]

Hai paulo, thank's for your sharing

[ycortez]

it would be great if you explain how we can put a link within a component so we can go to one of the pages from a component button. Regards

[yasminemarrouiki]

The Component 'PickupCallCardComponent' is declared by more than one NgModule ? how you can explain this pls
?

[imranshekh]

The issue CUSTOM_ELEMENTS_SCHEMA, did not resolved in my project 🥺 can you please suggest me something to resolve that issue?

[stanfordbonongwe]

hie sir, can you pliz assist me ihave this error that says my component is used by more than one ngModule

[mattia]

if i put ion icon in pickup-call.component i have these errors
'ion-icon' is not a known element:
1. If 'ion-icon' is an Angular component, then verify that it is part of this module.

[kaeresvilarellano]

hello sir good day. can I use H5P to IONIC?

[brucekashi]

I can't find your github for this paylist