JSter #152: Libraries and a lot more
2020 and we're still coding JavaScript
It's time for the monthly JSter again. React Finland is shaping up well and we're out of regular bird tickets for the conference soon. I've compiled a list of JavaScript links I've found interesting during the past month so please enjoy. I hope you find something useful.
One of the things I completed during past month was Sidewind. It's a light state manager built for JavaScript. State lives within the DOM and thanks to the modern web APIs I was able to keep it small. If you are using Tailwind for styling, Sidewind complements it well.
Libraries
- lukeed/calendarize - A tiny (202B) utility to generate calendar views
- Mavo - A new, approachable way to create web applications
- tagtag - Easy HTML templating with JS
- hyperscript-html - Fast and light hyperscript function to generate HTML
- mattboldt/typed.js/ - A JavaScript typing animation library
- lukeed/klona - A tiny (366B) and fast utility to deep clone Objects, Arrays, Dates, RegExps, and more!
- Passjoin Index - Efficient Levenshtein distance queries
- cuid - Collision-resistant ids optimized for horizontal scaling and performance
- Perfume.js - Perfume is a tiny, web performance monitoring library
Frameworks
- Feathers - A framework for real-time applications and REST APIs
- VulcanJS - The full-stack React+GraphQL framework
Components
- plete - A vanilla js autocomplete component that supports remote filtering
- @justinribeiro/lite-youtube - A web component that displays render YouTube embeds faster
TypeScript
- OvernightJS - The best way to use ExpressJS with TypeScript
Data Structures
- anvaka/ngraph - A set of graph algorithms
Language
- for...of - Explanation of this little known yet useful feature
Tools
- react-figma - Render React components to Figma
- Introducing Yarn 2 - The popular package manager has reached a new major version
- pretty-quick - Run Prettier on your changed files
- microsoft/playwright - Puppeteer but for multiple browsers
- why-npm-i-so-long - Figure out why installing from npm takes so long
- atlassian/yarn-deduplicate - Deduplication tool for yarn.lock files
Polyfills
- WICG/focus-visible - Polyfill for :focus-visible
Articles
- JavaScript Libraries Are Almost Never Updated Once Installed
- âOutside Inâ â Ordering CSS Properties by Importance
- Six donts of web app internationalization
- Were Kyiv Winters as Snowy as I Remember as a Kid?
- JavaScript libraries for âSelf typing textâ