Maximilian: It's time to practice what we learned,
because thus far over the last modules,
we learn a lot about React.
We learn a lot about the core
features that make up React.
And you actually already have enough knowledge
to start building your first simple React projects.
To specifically practice these
super important core concepts we covered thus far,
I get a dedicated project
for which I want to go with you,
which is relatively simple
but which picks up all these
core things you've got to know.
We're going to build this relatively simple,
yet not too simple, application here.
It's application where you can add
fictional users like Max
you can enter an age and add a user.
Now you won't be able to edit or delete the user
but we've got a couple of other nice features
which we haven't built thus far
but which we actually will be able to build.
For example, if I have my empty inputs here
and I click on add user,
you see I get this warning dialogue,
this warning overlay here,
which we can dismiss by clicking on, okay
or by clicking on the backdrop.
You will also see that if I enter
let's say a negative age here,
I get a different error message.
So we got a little bit of a more complex validation
and we of course got this modal component.
This overlay here, which is something,
you know from a lot of web pages as well.
Last but not least, if you add a user successfully
we also reset these inputs here.
So that also works.
So while it's certainly not the most
complex application of the world,
it is a great project for practicing
what we learned thus far.
You can absolutely skip this module
if you're not interested in that
and you just want to continue to the next concepts
to the next things you need to learn about React.
But I would recommend that you go
through this module to make sure you really
understand all those core concepts we
worked on over the last modules.
And I actually encourage you to go ahead
and try this on your own first.
You of course don't have to get the exact styling right.
Instead it is about building these React components
and adding the general logic
I showed you over the last minutes.
Of course this will be challenging,
but you will only need concepts and features
you learned about so you can build this.
But again, it definitely will be challenging.
Nonetheless, definitely give this
a try on your own first.
But of course thereafter
have a look at my course lectures
in this section where I show you
my approach and my solution
which you can then use to compare your solution.