Header Ads


React js dashboard script




This package includes scripts and configuration used by Create React App. It's a fork from original react-scripts with template and configuration changes to give you the base for building dashboards very quickly.

FormerKit Dashboard GIF walkthrough

Using this template

To create a new application myapp using this package:

npx create-react-app --scripts-version react-scripts-former-kit-dashboard myapp

npx comes with npm 5.2+ and higher. To install on older versions:

npm install -g create-react-app
create-react-app --scripts-version react-scripts-former-kit-dashboard myapp

Check the bootstrapped project README file for more instructions on how to work on it. If you want to check it before bootstrapping the project, check here.

What's included

The template bootstrapped by this scripts should give you the base for building highly customizable dashboards very quickly using FormerKit as the React UI component library.

It has the following scaffold:

  • Account area
    • Login
    • Signup
    • Forgot Password
  • Logged area
    • Charts example
    • Forms example
    • Table example

We also hand-picked some libraries and tools to build the foundation so that you don't have to. Here are the most important ones:

  • Pagar.me's Skin as the default theme
  • Emblematic Icons as the icon set
  • ReactRouter for routing
  • React i18next for internationalization
  • CSS Modules for CSS module scoping
  • PostCSS for CSS processing
  • CSSNext for CSS level 4 features, but today
  • SVGR for importing SVG as React components
  • Recharts for responsive SVG charts
  • Vanilla Form for form state management and validation
  • Redux for shared state management
  • Redux Observable for async actions
  • Ducks Specification for redux organization
  • Redux Actions for reducing Redux boilerplate

re you building an app and looking for a JavaScript admin panel template to help you streamline your build? Take the effort out of your next front-end app build with one of these powerful React, Angular, and Vue.js admin templates.

With these JavaScript admin panel templates and dashboards, it's painless to create beautiful, interactive UIs. 

Built using cutting-edge technology like React and Bootstrap, these dashboards and admin templates offer flexibility and dependability for your next app build. Create a stunning UI easily by selecting from modular components and clean layouts so that you can focus on the business logic of your app build.

Fuse Material Design Admin Template

On ThemeForest, you'll discover an amazingly extensive library of the most powerful admin templates ever created. With a cheap one-time payment, you can purchase one of these high-quality admin templates and give your app users an excellent interactive experience.   

<!DOCTYPE html>
<html lang="en">
<title>Test React</title>

<!-- Load React API -->
<script src= "https://unpkg.com/react@16/umd/react.production.min.js"></script>
<!-- Load React DOM-->
<script src= "https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<!-- Load Babel Compiler -->
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>


<script type="text/babel">
    //  JSX Babel code goes here


What is Babel?

Babel is a JavaScript compiler that can translate markup or programming languages into JavaScript.

With Babel, you can use the newest features of JavaScript (ES6 - ECMAScript 2015).

Babel is available for different conversions. React uses Babel to convert JSX into JavaScript.



No comments

Post Bottom Ad