Developed and maintained by Facebook, React has gained widespread popularity in the web development community for its efficiency, flexibility, and component-based architecture.
My articles are constantly evolving, and I welcome any feedback, corrections, or suggestions you may have. Please don't hesitate to share them with me, and I'll be grateful for your input.
Give me a shout or add me:
Let's get down to business
Check your OS
This step is just to make sure you have Linux Mint or a **Ubuntu-**based Linux distribution.
cat /etc/os-release lsb_release -a uname -a
Install Google Chrome
npm install -g create-react-app
Create React App (CRA) is an official command-line tool provided by the React team and the Facebook development community. It simplifies the process of setting up and bootstrapping new React.js applications.
CRA generates a complete and well-structured React project with all the essential files, configurations, and development tools preconfigured, allowing developers to start building React applications quickly without the need to manually set up the project structure.
Create react app
npx create-react-app my-react-app
my-react-app with your actual app's name.
npx is used instead of
npm when creating a new React project with Create React App (CRA) because npx is a package runner tool that comes with npm (Node Package Manager) and is designed to make it easier to run packages that are not globally installed on your system.
In summary, the use of
npx when creating React projects with CRA is a best practice that leverages the ability to run packages without global installations, making it easier to manage and use tools like Create React App while avoiding potential version conflicts.
Navigate to the project folder
Start the development server
In order to start the development server and run your React application locally, use the previous command.
Check the up-and-running page
Stop the server (optional)
In order to finish, just press:
CTRL + C
Let's become friends
Thank you for reading this article.
If you have any questions, thoughts, suggestions, or corrections, please share them with us.
We appreciate your feedback and look forward to hearing from you.
Feel free to suggest topics for future blog articles. Until next time!