GithubHelp home page GithubHelp logo

nazifsohtaoglu / jhipster-primereact-blueprint Goto Github PK

View Code? Open in Web Editor NEW

This project forked from jeportc82/jhipster-primereact-blueprint

0.0 0.0 0.0 4.35 MB

This is a blueprint for create jhipster application using primereact as Client UI Framework

License: MIT License

JavaScript 12.64% HTML 87.36%

jhipster-primereact-blueprint's Introduction

Jhipster Primereact Blueprint

NPM version Downloads Crates.io

Introduction

This project adds Primereact to the JHipster React application. It is based on JHipster Blueprint

This is a JHipster blueprint, that is meant to be used in a JHipster application.

Features

  • Filtering is enabled by setting the filter property in entity.
  • Pagination is enabled by setting paginator property in entity
  • Lazy mode is enabled by default, instead of loading the entire data, small chunks of data is loaded by invoking corresponding callbacks everytime paging, sorting and filtering happens.
  • Only primereact Framework is supported.
- 8 different themes are supprted.

Prerequisites

As this is a JHipster blueprint, we expect you have JHipster and its related tools already installed:

Installation

With NPM

To install this blueprint:

npm install -g generator-jhipster-primereact-blueprint

To update this blueprint:

npm update -g generator-jhipster-primereact-blueprint

With Yarn

To install this blueprint:

yarn global add generator-jhipster-primereact-blueprint

To update this blueprint:

yarn global upgrade generator-jhipster-primereact-blueprint

Usage

To use this blueprint, run the below command

jhipster --blueprint primereact-blueprint

Running local Blueprint version for development

During development of blueprint, please note the below steps. They are very important.

  1. Link your blueprint globally

Note: If you do not want to link the blueprint(step 3) to each project being created, use NPM instead of Yarn as yeoman doesn't seem to fetch globally linked Yarn modules. On the other hand, this means you have to use NPM in all the below steps as well.

cd primereact-blueprint
npm link
  1. Link a development version of JHipster to your blueprint (optional: required only if you want to use a non-released JHipster version, like the master branch or your own custom fork)

You could also use Yarn for this if you prefer

cd generator-jhipster
npm link

cd primereact-blueprint
npm link generator-jhipster
  1. Create a new folder for the app to be generated and link JHipster and your blueprint there
mkdir my-app && cd my-app

npm link generator-jhipster-primereact-blueprint
npm link generator-jhipster (Optional: Needed only if you are using a non-released JHipster version)

jhipster -d --blueprint primereact-blueprint

License

MIT © Jhon Eder Portocarrero

jhipster-primereact-blueprint's People

Contributors

jeportc82 avatar dependabot[bot] avatar gordolio avatar

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.