blink-npm
This repo contains the code for blink npm pakage
Install
npm install --save @hackstrap/blink-npm
For usage in Next.js application execute following command
npm install next-remove-imports
This will remove all .less/.css/.scss/.sass/.styl imports from all packages in node_modules.
// add this piece of code in next.config.js file
const removeImports = require('next-remove-imports')({
options: {}
})
module.exports = removeImports()
npm i @material-ui/core@4.11.4
npm i @material-ui/icons@4.11.2
Usage
import React, { Component } from 'react'
import { BlinkApp } from 'blink-npm'
// Importing CSS files
import 'blink-npm/dist/index.css'
import 'react-date-range/dist/styles.css' // base css file from react-date-range
import 'react-date-range/dist/theme/default.css' // theme css file from react-date-range
// CSS files for @uiw/react-md-editor
import '@uiw/react-md-editor/dist/markdown-editor.css'
import '@uiw/react-markdown-preview/dist/markdown.css'
class Example extends Component {
render() {
return (
<BlinkApp
userInfo={{ Header: 'startup_name', accessor: 'startup_id' }}
screen={'startupScreen'}
view={'homeView'}
page={'metrics'}
apiRoute={'https://demo-organization.com/'}
token={'token_value'}
/>
)
}
}
Props which user can pass in BlinkApp
- All the props passed here are stored in a global Object with the help of context API and can be accessed anywhere in the app.
- screen,view,page props are used for in app navigation. Pass the correct values to load the required page.
- Pass name and id of startup/investor in the format shown above in userInfo props.
Overall Structure of BlinkApp
Pass following values to screen,view,page props to load required pages accordingly
Screen => startupScreen:
-
- page => metrics
- page => notes
-
- page => revenue
- page => expenses
- page => employee
- page => notes
-
- page => profile
Screen => investorScreen
-
- page => metrics
- page => notes
-
- page => profile
License
MIT © AbhijeetNandvikar