@manhng

Welcome to my blog!

ReactJS Starter Kit

February 28, 2021 11:37

ReactJS Starter Kit (edit)

https://github.com/erdkse/adminlte-3-react (ReactJS+AdminLTE)

https://github.com/booleanhunter/ReactJS-AdminLTE/ (ReactJS-AdminLTE)

https://github.com/MacKentoch/react-bootstrap-webpack-starter

https://github.com/MacKentoch/react-bootstrap-webpack-ssr-starter

https://reactjsexample.com/a-react-js-admin-dashboard-template-and-ui-library-based-on-bootstrap-5/ (Volt Admin Dashboard Template ReactJS) (FREE)

https://github.com/themesberg/volt-react-dashboard

https://themeselection.com/15-responsive-admin-template-in-bootstrap-for-2021/

https://themes.getbootstrap.com/product/spark-admin-dashboard-template-reactjs/ (Spark Admin Dashboard Template ReactJS)

https://www.positronx.io/react-bootstrap-tutorial-getting-started-reactstrap-with-react/ (Reactstrap)

https://www.positronx.io/react-mern-stack-crud-app-tutorial/ (React-Bootstrap)

https://www.positronx.io/react-js/

https://www.geeksforgeeks.org/difference-between-reactstrap-and-react-bootstrap/

https://npmcompare.com/compare/bootstrap,react-bootstrap,reactstrap

  • Node.js
  • ReactJS
  • HTML, CSS, JavaScript, TypeScript, or ES6
  • Bootstrap 4
  • Webpack
  • React-Bootstrap (does not require to be included jQuery and Popper.js)
  • Reactstrap (supports the latest version of Bootstrap)

Command Line

node -v
npm -v
npm install -g npm@7.6.0
npm install -g create-react-app
npx create-react-app react-bootstrap-app
cd react-bootstrap-app
npm start

Boostrap + React-Bootstrap + ReactStrap

npm install react-bootstrap bootstrap​
npm install --save bootstrap
npm install --save reactstrap react react-dom

Result

Success! Created react-bootstrap-app at C:\react-bootstrap-app
Inside that directory, you can run several commands:
  npm start
    Starts the development server.
  npm run build
    Bundles the app into static files for production.
  npm test
    Starts the test runner.
  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!
We suggest that you begin by typing:
  cd react-bootstrap-app
  npm start
Happy hacking!

Categories

Recent posts