
English: 
We built a really cool stuff
Like this horizontal scroll bar
It turns out
This masterpiece is present in the other screens of our app
So we could copy paste it
And when we want to use real user data
We have to update each of the copies
Or we could save times to be
In order to play video games or whatever by using shared components
Shared component remembers everything a bit and keeps it available anytime you need
It's basically doing your best man job, but better
You know what ?! It is time for the "Ngx Palette" again
So let's just put our shared components directly in our application because shared components are available for all pages of your application and even
Across your different applications. So let's drag it in here
There is a shared component here
I'm going to drag my "SegmentContainer"

French: 
Nous avons créé un truc vraiment cool
Comme cette barre de défilement horizontale
Il s'avère que
Ce chef d'oeuvre est présent dans les autres écrans de notre application
Donc nous pourrions le copier coller
Et quand nous voulons utiliser des données utilisateur réelles
Nous devons mettre à jour chacune des copies
Ou nous pourrions gagner du temps et
jouer à des jeux vidéo ou autre en utilisant des composants partagés
Le composant partagé se souvient de tout et le garde disponible à tout moment
Il fait essentiellement votre travail de témoin, mais en mieux
Vous savez quoi ?! Il est à nouveau temps pour la "Ngx Palette"
Alors mettons simplement nos composants partagés directement dans notre application car les composants partagés sont disponibles pour toutes les pages de votre application et même
Dans vos différentes applications. Alors glissons le ici
Il y a un composant partagé ici
Je vais faire glisser mon "SegmentContainer"

French: 
Qui n'est autre que ma barre de défilement, directement dans mon composant partagé
Voilà
C'est tout
Lorsque je veux utiliser ce composant, je dépose simplement le composant "UseSharedComponent"
Je le glisse dans le composant "Content" de ma page "Feed", puis, juste derrière moi
Je sélectionne simplement le composant partagé que je souhaite utiliser.
je veux utiliser
Celui-ci, qui s'appelle "SharedComponent"
Pas beaucoup d'imagination ici. Renommons-le
Ce ne sera pas "SharedComponent". Ce sera  "StoryScrollBar". Ça me semble plutôt bien
Ça sonne plutôt bien. Ok.
Oh oui
Pour le nom, vous ne pouvez pas utiliser d'espace. Vous devez donc suivre certaines règles. Désolé
Pas d'espace
Remplacer dans le projet actuel. Très bien.
Ici, je sélectionne simplement "ScrollBar". Elle est déjà sélectionnée

English: 
Which is my scroll bar directly in my shared component
so
That's all
When I want to use that component, I just drop "UseSharedComponent" component
Drag it back in my Feed Content and then here, just behind me
I just select what shared component I want to use.
I want to use
This one, which is called "SharedComponent"
Not a lot of imagination here. Let's rename it
Not going to be "SharedComponent". It's going to be the story scroll bar. "StoryScrollBar" sounds pretty good to me
Sounds pretty good. Okay
Oh, yeah
For the name you can't use space. So you must follow some rules. Sorry for that
No space
Replace in current project. All good.
Here, I just select my scroll bar. It's selected

English: 
Okay
Putting it back to the top
Excellent!
So now let's just put it also in our "Profile" page
Just gonna use it right in "Content"
Precising i'm using the "StoryScrollBar" shared component. All right
And here is just as magnificent
And now i'm in the "Profile" page. I just remember
Okay, so, that kind of 3x3 gallery. It's perfect for my "Profile" page.
So i'm just
Doing the same, all over again, creating a new component, a shared component in application
Naming it "ImageGrid".
No space.
Replacing in current project and i'm just going to take

French: 
Ok
Et je le remonte tout en haut
Excellent !
Maintenant, mettons-le aussi dans notre page "Profile"
Je vais l'utiliser directement dans "Content"
En précisant que  j'utilise le composant partagé "ScrollBar". Ok
Et voilà !  Tout à fait magnifique !
Et maintenant que  je suis dans la page "Profile". Je me souviens d'une petite chose
Bon, donc, ce genre de galerie 3x3. C'est parfait pour ma page "Profile".
Alors je vais
Faire de même, encore une fois, créer un nouveau composant, un composant partagé dans l'application
En le nommant "ImageGrid".
Pas d'espace.
Remplacer dans le projet actuel et je vais juste prendre

French: 
Depuis le composant "Content" de ma page "Discover", la deuxième Grid,  et la placer dans "ImageGrid"
Et utiliser le composant partagé ici. Sélectionner "ImageGrid" ici
Copier et coller
dans ma page "Profile".
Voilà, juste ici
En tant qu'élément enfant
Revenons ici
Et maintenant c'est aussi ici
donc c'est facile
Parfait. C'est tout pour l'utilisation des composants partagés
Usez et abusez des composants partagés. Vous devez vraiment l'utiliser le plus possible
C'est une bonne habitude !
Alors maintenant, continuons avec la prochaine vidéo

English: 
From my "Discover" page "Content", the second Grid, put it in "ImageGrid"
And use shared component here. Select "ImageGrid" here
Copying and pasting
in my "Profile" page.
So right here
as a child
Let's go back here
And now it's also here
so that's easy
Perfect. So that's all for shared component use
And abuse of shared components. You must really use a lot of it
That's a really good practice
So now let's keep going on next video
