neoncitylights/js-eco#

A comparison of tools within the JS ecosystem.

Structure#

At the moment, the top-level directories include:

• /unit-testing: Comparison of unit testing frameworks
• /e2e-testing: Comparsion of e2e testing frameworks
• /libs: Comparison of build tools for creating distributable libraries
• /apps: Comarpsion of web frameworks for creating web applications
• /fmtlint: Comparison of formatting and linting tools

Each subdirectory name in the repository generally follows the naming convention below:

{{runtime}}-{{module-system}}-{{type}}-{{tools+}}

• {{runtime}}: JavaScript runtime implementation > browser, node, deno, bun
• {{module-system}}: JavaScript module resolution strategy -> esm, cjs, umd, amd
• {{language}}: JavaScript language > ts, js
• {{tools+}}: 1 or more build tools together (e.g Vite, Parcel, Webpack, esbuild, Rollup, Babel, etc.) If it does not use a build tool, it will say native (pure HTML/CSS/JS).

Types of tools#

• Minifier: A tool that optimizes source code through methods like removing whitespace, shortening names of variables and arguments, etc. A modern bundler will also automatically minify.
• Bundler: A tool that optimizes source code and its dependencies by turning it into a single file. Bundlers help performance by reducing the amount of network requests and reducing the request load size.
• Transpiler: A compiler that, given some source code, will apply certain transformations and reproduce source code in the same or different language. For example, Babel.js can transpile ES2022 code to an older ES-level for wider cross-browser compatibility, such as ES2015. TypeScript is also capable of transpiling.
• Unit testing: Unit testing involves ensuring a certain output for a given input, for the smallest testable parts of some code. Some popular testing frameworks include Vitest and Jest.
• E2E testing: E2E (end-to-end) testing involves testing an application from start to finish to simulate real-life user scenarios. In the JS context, this typically involves spinning up a headless browser instance and testing against the instance.
• Benchmarking: Benchmarking is another name for perfomance testing, which involves measuring the speed of some piece of code in a controlled environment. A benchmarker will typically include statistical measures such as standard deviations and regressions to make sure the benchmarks give accurate reports.

License#

This repository is licensed under the MIT license (LICENSE-MIT or http://opensource.org/licenses/MIT).

Contribution#

Unless you explicitly state otherwise, any contribution intentionally submitted for inclusion in the work by you, as defined in the MIT license, shall be licensed as above, without any additional terms or conditions.