Weekly web development update #54
Tags: weekly, webdev
Published: 2020-12-09 07:23:38



______

##[css.lab](https://csslab.app/)
[![css.lab](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/54/css-lab.jpg)](https://csslab.app/)
A selection of components that can be easily slotted into web projects

______

##[React is slow, what now?](https://nosleepjavascript.com/react-performance/)
[![React is slow, what now?](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/54/react-is-slow.jpg)](https://nosleepjavascript.com/react-performance/)
An article about improving the performance of your React App.

______

##[Beautiful Codes](https://www.beautifulcodes.in)
[![Beautiful Codes](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/54/beautiful-codes.jpg)](https://www.beautifulcodes.in)
A website to generate beautiful screenshots of your code.

______

##[An introduction to micro-frontends](https://ruairidh.dev/introduction-to-micro-frontends)
[![An introduction to micro-frontends](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/54/micro-frontends.jpg)](https://ruairidh.dev/introduction-to-micro-frontends)
An article on what micro-frontends are, and how to use them.

______

##[How to Add Text in Borders Using Basic HTML Elements](https://css-tricks.com/how-to-add-text-in-borders-using-basic-html-elements/)
[![How to Add Text in Borders Using Basic HTML Elements](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/54/border-text-fieldset.jpg)](https://css-tricks.com/how-to-add-text-in-borders-using-basic-html-elements/)
A nice article on adding borders with text.

______

##[WMR](https://github.com/preactjs/wmr)
[![WMR](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/54/wmr.jpg)](https://github.com/preactjs/wmr)
A development tool for modern web apps by the people of preact.

______

##[Why it's good for users that HTML, CSS and JS are separate languages](https://hiddedevries.nl/en/blog/2020-11-25-why-its-good-for-users-that-html-css-and-js-are-separate-languages/)
[![Why it's good for users that HTML, CSS and JS are separate languages](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/54/separate-languages.jpg)](https://hiddedevries.nl/en/blog/2020-11-25-why-its-good-for-users-that-html-css-and-js-are-separate-languages/)
An article arguing against replacing HTML, CSS and JavaScript with just one language.

______

##[reading-time](https://github.com/ngryman/reading-time)
[![reading-time](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/54/reading-time.jpg)](https://github.com/ngryman/reading-time)
A JavaScript library for adding medium's like reading time estimation.

______

##[CSS Animation Tutorial](https://jst.hashnode.dev/css-animation-tutorial)
[![CSS Animation Tutorial](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/54/css-animation.jpg)](https://jst.hashnode.dev/css-animation-tutorial)
A detailed tutorial for CSS animations.

______

##[Goodbye to Google Fonts](https://wicki.io/posts/2020-11-goodbye-google-fonts/)
[![Goodbye to Google Fonts](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/54/goodbye-google-fonts.jpg)](https://wicki.io/posts/2020-11-goodbye-google-fonts/)
Comparing Google Fonts to self-hosting fonts.

______

To see all the weeklies check: [wweb.dev/weekly](https://wweb.dev/weekly)