Git Product home page Git Product logo

Comments (3)

jwdotjs avatar jwdotjs commented on August 16, 2024

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 :)

from react-blur-admin.

stobiewan avatar stobiewan commented on August 16, 2024

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

from react-blur-admin.

abdelle7 avatar abdelle7 commented on August 16, 2024

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

from react-blur-admin.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.