Reboost your web development workflow.
Experimental.
Reboost is still in the alpha stage. Some things might not work.
When developing a web app, as your number of modules increases, your compile-time slows down, it's really a big problem, it takes a lot of precious time which you could have used to develop your app. Since ES2015 (aka ES6) modules are supported natively by browsers. If you can connect (or you can say serve) them up correctly, it will work on browsers without the need for bundling. Here, Reboost does that for you - the serving part. So you can develop your app faster.
First, install it using npm as devDependency
npm i -D reboost
Assume that file structure is like this
Project
public
index.html
src
add.js
subtract.js
index.js
package.json
Script contents
// src/add.js
export const add = (a, b) => a + b;
// src/subtract.js
export const subtract = (a, b) => a - b;
// src/index.js
import { add } from './add';
import { subtract } from './subtract';
console.log('1 + 3 =', add(1, 3));
console.log('10 - 5 =', subtract(10, 5));
and HTML content (public/index.html)
<!doctype html>
<html>
<body>
<!-- Notice the type is "module" -->
<script type="module" src="./dist/bundle.js">
</body>
</html>
then create a file named reboost.config.js. Here's the file content
module.exports = {
entries: [
// Format - [inputPath, outputPath]
['./src/index.js', './public/dist/bundle.js']
],
contentServer: {
root: './public'
}
}
after that run Reboost using CLI, open your terminal in that directory and use the command
npx reboost
Now open the address in which the content server is started. You can see your code is working without any problem.
If you want to use any other server you can do that, you've to just serve the generated scripts which are in your output directory. Reboost will handle the rest.
There are a few options, for now. Options are not yet documented, but you can see
ReboostConfig interface in index.ts
for basic configuration options.
Plugins support is in the alpha stage, they can change anytime. For now, there's only one plugin - esbuild.
You can use esbuild plugin to compile your TypeScript files. Example configuration file for TypeScript support -
const { plugins } = require('reboost');
module.exports = {
entries: [
// This is just an example
['./src/index.ts', './public/dist/bundle.js']
],
resolve: {
// For resolving TypeScript files without typing extensions every time
extensions: ['.ts', '.js']
},
plugins: [
plugins.esbuild({
loaders: ['ts'],
target: 'es2018'
})
]
}
esbuild plugin can even compile JSX. Example configuration -
const { plugins } = require('reboost');
module.exports = {
entries: [
// This is just an example
['./src/index.js', './public/dist/bundle.js']
],
resolve: {
// For resolving TypeScript files without typing extensions every time
extensions: ['.jsx', '.js']
},
plugins: [
plugins.esbuild({
loaders: ['jsx']
})
]
}
esbuild is an awesome transformer, you can transform new ECMAScript features too which are not yet supported by browsers. See Syntax support section of esbuild for more info. Example configuration
const { plugins } = require('reboost');
module.exports = {
entries: [
// This is just an example
['./src/index.js', './public/dist/bundle.js']
],
resolve: {
// For resolving TypeScript files without typing extensions every time
extensions: ['.jsx', '.js']
},
plugins: [
plugins.esbuild({
loaders: ['js'],
target: 'es2018' // Supported by most browsers
})
]
}
Reboost is highly inspired by these awesome projects
Licensed under the MIT License.
FAQs
A super fast dev server for rapid web development
The npm package reboost receives a total of 1 weekly downloads. As such, reboost popularity was classified as not popular.
We found that reboost 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.
Research
Security News
Socket is tracking a new trend where malicious actors are now exploiting the popularity of LLM research to spread malware through seemingly useful open source packages.
Security News
Research
Noxia, a new dark web bulletproof host, offers dirt cheap servers for Python, Node.js, Go, and Rust, enabling cybercriminals to distribute malware and execute supply chain attacks.
Company News
Socket safeguards companies from software supply chain attacks by detecting and preventing threats in open source code and empowering developers to secure their applications and critical services against malware and other security risks.