Weekly web development update #22
Tags: weekly, webdev
Published: 2020-04-22 05:12:45

Here's what I've found and read during the week of the 22nd of April :)


______

##[GitHub is free for teams](https://github.blog/2020-04-14-github-is-now-free-for-teams/?utm_source=wweb.dev)
[![GitHub is free for teams](https://github.blog/wp-content/uploads/2020/04/GH-Blog-1200-x-630_Option1@2x.png?w=2400)](https://github.blog/2020-04-14-github-is-now-free-for-teams/?utm_source=wweb.dev)
GitHub just made all of the core features free for everyone. Here's their blog post announcing it.

______

##[React Query](https://www.npmjs.com/package/react-query?utm_source=wweb.dev)
[![React Query](https://raw.githubusercontent.com/tannerlinsley/react-query/master/media/header.png)](https://www.npmjs.com/package/react-query?utm_source=wweb.dev)
A really cool React library for handeling server state with fetching, caching and updating.

______

##[BEM Cheat Sheet](https://9elements.com/bem-cheat-sheet/?utm_source=wweb.dev)
[![BEM Cheat Sheet](https://9elements.com/bem-cheat-sheet/src/img/bem-cheat-sheet.png)](https://9elements.com/bem-cheat-sheet/?utm_source=wweb.dev)
A nice cheat sheet for all of you who are using BEM for naming their CSS classes.

______

##[Crank.js](https://crank.js.org/?utm_source=wweb.dev)
[![Crank.js](https://wweb.dev/weekly/screenshots/crankjs.jpg)](https://crank.js.org/?utm_source=wweb.dev)
A new JS framework for writing JSX-driven components with functions, promises and generators.

______

##[Image compare viewer](https://image-compare-viewer.netlify.app/?utm_source=wweb.dev)
[![Image compare viewer](https://wweb.dev/weekly/screenshots/imagecompareviewer.jpg)](https://image-compare-viewer.netlify.app/?utm_source=wweb.dev)
A vanilla JS library for adding a before and after compare slider to images.

______

##[Meanderer.js](https://meanderer.netlify.app/?utm_source=wweb.dev)
[![Meanderer.js](https://wweb.dev/weekly/screenshots/meanderer.jpg)](https://meanderer.netlify.app/?utm_source=wweb.dev)
A JavaScript micro-library for responsive CSS motion paths

______

##[Vue.js v3.0-beta](https://news.vuejs.org/issues/179?utm_source=wweb.dev)
[![Vue.js v3.0-beta](https://news.vuejs.org/logo.png)](https://news.vuejs.org/issues/179?utm_source=wweb.dev)
The new Vue.js version 3.0 is going beta. Check their blog post for more information.

______

##[AHA Programming](https://kentcdodds.com/blog/aha-programming?utm_source=wweb.dev)
[![AHA Programming](https://kentcdodds.com/static/7fa12e9387c0fc00c2ec7b8444d5cf91/3e561/banner.jpg)](https://kentcdodds.com/blog/aha-programming?utm_source=wweb.dev)
AHA stands for "Avoid Hasty Abstraction" and is a design principle by Kent C. Dodds. It deals with problems caused by the DRY principle.

______

##[React landing page template](https://github.com/cruip/open-react-template?utm_source=wweb.dev)
[![React landing page template](https://user-images.githubusercontent.com/2683512/78789364-545e7100-79ad-11ea-9e3c-9528c99cda8e.png)](https://github.com/cruip/open-react-template?utm_source=wweb.dev)
A free React landing page template for creating quick landing pages.

______

##[Stripe Connect: behind the front-end experience](https://stripe.com/de/blog/connect-front-end-experience?utm_source=wweb.dev)
[![Stripe Connect: behind the front-end experience](https://b.stripecdn.com/site-srv/assets/img/blog/posts/connect-frontend/header-background-fca7c86a3378d48e2f3bf0ccda9e7fbfa2bebe96.png)](https://stripe.com/de/blog/connect-front-end-experience?utm_source=wweb.dev)
A blog post by Benjamin De Cock about the front-end design of Stripe's Connect.

______

##[Splitlist](https://splitlist.mikkelsvartveit.com/?utm_source=wweb.dev)
[![Splitlist](https://wweb.dev/weekly/screenshots/splitlist.jpg)](https://splitlist.mikkelsvartveit.com/?utm_source=wweb.dev)
A website to create, share and collaborate on to-do lists, shopping lists and more.

______

##[Mock Service Worker](https://github.com/open-draft/msw?utm_source=wweb.dev)
[![Mock Service Worker](https://raw.githubusercontent.com/open-draft/msw/master/logo.png)](https://github.com/open-draft/msw?utm_source=wweb.dev)
A client-side API mocking library that intercepts outgoing requests using Service Workers.

______

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