Giter Club home page Giter Club logo

certego-ui's Introduction

@certego/certego-ui

NPM Node.js Package

Certego components library. Built on React.js + reactstrap + more.

Projects using certego-ui

Install

npm install --save @certego/certego-ui

Documentation

Use local build of certego-ui with hot-reload (for faster development)

You can configure your local development environment in a way that any change in the certego-ui directory will trigger a new build which, in turn, will trigger a new build of your project. This will save you a lot of development time and headache.

$ git clone [email protected]:certego/certego-ui.git /home/user/certego-ui
  • Install dependencies and start local dev server,
/home/user/certego-ui$ npm install
/home/user/certego-ui$ npm start
  • In your other project that uses certego-ui, open the package.json file and modify under "dependencies" to "@certego/certego-ui": "/home/user/certego-ui".
  • Now re-install dependencies and start local dev server,
/home/user/certego-ui$ npm install
/home/user/certego-ui$ npm start

Start example project

  • Open a terminal and start local dev server for certego-ui,
/home/user/certego-ui$ npm start
  • Open another terminal and start local dev server for the certego-ui/example app,
/home/user/certego-ui/example$ npm install
/home/user/certego-ui/example$ npm start

Create new release (github & npm)

  • Modify version attribute inside package.json file and run npm install in a terminal.
  • Modify CERTEGO_UI_VERSION variable in example/src/layouts/AppFooter.jsx file.
  • Write a new entry in the CHANGELOG.md file describing the changes.
  • Finally, you should create a new release on the GitHub repistory by going to this link.

New release on GitHub will automatically publish new release on npmjs.com and, re-build and deploy the example application as well.

Changelog

CHANGELOG.md

License

MIT © certego

certego-ui's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

certego-ui's Issues

Bug in "Forms" section of Example app

Once going there the following error is triggred:

The above error occurred in the <MultiSelectTextInput> component:
Uncaught Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.

Remove axios?

This should be a frontend library, without any constraint about comunication with backend.
To evaluate pros vs cons

Rework useRouterTabs hook

New react-router v6 is slight different from previous version.
Maybe we can redo/improve useRouterTabs.

Support multi locale

Multi-language support:

  • Remove hard-coded texts, and put them in localized files
  • Add localization also for date-fns

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.