How to document your JS package

Salut, web dev friends! ๐Ÿง‘โ€๐Ÿ’ป

I have selected some news from the web dev world to share.

๐Ÿ“š How to document your JS package ?
๐Ÿ’ฝ JSR registry, a superset of npm.
๐Ÿงก Amber, a programming language compiled to bash.
๐Ÿ“— How to structure your Vuejs project

Have a great week.


๐Ÿ“š How to document your JavaScript package ?
Great article which explain how you can leverage, JSDoc, Typescript and JSR to document, test and publish your javascript package.

๐Ÿ’ฝ The JavaScript Registry
JSR is a registry designed to publish Typescript package as a source, it handles generating API docs,ย .d.tsย files, and transpiling your code for cross-runtime compatibility.
It will distribute your package as web-standard ECMAScript modules.

๐Ÿงก Amber
The new way to write bash script. It's like Typescript but for bash.

๐Ÿ“— Vue Project Directory Structure
Keep the hierarchy as flat as possible, and if you have a project which start to really grow, you can create an micro-service architecture with each modules which represents parts of your application.


Web tools and Library

๐Ÿ”ง Web Platform Status
The Web Platform Dashboard from the Google team, a way to check when some features will be available.

๐Ÿ™ Moonbow ๐ŸŒš+๐ŸŒˆ
Vue img component for addingย GLSLย to imagesย ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ

๐Ÿ“— Vue Fluid DnD
Vue Fluid DnDย is a fluid and smooth drag and drop solution for lists on Vue3 full animated.

๐Ÿ“– Sources

Every news are mainly from my Twitter feed, my Github feed, The collective, Michael Thiessen, Michael Hoffmann, Stefan and more recently by my friends Adrien Zaganelli.