Instructor: Now to really conclude this module,
I just wanna show you an alternative syntax
for writing these functions,
any kinds of functions in JavaScript.
A syntax which is not exclusive to React by the way,
but which can be used in any modern JavaScript application.
Instead of writing a function like this
with the function keyword,
you can also write a so-called arrow function,
and attached you find a link with more details
on these arrow functions.
Again, it's not a React specific thing.
To use that arrow function syntax.
You replace function with const to create a new constant
with a given name app in this case.
And then the value which you assigned to this constant
is an arrow function written like this.
A list of parameters then an equal sign
and a greater sign forming such an arrow
and then the function body between curly braces.
And again, that's really just standard JavaScript code.
You can absolutely stick to the function keyword.
This is just a syntax, which I personally prefer
because it's a bit shorter or yeah, I just prefer it.
And therefore I will migrate all my functions to
this syntax like this here in the case of card
but you don't have to do that
if you prefer the other syntax, it's really 100% optional.
And in this case here
it doesn't offer any benefits or anything like that.
It's really just personal preference.
And I want to show this syntax here
since you will also see that in a lot of React projects
and you therefore should be aware of it
that you can write your functions like this,
any functions by the way, not just component functions.
And with that, we're really done for this module.
It was a huge module.
And yet we're still only scratching the surface.
There's way more to explore about React.
And the next thing we are going to explore is how
we can make this a bit more interactive
and reactive because currently it's all static.
This data never changes.
As a user we can't do anything about it.
And we are building modern user interfaces
with React because we typically want to
build user interfaces where things can change.
Therefore, in the next course section, we are going to dive
into another important React concept,
state because that will help us
make our applications interactive.