Weekly Digest 27/2021
Welcome to my Weekly Digest #27.
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
export default thing is different to export { thing as default }
Here’s how they differ, and when it matters…
SVG Favicons in Action
Ever heard of favicons made with SVG? If you are a regular reader of CSS-Tricks, you probably have. But does your website actually use one? The task is
npm audit: Broken by Design
Found 99 vulnerabilities (84 moderately irrelevant, 15 highly irrelevant)
Some great videos I watched this week
React’s Automatic State Batching
Little known fact React batches your state state changes to result in only a single render (DOM) update. Except when it didn’t, But now it does.
Building a Data-Backed Next.js Site with Prisma & App Platform
Chris is joined by Chris Sev from Digital Ocean to talk about their new App Platform. They’re going to use it to build a little website: The site will be blog-like: Posts with IDs, titles, content, and the more dynamic bit: “likes”. They’re going to use some pretty modern tech to get it done.
Type safe GraphQL with TypeScript
When building with GraphQL you define the schema up front and this can be really handy go use when it comes to writing the queries, resolvers, etc., especially if it’s in TypeScript. So, how do you go about doing the type generation? We’ll take a look at a tool that can generate you the TypeScript types, then implement our backend using them before looking at how they can plug into the front end with React Hooks.
Are You Making This Mistake With CSS Colors?
Every developer needs to define colors in CSS at some point and generally when a developer defines colors in CSS they use RGB or HEX to write out those colors. Technically there is nothing wrong with doing this, but it is far from the best way to write colors in CSS.
VS Code tips: JSDoc links
Use @ link tags in JSDoc comments to link to symbols in your JavaScript or TypeScript project.
Useful GitHub repositories
GitTools
This repository contains three small python/bash scripts used for the Git research.
Geist
Modern and minimalist React UI library, originating from Vercel’s design.
dribbble shots
Recipe App Design
Furniture Landing Page
Recipe App
Cryptocurrency Market Landing
Web Header
Marova — Virtual Art Gallery
Tweets
Picked Pens
Generative parallelogram covering
Podcasts worth listening
Syntax — JavaScript Event Buzzwords
In this Hasty Treat, Scott and Wes define some JavaScript Buzzwords and talk about what they mean!
Ladybug Podcast — Python
Normally, we talk about frontend development — but there’s so many other niches within programming out there. Today we’re going to talk about Python what it’s used for, why it’s great, and how it’s different than JavaScript.
The CSS Podcast — Accessibility
Today we are breaking down accessibility related styling choices to ensure a better user experience for all of your users. These include focus visibility, keyboard navigation, and more!
Thank you for reading, talk to you next week, and stay safe! 👋
