This repo contains the code for blink npm pakage
npm install --save @hackstrap/blink-npm
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/[email protected] npm i @material-ui/[email protected]
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'} /> ) } }
- 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.
Pass following values to screen,view,page props to load required pages accordingly
-
- page => metrics
- page => notes
-
- page => revenue
- page => expenses
- page => employee
- page => notes
-
- page => profile
-
- page => metrics
- page => notes
-
- page => profile
MIT © AbhijeetNandvikar