<h2 id="my-environment" data-line="0" class="code-line">
<a class="header-anchor-link" href="#my-environment" aria-hidden="true"></a> My Environment</h2>
<ul data-line="1" class="code-line">
<li data-line="1" class="code-line">OS: Windows11</li>
<li data-line="2" class="code-line">node -v: 22</li>
<li data-line="3" class="code-line">npm -v: 10</li>
<li data-line="4" class="code-line">IDE: VSCode</li>
<li data-line="5" class="code-line">Framework: React</li>
</ul>
<h2 id="how-to-build-a-react-project" data-line="7" class="code-line">
<a class="header-anchor-link" href="#how-to-build-a-react-project" aria-hidden="true"></a> How to build a React Project</h2>
<ul data-line="8" class="code-line">
<li data-line="8" class="code-line">Open a VSCode Terminal (your terminal)</li>
<li data-line="9" class="code-line">Open a your empty Project folder</li>
<li data-line="10" class="code-line">Run: <code>npx create-react-router@latest</code>
</li>
<li data-line="11" class="code-line">Run: <code>npm i</code>
</li>
<li data-line="12" class="code-line">Run: <code>npm run dev</code>
</li>
</ul>
<h2 id="references" data-line="14" class="code-line">
<a class="header-anchor-link" href="#references" aria-hidden="true"></a> References</h2>
<ul data-line="15" class="code-line">
<li data-line="15" class="code-line"><a href="https://reactrouter.com/start/framework/installation" target="_blank" rel="nofollow noopener noreferrer">https://reactrouter.com/start/framework/installation</a></li>
</ul>


Build a React project with react-router

My Environment

How to build a React Project

References

Discussion