FullStack Bulletin

Subscribe
Archives
October 19, 2020

🤓 #42: Async Generator Functions and Websockets in Node.js

Vugu, Node.js Scalability Tips, Image & Videos lazy loading, Conditionally add attributes to JS objects, Declarative Shadow DOM, Radix Icons

Fullstack bulletin:
Async Generator Functions and Websockets in Node.js
View this email in your browser
alt_text
"It would appear that we have reached the limits of what it is possible to achieve with computer technology, although one should be careful with such statements, as they tend to sound pretty silly in 5 years"
—  John Von Neumann, Computer Scientist
outline-dark-facebook-48.png Share outline-dark-twitter-48.png Tweet outline-dark-linkedin-48.png Share outline-dark-forwardtofriend-48.png Forward

Best 7 links of week #42, 2020

Async Generator Functions and Websockets in Node.js

Async Generator Functions and Websockets in Node.js


Async generator functions were a new feature in ES2018. Node.js added support for async generator functions in Node.js 10. Async generator functions may seem like a pretty niche feature, but they present a neat opportunity for Node.js WebSocket frameworks. In this article, I'll explain how a Node.js WebSocket framework might use async generator functions.

Read article
Vugu

Vugu


Vugu: Write pure Go and targets WebAssembly! Most modern browsers supported. Experimental, for now, but really cool!

Read article
3 node.js scalability problems and how to solve them 🚀

3 node.js scalability problems and how to solve them 🚀


Serving static assets, not using cluster mode, and poorly designed cron jobs, are the most common mistakes when scaling a node.js server.

Read article
Plausible: Self-Hosted Google Analytics alternative

Use lazy-loading to improve loading speed


Lazy-loading is a technique that defers loading of non-critical resources at page load time. Instead, these non-critical resources are loaded at the moment of need. Where images are concerned, "non-critical" is often synonymous with "off-screen".

Read article
Emulate vision deficiencies in DevTools

How to Conditionally Add Attributes to Objects


JavaScript is full of tricks that you don't know you want until you ... want ... them. Or maybe just until you see them. One trick I recently realized was conditionally adding attributes to React elements!

Read article
Declarative Shadow DOM

Declarative Shadow DOM


Declarative Shadow DOM is a new way to implement and use Shadow DOM directly in HTML.

Read article
Radix Icons

Radix Icons


A crisp set of 15×15 icons designed by the Modulz team.

Read article
 

Book of the week

book cover
React.js Essentials
by Artemij Fedosejev

A fast-paced guide to designing and building scalable and maintainable web apps with React.js. Begin by exploring how you can create single and multiple user interface elements. Create stateless and stateful components and make them reactive, learn to interact between your components and lifecycle methods and gauge how to effectively integrate your user interface components with other JavaScript libraries. Delve deep into the core elements of the Flux architecture and learn how to manage your application using stores. Finish by going that extra mile with the Jest test framework, running multiple tests on your application and find solutions to scale it further without complexity.
Buy on Amazon.com Buy on Amazon.co.uk
outline-dark-facebook-48.png Share outline-dark-twitter-48.png Tweet outline-dark-linkedin-48.png Share outline-dark-forwardtofriend-48.png Forward

Remember to share if you enjoyed this issue!

See you next week

56a252501ea7d706ef189cbf6451d23a?s=100 — Andrea e18d2c2510d828bc95bde6817e6e9ce2?s=100 — Luciano
color-link-48.png fullstackbulletin.com
color-twitter-48.png @fstackbulletin
Copyright © 2024 FullStack Bulletin, All rights reserved.
*|IFNOT:ARCHIVE_PAGE|*

FullStack Bulletin is a FREE weekly curated newsletter for ambitious full stack developers. We sift the internet for builders, covering frontend, backend, databases, DevOps, and architecture to find what truly matters. Expect practical picks, clear takeaways, and fresh ideas that cut the noise, sharpen your skills, and fuel your creativity so you can put them to work right away.



Our mailing address is:
*|HTML:LIST_ADDRESS_HTML|* *|END:IF|*

Want to change how you receive these emails?
You can update your preferences or unsubscribe from this list

*|IF:REWARDS|* *|HTML:REWARDS|* *|END:IF|*
Don't miss what's next. Subscribe to FullStack Bulletin:
Powered by Buttondown, the easiest way to start and grow your newsletter.