knledg / react-blur-admin

React Blur Admin - Styles And Components
Other
527 stars 319 forks source link

missing script:start , How do I run this #73

Open sugandhgoyal opened 6 years ago

jwdotjs commented 6 years ago

This module can get installed from npm via npm install --save react-blur-admin. You can then import the individual components and default styles into your existing React application.

There is a bug report that this doesn't work with React v16 so I will need to look into that and see if there is a quick fix for it.

You can see how it works by following the directions in the readme for the React Webpack Skeleton. I just tested it again and it still works with Node v9.3.0 and NPM v5.5.1 (but it supports older versions of Node and NPM as well)

History of the commands ran from a Bash Shell

screen shot 2017-12-28 at 8 58 27 am

When Running make client You Should See This

screen shot 2017-12-28 at 8 58 59 am

App Should Be Available On Port 8011 If It's Running Correctly

screen shot 2017-12-28 at 8 59 04 am

Installing It In Your Project

import React from 'react';

import { Page, Panel, Breadcrumbs } from 'react-blur-admin';
import { Link } from 'react-router';

export class About extends React.Component {

  renderBreadcrumbs() {
    return (
      <Breadcrumbs>
        <Link to='/'>
          Home
        </Link>
          About
      </Breadcrumbs>
    );
  }

  render() {
    return (
      <Page actionBar={this.renderBreadcrumbs()} title='About'>
        <Panel title='The Team'>
          Lorem Ipsum
        </Panel>
      </Page>
    );
  }
}

Hope this helps :)

stobiewan commented 6 years ago

What did you find regarding the React v16 issue? Is this still usable? Seems OK to me so far.

abdelle7 commented 5 years ago

to fix it in latest react: go to : node_modules -> react-blur-admin, and run yarn add prop-types or npm install prop-types