Weekly Digest 40/2021
Welcome to my Weekly Digest #40 of this year.
This weekly digest contains a lot of interesting and inspiring articles, videos, tweets, podcasts, and designs I consumed during this week.
Interesting articles to read
How I built a modern website in 2021
Kent rewrote kentcdodds.com using the latest technologies and he wants to talk about what he did.
4 things you didn’t know you could do with GitHub Actions
GitHub Actions is a powerful platform that empowers your team to go from code to cloud, all from the comfort of your repositories.
Conditional Border Radius in CSS
How to use CSS comparison functions to create a conditional border-radius
Some great videos I watched this week
Em & Rem Units
Em and Rem units are used to size your text elements relative to one another. By assigning em units to your elements, you can change all of their font sizes at once, simply by changing the font size of the elements’ root tag.
What Are Build Tools in Web Development
Go in 100 Seconds
Learn the basics of the Go Programming Language. Go was developed at Google as a modern version of C for high-performance server-side applications.
Redux Sagas vs Redux Toolkit Query
Redux Saga and Redux Toolkit Query are two great ways to do API access. Let’s compare them head to head doing full create, read, update and delete operations on both libraries. If you’ve only seen one of these in action you’ll want to check this out!
Custom Hooks in React
In this video, Amy explains what a hook is and how to set up a custom hook. Using her custom audio player as a starting point, she makes the code more reusable converting it to a custom hook library.
Setup Multiple Pages with Vite
This lesson quickly demonstrates how to add multiple pages to a Vite application. This essentially means you get a multi-page app without adding any specific routing library.
Useful GitHub repositories
MJML
The only framework that makes responsive email easy. MJML is a markup language designed to reduce the pain of coding a responsive email.
@react-three/flex
Placing content in THREE.js is hard. @react-three/flex brings the webs flexbox spec to react-three-fiber. It is based on Yoga, Facebook’s open-source layout engine for react-native.
Kubeapps
A web-based UI for deploying and managing applications in Kubernetes clusters
dribbble shots
Dashboard Pricing Page
Pixiedia Agency
Crypter Dashboard Concept
Segmentation Icon
Tweets
Podcasts worth listening
Ladybug — A Day In The Life Of Four Software Engineers
What is a typical day in the life like for a software engineer? To close out Season 6, we thought it’d be a great idea to give you some insight into our workdays, as we all have very different roles and are in different stages of our careers.
Syntax — PHP Is Good and We’re Just Re-Creating It
Chats with Kent — Building Awesome Demos
Learn how to use projects to improve your skills and problem-solving!
Chats with Kent — Effective Learning
Learn strategies on how to effectively teach yourself!
Chats with Kent — Advancing Your Skills
Learn about how good habits can be deliberately formed to advance your skills!
Thank you for reading, talk to you next week, and stay safe! 👋
