Weekly web development update #31
Tags: webdev, weekly
Published: 2020-06-24 05:24:35

Here's the new weekly update from the 24th of June:


______

##[Beam Cafe](https://github.com/dot-cafe/beam.cafe)
[![Beam Cafe](https://user-images.githubusercontent.com/30767528/84598299-057bfe80-ae6a-11ea-9605-5151ec71b214.png)](https://github.com/dot-cafe/beam.cafe)
A fast file transfer app, which can be also self-hosted.

______

##[Gradient Generator](https://codepen.io/j-w-v/full/pogEaON)
[![Gradient Generator](https://wweb.dev/weekly/screenshots/gradient-generator.jpg)](https://codepen.io/j-w-v/full/pogEaON)
A cool gradient generator on CodePen.

______

##[Tutorialist](https://www.tutorialist.io/)
[![Tutorialist](https://www.tutorialist.io/og-image.png)](https://www.tutorialist.io/)
A good collection of free software development tutorials.

______

##[Application State Management with React](https://kentcdodds.com/blog/application-state-management-with-react)
[![Application State Management with React](https://kentcdodds.com/static/5e68938dfc2a21c7de99a1142fdad6a4/d6099/banner.webp)](https://kentcdodds.com/blog/application-state-management-with-react)
An article by Kent C. Dodds about managing your application state in React.

______

##[GitHub Super Linter](https://github.blog/2020-06-18-introducing-github-super-linter-one-linter-to-rule-them-all/)
[![GitHub Super Linter](https://github.blog/wp-content/uploads/2020/06/github-super-linter-white.png?w=1200)](https://github.blog/2020-06-18-introducing-github-super-linter-one-linter-to-rule-them-all/)
A new GitHub action to automate the linting.

______

##[Bootstrap 5 alpha](https://blog.getbootstrap.com/2020/06/16/bootstrap-5-alpha/)
[![Bootstrap 5 alpha](https://blog.getbootstrap.com/assets/img/2020/06/v5-new-logo.png)](https://blog.getbootstrap.com/2020/06/16/bootstrap-5-alpha/)
The new bootstrap version, dropping jQuery and IE support, goes into alpha

______

##[Static Hosting Benchmark 2020](https://www.pierbover.com/posts/static-hosting-benchmark-2020/)
[![Static Hosting Benchmark 2020](http://pierbover.com/img/static-hosting-benchmark-2020/hero.jpg)](https://www.pierbover.com/posts/static-hosting-benchmark-2020/)
A benchmark of the most popular static hosting services in 2020.

______

##[Understanding client-side web development tools](https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools)
[![Understanding client-side web development tools](https://developer.mozilla.org/static/img/opengraph-logo.72382e605ce3.png)](https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools)
Another good guide by MDN about client-side tooling.

______

##[Snipsnap](https://github.com/snipsnapdev/snipsnap/blob/master/README.md)
[![Snipsnap](https://wweb.dev/weekly/screenshots/snipsnap.jpg)](https://github.com/snipsnapdev/snipsnap/blob/master/README.md)
A snippets collection and VS Code extension that exposes all available snippets.

______

##[Lightweight alternatives to Google Analytics](https://lwn.net/SubscriberLink/822568/61d29096a4012e06/)
[![Lightweight alternatives to Google Analytics](https://static.lwn.net/images/2020/wa-plausible-sm.png)](https://lwn.net/SubscriberLink/822568/61d29096a4012e06/)
An article reviewing alternatives to Google Analytics.

______

##[Mozilla VPN](https://blog.mozilla.org/futurereleases/2020/06/18/introducing-firefox-private-network-vpns-official-product-the-mozilla-vpn/)
[![Mozilla VPN](https://blog.mozilla.org/futurereleases/files/2020/06/MozillaVPN_future-release-1400x770.jpg)](https://blog.mozilla.org/futurereleases/2020/06/18/introducing-firefox-private-network-vpns-official-product-the-mozilla-vpn/)
Mozilla is announcing their own VPN. The Beta is available for U.S.

______

##[How to Compare Objects in JavaScript](https://dmitripavlutin.com/how-to-compare-objects-in-javascript/)
[![How to Compare Objects in JavaScript](https://dmitripavlutin.com/static/28536a7466b2eec72b7c20040478860b/5b41b/cover-3.webp)](https://dmitripavlutin.com/how-to-compare-objects-in-javascript/)
Learn how to check for equality in JavaScript with this article.

______

##[React Query 2.0](https://github.com/tannerlinsley/react-query/releases/tag/v2.0.0)
[![React Query 2.0](https://raw.githubusercontent.com/tannerlinsley/react-query/master/media/header.png)](https://github.com/tannerlinsley/react-query/releases/tag/v2.0.0)
Tanner Linsley just released the new version of React Query with a lot of improvements.

______

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