React Admin Panel Example

Development

Type npm run init for generate fake db data.

Type grunt serve for start developing.

Dependencies

• bootstrap
• console-polyfill - Browser console methods polyfill
• fecha - Date formatting and parsing
• flux - Application Architecture for Building User Interfaces
• font-awesome - The iconic font and CSS toolkit
• griddle-react - Simple Grid Component written in React
• json-server - a full fake REST API with zero coding
• pikaday - A refreshing JavaScript Datepicker — lightweight, no dependencies, modular CSS
• react
• react-helmet - Specify the page title, meta & link tags per component in a nested fashion
• react-modal - Accessible React Modal Dialog Component.
• react-router - A complete routing solution for React.js
• superagent - Ajax with less suck
  • superagent-no-cache - Adds headers to all requests that prevents caching.

Dev Dependencies

• eslint - A fully pluggable tool for identifying and reporting on patterns in JavaScript
  • eslint-plugin-react - React specific linting rules for ESLint
• json-schema-faker - generate massive amounts of fake data
• grunt
  • load-grunt-tasks - Load multiple grunt tasks using globbing patterns
• some grunt tasks:
  • grunt-contrib-clean, grunt-contrib-connect, grunt-contrib-copy, grunt-open, grunt-webpack
• webpack - Packs CommonJs/AMD modules for the browser
  • webpack-dev-server - Serves a webpack app. Updates the browser on changes
• webpack loaders:
  • babel-loader, css-loader, eslint-loader, file-loader, react-hot-loader, style-loader, url-loader, json-loader, postcss-loader
• PostCSS plugins:
  • cssgrace - Adds IE hacks, missing properties, repairs common errors, etc.
  • cssnext - Adds variables, custom selectors, custom media queries, automatic vendor prefixes, inline @import rules, etc.