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 :
cd /path/to/nextrap
npm start
- Open your browser and go to
http://localhost:3004
More information
For more information about the React Components, follow these steps :
- Look at available Components in
/path/to/nextrap/lib/nextrap/jsx/index.js
- Look at available PropTypes at the beginning of each Component file in
/path/to/nextrap/lib/nextrap/jsx/components/**.react.js
- 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();}