Nextrap Npm – A simple Nextjs app boilerplate with steroid packages

Nextrap Npm – A simple Nextjs app boilerplate with steroid packages

Installation

First install the package with the follow command :

$ npm install nextrap --save

Getting started

For using Nextrap, you need to take a look to the examples available in the folder /path/to/nextrap/src/public/app/platform/views. For render these examples in your browser, run :

  1. cd /path/to/nextrap
  2. npm start
  3. Open your browser and go to http://localhost:3004

More information

For more information about the React Components, follow these steps :

  1. Look at available Components in /path/to/nextrap/lib/nextrap/jsx/index.js
  2. Look at available PropTypes at the beginning of each Component file in /path/to/nextrap/lib/nextrap/jsx/components/**.react.js
  3. Look at available public methods at the end of each Component file in /path/to/nextrap/lib/nextrap/jsx/components/**.react.js

Using public methods of a Component

Here, an example of the public method available for Dropdown Component :

// Renderrender: function() {    return (        <Button onClick={this.focusDropdown}>Focus dropdown</Button>        <Button onClick={this.blurDropdown}>Blur dropdown</Button>        <Dropdown ref={function(c) { this._dropdownRef = c; }.bind(this)} />    );}, // Focus in dropdownfocusDropdown: function() {    this._dropdownRef.focus();}, // Blur from dropdownblurDropdown: function() {    this._dropdownRef.blur();}

Leave a Comment