Weekly web development update #36
Tags: weekly, webdev
Published: 2020-07-29 05:24:44

______

##[useHooks](https://usehooks.com/)
[![useHooks](https://usehooks.com/static/og-image-2-831e08abba54e27c3949847790422bec.png)](https://usehooks.com/)
A list of aasy to understand React Hooks.

______

##[Differences Between Static Generated Sites And Server-Side Rendered Apps](https://www.smashingmagazine.com/2020/07/differences-static-generated-sites-server-side-rendered-apps/)
[![Differences Between Static Generated Sites And Server-Side Rendered Apps](https://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/3f6d94e9-5c75-438c-9016-b5d33ffd4a1e/differences-static-generated-sites-server-side-rendered-apps.png)](https://www.smashingmagazine.com/2020/07/differences-static-generated-sites-server-side-rendered-apps/)
A nice article by Timi Omoyeni about the differences between SSR and SSG.

______

##[Warp SVG Online](https://pavellaptev.github.io/warp-svg/)
[![Warp SVG Online](https://raw.githubusercontent.com/PavelLaptev/warp-svg/master/src/images/web-preview.jpg)](https://pavellaptev.github.io/warp-svg/)
A simple online tool that allows you to warp, bend, and distort SVG files.

______

##[Rows n' Columns](https://rowsncolumns.app/)
[![Rows n' Columns](https://wweb.dev/weekly/screenshots/rows-n-columns.jpg)](https://rowsncolumns.app/)
An Excel-like DataGrid component for React. Built for high-performance rendering similar to google sheets.

______

##[First Contrib](https://firstcontrib.herokuapp.com/)
[![First Contrib](https://wweb.dev/weekly/screenshots/first-contrib.jpg)](https://firstcontrib.herokuapp.com/)
A search for issues to contribute to. It makes it easy to get involved in Open-Source.

______

##[A CSS-only, animated, wrapping underline.](https://nickymeuleman.netlify.app/blog/css-animated-wrapping-underline)
[![A CSS-only, animated, wrapping underline.](https://nickymeuleman.netlify.app/static/49469c00e91dbb59f07efd2f25b7a571/7c22d/cover.webp)](https://nickymeuleman.netlify.app/blog/css-animated-wrapping-underline)
A tutorial by Nicky Meuleman on creating an animated underline.

______

##[Bar chart race generator](https://fabdevgit.github.io/barchartrace/)
[![Bar chart race generator](https://fabdevgit.github.io/barchartrace/css/demo.png)](https://fabdevgit.github.io/barchartrace/)
A fun generator for bar chart races based on CSV data.

______

##[Building a self-updating profile README for GitHub](https://simonwillison.net/2020/Jul/10/self-updating-profile-readme/)
[![Building a self-updating profile README for GitHub](https://static.simonwillison.net/static/2020/simonw-github.png)](https://simonwillison.net/2020/Jul/10/self-updating-profile-readme/)
An article by Simon Willison on automating GitHub your GitHub profile README

______

##[Build JavaScript applications with Node.js](https://docs.microsoft.com/en-gb/learn/paths/build-javascript-applications-nodejs/)
[![Build JavaScript applications with Node.js](https://docs.microsoft.com/learn/achievements/build-javascript-applications-nodejs-social.png)](https://docs.microsoft.com/en-gb/learn/paths/build-javascript-applications-nodejs/)
A course about building Node.js apps by Microsoft.

______

##[Invert, always, invert](https://www.anup.io/2020/07/20/invert-always-invert/)
[![Invert, always, invert](https://www.anup.io/content/images/size/w2000/2020/07/nine-kopfer-tJC6I9S3nBw-unsplash.jpg)](https://www.anup.io/2020/07/20/invert-always-invert/)
Not strictly programming related, but an interesting article about the mental modal around inverting.

______

##[emoji-picker-element](https://github.com/nolanlawson/emoji-picker-element)
[![emoji-picker-element](https://camo.githubusercontent.com/fd4769e9ac24747f4aba0575e9879f0a65b6a941/68747470733a2f2f6e6f6c616e776c6177736f6e2e66696c65732e776f726470726573732e636f6d2f323032302f30362f6f75742e706e67)](https://github.com/nolanlawson/emoji-picker-element)
A lightweight emoji picker, distributed as a web component.

______

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