Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
sugandhgoyal opened this issue Dec 28, 2017 · 3 comments
Open

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

sugandhgoyal opened this issue Dec 28, 2017 · 3 comments

Comments

@sugandhgoyal
Copy link

No description provided.

@jwdotjs
Copy link
Contributor

jwdotjs commented Dec 28, 2017

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

  • In your entry file add the following to import styles: import 'react-blur-admin/dist/assets/styles/react-blur-admin.min.css';

  • Sample About page after including the styles from the entry file:

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
Copy link

stobiewan commented Jun 21, 2018

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

@abdelle7
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants