Weekly web development resources #68
Tags: weekly, webdev
Published: 2021-03-31 06:48:59



______

##[ReactJS coding challenges](https://github.com/alexgurr/react-coding-challenges)
[![ReactJS coding challenges](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/68/react-coding.jpg)](https://github.com/alexgurr/react-coding-challenges)
A repository with React coding challenges with a variety of difficulties.

______

##[use-local-storage-state](https://github.com/astoilkov/use-local-storage-state)
[![use-local-storage-state](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/68/use-local-storage-state.jpg)](https://github.com/astoilkov/use-local-storage-state)
A React hook that persist data in local storage.

______

##[Conditional animations with CSS properties](https://christianheilmann.com/2021/03/13/conditional-animation-with-css-properties/)
[![Conditional animations with CSS properties](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/68/conditional-animation.jpg)](https://christianheilmann.com/2021/03/13/conditional-animation-with-css-properties/)
A nice article about how to use reduced motion in CSS.

______

##[Re:factor](https://www.re-factor.be/)
[![Re:factor](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/68/refactor.jpg)](https://www.re-factor.be/)
A digital software development conference with free entrance.

______

##[GitHub Skyline](https://skyline.github.com/)
[![GitHub Skyline](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/68/skyline.jpg)](https://skyline.github.com/)
A tool by GitHub to view a 3D model of your GitHub contribution graph.

______

##[Deep Daze](https://github.com/lucidrains/deep-daze)
[![Deep Daze](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/68/deep-daze.jpg)](https://github.com/lucidrains/deep-daze)
A command line tool for text to image generation using OpenAI.

______

##[FicusJS](https://docs.ficusjs.org/)
[![FicusJS](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/68/ficusjs.jpg)](https://docs.ficusjs.org/)
Lightweight functions for developing applications using web components.

______

##[haikei](https://haikei.app/)
[![haikei](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/68/haikei.jpg)](https://haikei.app/)
A web app to generate unique SVG shapes, backgrounds, and patterns.

______

##[Theme Studio for VS Code](https://themes.vscode.one/)
[![Theme Studio for VS Code](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/68/theme-studio.jpg)](https://themes.vscode.one/)
A tool that lets you easily design, and deploy your own VS Code themes from scratch.

______

##[How to Improve CSS Performance](https://calibreapp.com/blog/css-performance)
[![How to Improve CSS Performance](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/68/css-performance.jpg)](https://calibreapp.com/blog/css-performance)
Learn the most common speed issues caused by CSS and how to avoid them.

______

##[transition.css](https://www.transition.style/)
[![transition.css](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/68/transitioncss.jpg)](https://www.transition.style/)
A repository with 46 pre-built, drop-in CSS transitions transitions.

______

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