Security News
ESLint is Now Language-Agnostic: Linting JSON, Markdown, and Beyond
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
dev-toolkit-monorepo
Advanced tools
Jump-start your react
-powered Web App.
dynamic pages
sass & css-modules
server-rendering
hot-reload
# install & initialize new app
npm install -g dev-toolkit
dev-toolkit --init my_app
cd my_app
# run it via npm scripts
npm run dev
# or run it directly (-w or --watch)
dev-toolkit --watch
This will give you the following structure to work with:
src
├── client
│ ├── app.js
│ └── ...
└── server
└── ...
# Create `build`-folder with compiled files (-b or --build)
dev-toolkit --build
build
-folderjpg
, png
, gif
& svg
-filesVerify if static build is working correctly.
# Runs a minimal server that serves the build folder (--static or --serve-static)
dev-toolkit --serve-static
To make use of dynamic pages and components for making your app load faster use the extended build command.
For advanced users only, refer to this gist for information on how to implement it.
# This will create an index-file for each dynamic route (-d --dynamic or --build --dynamic)
dev-toolkit --build --dynamic
index.html
contains a script
-link to the app
bundle and the page-bundleasync
and defer
-attributes as appropriateYou'll need to import the webpack config for running tests, refer to this gist for the setup. You'll be able to write your tests in ES2015, just like the rest of your app. Single tests can also be run in a watch-mode with the npm run test-single
-command.
You can use your project as an universal/isomorphic server-side-rendered app.
For advanced users only.
# Compile and run `src/server/app` (-s or --serve)
dev-toolkit --serve
# Check Version (-v or --version)
dev-toolkit -v
vendor.js
// in your package.json, add `toolkitSettings` section
"toolkitSettings": {
"vendor": [
"react",
"react-dom",
"react-router"
]
},
last tested version 5.10.1
last tested version 3.8.3
transform-class-properties
supportvendor.js
css
, scss
js
, jsx
, json
jpg
, png
, gif
, svg
src/server/app
--init
about eslint-import-resolver
.The package doesn't know that we're using webpack via the dev-toolkit and since webpack is not present in the dependencies, it throws an UNMET PEER DEPENDENCY
-warning.
dev-toolkit
-package is not part of the dependencies of the starting point I created with --init
.Since you already installed dev-toolkit
globally, it would be easier to work on multiple projects without reinstalling the dev-toolkit
-dependencies for each project. This way when you update the toolkit with npm install -g dev-toolkit@version
, all your projects are updated as well.
You can of course still pin your project with a specific version of the toolkit by running npm install --save-dev dev-toolkit
inside your project folder.
Questions? Bugs? Suggestions? Create a new issue or submit a PR!
Check out the Contributing Guidelines for information on how to work on the toolkit itself.
kindly supported by BrowserStack.
FAQs
·
The npm package dev-toolkit-monorepo receives a total of 1 weekly downloads. As such, dev-toolkit-monorepo popularity was classified as not popular.
We found that dev-toolkit-monorepo demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
Security News
Members Hub is conducting large-scale campaigns to artificially boost Discord server metrics, undermining community trust and platform integrity.
Security News
NIST has failed to meet its self-imposed deadline of clearing the NVD's backlog by the end of the fiscal year. Meanwhile, CVE's awaiting analysis have increased by 33% since June.