React JS How to Implement AdminLTE

React JS How to Implement AdminLTE

React JS

https://create-react-app.dev/

Create Project

C:\react-js>npx create-react-app myreactdev

Run

C:\react-js\myreactdev> npm start

C:\react-js\myreactdev\src\App.js

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

//C:\react-js\myreactdev\src\App.js import React, {  } from "react"; import "./App.css";   import Header from "./components/Header"; import Footer from "./components/Footer"; import Home from "./components/Home"; import SideNav from "./components/SideNav";   function App() {   return (     <div className="wrapper">       <Header/>       <Footer/>       <Home/>       <SideNav/>     </div>   ); }   export default App;

C:\react-js\myreactdev\src\components\Header.js

?

1 2 3 4 5 6 7 8 9 10 11 12 13

//C:\react-js\myreactdev\src\components\Header.js import React, {  } from "react";   function Header() {   return (     <div>     Header     </div>   ); }   export default Header; </pre>

Run C:\react-j\myreactdev>npm start

http://localhost:3000/