Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Preview
Start a free Courses trial
to watch this video
Learn about React and why people use build tools to set up a React App.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
[MUSIC]
0:00
Hi, I'm Laura,
a JavaScript instructor here at Treehouse.
0:09
If you ever tried setting up a React
app before the advent of Build Tools,
0:13
you'll know how frustrating it can be.
0:17
You had to manually set up
your project structure,
0:21
configure all the necessary dependencies,
and
0:24
deal with issues like compatibility and
performance optimization.
0:27
It was a time consuming and
0:32
error-prone process that required
a high level of expertise.
0:34
Fortunately, the development
community recognized this problem and
0:38
created build tools to
streamline the process.
0:42
With build tools, setting up a React
app has become incredibly easy.
0:45
They automate the setup process,
handle the dependencies, and
0:50
optimize your app's
performance out of the box.
0:54
Currently, React's documentation
recommends using a framework,
0:58
like Next.js,
to start a new React project.
1:03
But for beginners,
frameworks can be overwhelming.
1:06
Starting with a framework, can make it
difficult to distinguish what is specific
1:10
to React and
what is specific to that framework.
1:15
It's important to get a hang of React
first before diving into a framework.
1:18
Once you're comfortable with React,
you can start exploring frameworks.
1:24
They offer additional features
like routing, data fetching, and
1:28
generating HTML, which can make your
development process much more efficient.
1:32
In this workshop, we'll explore build
tools that will get you all set
1:38
up with a client side only React app.
1:43
We'll create a new React project.
1:46
Go over the starter file structure
that the build tool provides and
1:49
review all the default scripts like
npm run dev that run your app.
1:55
Before you get started,
you'll need to have Node.js and
2:02
npm installed on your computer.
2:06
If you haven't done that yet,
2:09
you'll find links in the teacher's notes
to instructions on how to install these.
2:11
If you're ready to start building React
apps without the headache of manual setup,
2:16
stay tuned for the rest of this workshop.
2:21
We're excited to show you
just how easy it can be.
2:24
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up