> For the complete documentation index, see [llms.txt](https://ricardomol.gitbook.io/notes/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ricardomol.gitbook.io/notes/frontend/javascript-toolchain.md).

# Javascript Toolchain

1. **Package manager**: Yarn, npm. Lets you install or update third party packages.
2.  **Bundler**: Webpack, Parcel. Lets you write module code and bundle it together into small packages to optimize load time. Can parse JSX files (which browsers don't understand) and also add a SaSS to CSS buld step.
3. **Compiler**: Babel. lets you write modern JS that still works in older browsers.