All language subtitles for 9. Module Property Definitions

Inside of our app module and inside of our collections module we've now seen this energy module thing.

And as I mentioned there's a couple of different properties that are going to pass into this thing to

customize how this module behaves in this video.

I want to give you a quick definition of what these declarations imports exports and providers and bootstrap

what are the all those things what are they doing for us.

Well each of them has a very distinct purpose.

At the end of the day you and I only really have to care about the first three right here.

So declarations imports and exports.

The goal of declarations is to list out all the different components types and directives that are created

inside that module.

The list of declarations is going to be updated automatically for you whenever you generate a new component.

And we've already seen that in action inside of our collections module.

For example the instant that we generated the collections home component that component was automatically

added to this list of declarations right here.

So in general you don't really have to manage that list of declarations next one is imports.

That is the list of other modules that our module depends upon.

So in our case any application that we're working on right now we listed out both the elements module

and the collections module as imports inside of our app module.

That means that our app module depends upon elements and collections.

Next up is exports.

So as we've seen that is the list of components types and directives that our module is declaring.

And with that we want to make available to other modules whenever we import one module into another.

We only get access to the things that are listed as exports.

We don't list something as an export.

It will not be imported into another module then finally we have providers and bootstrap providers is

a deprecated way of connecting modules and services together.

We really do not need to worry about providers in any way shape or form.

You can pretty much just ignore it and then bootstrap.

That is only used by the app module that declares the module where mean the component that is going

to be first rendered onto the screen when our application first starts up.

We're only ever going to see that inside of our app module.

Here's my at module right here and there's the bootstrap property.

We're never going to have to mess around with that thing at all.

OK.

So that's just a couple notes on what all these different properties are.

Another quick pause and we'll see you in just a minute.