Create and configure basic ( blank ) React app
19.07.2024
16.12.2024
1 minute
41
0
0
0
0
Creating a React app
We have to make a new folder because of npx. This little script is going to pollute that directory where you are currently in.
mkdir ProjectRoot
Ρd ProjectRoot
If you are going to use npm for the first time, do not forget to install the create-react-app package. We need this one.
npm install create-react-app
Letβs create our React app.
npx create-react-app Project
Checking if anything working correct
Go to project directory, Project.
cd Project
Execute next command:
npm start
You shall see something like this.
Feedback form
Email subscription
Comments
(0)
Send
It's empty now. Be the first (oοΎvοΎ)γ
Other
Related questions
- How does prop children work? Some components do not know their children in advance. This is especially true for components like Sidebar or Dialog, which are like a "box" into which you can put something. For such components, we recommend using a special prop children, which will pass the child elements directly to the output
- What is the purpose of the key attribute when rendering lists? Keys help React determine which elements have changed, been added, or removed. They must be specified so that React can match array elements over time. The best way to choose a key is to use a string that will clearly distinguish a list item from its siblings. Most often, you will use an ID from your data as a key.
Similar articles
Interactive web development tutorial on website | Series SearchResultParser p. 3
29.08.2024
In this article you will understand how to add a web tutorial on a website for guests using React components. With the ability to define to which elements hints will β¦
Developing frontend part of a website with React on Django | SearchResultParser p. 2
16.08.2024
I show and tell how to develop a frontend for a site on React with a backend on django. I use MaterialUI and TailwindCSS, with source code and comments.