xxxxxxxxxx
//I always add this into the package json scripts to run everything in one line
"push": "npm run format && npm run lint && black . && git add . && read -p 'Enter commit message: ' msg && git commit -m \"$msg\" && git push"
//you can just keep adding the checking step into the line
//and just run "npm run push"
xxxxxxxxxx
<div class="alert alert-primary d-flex align-items-center" role="alert">
<svg xmlns="http://www.w3.org/2000/svg" class="bi bi-exclamation-triangle-fill flex-shrink-0 me-2" viewBox="0 0 16 16" role="img" aria-label="Warning:">
<path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
</svg>
<div>
An example alert with an icon
</div>
</div>
xxxxxxxxxx
Metadata that is specific to the project. It contains a collection of any
given project's dependencies.
A web application is used to identify the project and acts as a
baseline for users and contributors to get information about the project.
xxxxxxxxxx
metadata specific to the project
a web application, Node.js module, or even just a plain JavaScirpt library.
identifies the project and acts as a baseline for users and contributors
to get information about the project.
contains a collection of any given project's dependencies
xxxxxxxxxx
{
"scripts": {
"lint": "./node_modules/.bin/eslint",
"check-lint": "lint [0-9]*.js",
"dev": "npx babel-node",
"test": "jest",
"full-test": "./node_modules/.bin/eslint [0-9]*.js && jest"
},
"devDependencies": {
"@babel/core": "^7.6.0",
"@babel/node": "^7.8.0",
"@babel/preset-env": "^7.6.0",
"eslint": "^6.4.0",
"eslint-config-airbnb-base": "^14.0.0",
"eslint-plugin-import": "^2.18.2",
"eslint-plugin-jest": "^22.17.0",
"jest": "^24.9.0"
}
}
xxxxxxxxxx
{
"scripts": {
"lint": "./node_modules/.bin/eslint",
"check-lint": "lint [0-9]*.js",
"dev": "npx babel-node",
"test": "jest",
"full-test": "./node_modules/.bin/eslint [0-9]*.js && jest"
},
"devDependencies": {
"@babel/core": "^7.6.0",
"@babel/node": "^7.8.0",
"@babel/preset-env": "^7.6.0",
"eslint": "^6.4.0",
"eslint-config-airbnb-base": "^14.0.0",
"eslint-plugin-import": "^2.18.2",
"eslint-plugin-jest": "^22.17.0",
"jest": "^24.9.0"
}
}
xxxxxxxxxx
{
"name": "project_syncfusion_dashboard",
"version": "0.1.0",
"private": true,
"dependencies": {
"@syncfusion/ej2": "^19.4.48",
"@syncfusion/ej2-react-calendars": "^19.4.48",
"@syncfusion/ej2-react-charts": "^19.4.50",
"@syncfusion/ej2-react-dropdowns": "^19.4.52",
"@syncfusion/ej2-react-grids": "^19.4.50",
"@syncfusion/ej2-react-inputs": "^19.4.52",
"@syncfusion/ej2-react-kanban": "^19.4.48",
"@syncfusion/ej2-react-popups": "^19.4.52",
"@syncfusion/ej2-react-richtexteditor": "^19.4.50",
"@syncfusion/ej2-react-schedule": "^19.4.50",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-icons": "^4.3.1",
"react-router-dom": "^6.2.1",
"react-scripts": "5.0.0"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"autoprefixer": "^10.4.2",
"postcss": "^8.4.6",
"tailwindcss": "^3.0.19"
}
}