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

//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

//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/