Hello Coders.
This article presents a simple React Dashboard Template on top of a modern Argon Dashboard design crafted for free by Creative-Tim agency. This open-source React Template built with Bootstrap 4 and Reactstrap comes with 100 individual components and 7 pre-built pages that might help you save a lot of time going from prototyping to full-functional code because all elements are implemented.
Thanks for reading! The relevant links (for fast-runners) are below:
- Argon Dashboard React, the product page
- Argon Dashboard React Demo, LIVE deploy
- Argon Dashboard React PRO - For more components and pages
- More React Templates, provided by Creative-Tim
What is React
For newcomers, React is a Javascript library for building user interfaces, .. fast. This well-known JS library helps developers to compose complex UIs from small and isolated pieces of code called "reusable UI components", which present data that changes over time. To start playing with React, feel free to access below resources:
- React - the official project site
- Intro to React - a nice tutorial for beginners
- ReactJS - Quick Guide, published by TutorialsPoint
Argon Dashboard React - Product Info
Official product Info - Start your development with a Dashboard for Bootstrap 4, React, and Reactstrap, made with create-react-app. It is open-source, free and it features many components that can help you create amazing websites.
Fully Coded Components
Argon Dashboard React is built with over 100 individual components, giving you the freedom of choosing and combining. All components can take variations in color, that you can easily modify using SASS files.
You will save a lot of time going from prototyping to full-functional code because all elements are implemented. Argon Dashboard is coming with pre-built examples, so the development process is seamless, switching from our pages to the real website is very easy to be done.
React Dashboard - Compile from sources
To compile and start the project locally we need NodeJS and optionally GIT to download the source code from the public repository: React Dashboard Argon. To install NodeJs is quite easy, just access the official NodejS website, download and execute the installer for your OS.
$ # Get the code
$ git clone https://github.com/creativetimofficial/argon-dashboard-react.git
$ cd argon-dashboard-react
$
$ # Install modules
$ yarn
$
$ # Start the app (development mode)
$ yarn start
React Dashboard - UI Widgets
React Dashboard - UI Tables
Thanks for reading! For more React Freebies feel free to access the vendor website.