So let's get started with React, then.
And to get started, we first of all
must create a React project.
Now, when working with Vanilla JavaScript
creating a project is as simple
as creating a new folder, and adding a bunch of HTML,
JavaScript, and CSS files in there.
Now, when building a React web application, a React website,
it's not that simple.
Instead, you need a project that performs
various behind the scenes
code transformations automatically.
And, you typically also want to have
a nice developer experience
where the React app you're working on
is previewed and automatically updated
whenever you change the React code.
Now, the behind the scenes code transformations are needed
because, as I mentioned before already,
when building React apps
you typically blend HTML and JavaScript code
in one of the same JavaScript file.
Now, technically this is not valid JavaScript code, though.
The browser would not be able to execute this code,
and we will of course learn
why we're blending the code like this in just a second.
But it is important to understand right now already
that this code would not run like this in the browser.
That's why it must be transformed, compiled, you could say,
to some valid client side JavaScript code that's
supported by the browser first,
so that we as a developer have the convenience
of mixing HTML and JavaScript code.
And as an output, we still get code
that's supported by the browser.
And that's why we need a project set-up
that comes with some built-in tools
that give us this live preview
with the order reloading up on code changes,
and where we also get our code transformed under the hood,
so that once we're done building our reactive
we get a website that can be deployed
on some hosting providers, and that can then be visited
and be viewed correctly by visitors from all over the world.