Weekly Digest 15/2021
Tags: css, javascript, react, webdev
Published: 2021-04-18 17:09:48

Welcome to my Weekly Digest #15 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

### Comprehensive guide to using Redux in React Native

Using hooks with Redux makes it simple to manage state internally in React Native applications with many components.

[Comprehensive guide to using Redux in React Native - LogRocket Blog](https://blog.logrocket.com/comprehensive-guide-to-using-redux-in-react-native/)

### How to test 400 React components without breaking a sweat

Your organization’s development experience can be detrimental to your ability to ship code to your clients. There is a very delicate balance that needs to be found between testing your code and design.

[How to test 400 React components without breaking a sweat](https://medium.com/kenshoos-engineering-blog/how-to-test-400-react-components-without-breaking-a-sweat-aa304a5cc72b)

### Seven Mistakes To Avoid In Your Technical Interviews

It’s no secret that the technical interview process leaves something to be desired; it’s often riddled with anxiety and stress. In this article, we’ll take a look at seven of the most common mistakes candidates make in their technical interviews and explore ways you can avoid them.

[Seven Mistakes To Avoid In Your Technical Interviews - Smashing Magazine](https://www.smashingmagazine.com/2021/04/mistakes-technical-interviews/)

### Overcoming 7 main problems of learning to code for people who don’t have a developer job

If you don’t have a job as a developer, learning how to code becomes a much bigger challenge for a simple reason — developers can learn to code on the job.

[Overcoming 7 main problems of learning to code for people who don't have a developer job](https://zellwk.com/blog/7-challenges-of-learning-code/)

### Generating Sudokus in CSS

Challenging ourselves to solve logical problems with only CSS and HTML can force us to spend quality time with some of the newish, programing-like features of CSS, such as custom properties and logical functions. It still wasn’t clear how these could be used to build a Sudoku solver using only CSS.

[Generating (and Solving!) Sudokus in CSS | CSS-Tricks](https://css-tricks.com/generating-and-solving-sudokus-in-css/)

---

## Some great videos I watched this week

### Mocking APIs During Development in React

In this video, we'll use MSW (Mock Service Worker) to mock HTTP requests both on the browser but also on the server during SSR (Server Side Rendering) in Next.js

{% youtube HkWciooQVvA %}

by [Leigh Halliday](https://twitter.com/leighchalliday)

### Cracking Enigma in 2021

Enigma is known as the WWII cipher, but how does it hold up in 2021? Dr. Mike Pound implemented it and shows how it stacks up against his laptop.

{% youtube RzWB5jL5RX0 %}

by [Computerphile](https://twitter.com/computer_phile)

### New in Chrome 90

Chrome 90 is rolling out now! There’s a new value for the CSS overflow property. The Feature Policy API has been renamed to Permission Policy. And there’s a new way to implement and use Shadow DOM directly in HTML. Plus there’s plenty more.

{% youtube h3MONldIoNM %}

by [Google Chrome Developers](https://twitter.com/ChromiumDev)

### Particle Systems with Image Textures

It's time to expand beyond grayscale particles! In this video, Shiffman demonstrates how to make a fire or smoke-like effect by using image textures and additive blending with a particle system.

{% youtube pUhv2CA0omA %}

by [Daniel Shiffman](https://twitter.com/shiffman)

### Using Storybook stories with Testing Library

Did you know that you can import your stories from Storybook and run them as tests? Jimmy recently learned about this cool idea and he's going to show some examples he put together that showcase some of the benefits of doing so. He'll be using React, Jest, and Testing Library for these examples, but many of the concepts will apply to other frameworks and setups as well.

{% youtube k6NG96awIJ0 %}

by [Jimmy Cleveland](https://twitter.com/JimmyDCleveland)

### Using git bisect to quickly find the origin of a bug

git bisect is a really useful command for locating the origin commit of a bug or behavior.

{% youtube aulaZBVS16g %}

by [Jimmy Cleveland](https://twitter.com/JimmyDCleveland)

---

## Useful GitHub repositories

### react-hot-toast

Add beautiful notifications to your React app with react-hot-toast. Lightweight. Smoking hot by default.

{% github timolins/react-hot-toast %}

### Headless UI

A set of completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

{% github tailwindlabs/headlessui %}

### Free Python Books

A list of Python books in English that are free to read online or download.

{% github pamoroso/free-python-books %}

### dupeGuru

dupeGuru is a cross-platform (Linux, OS X, Windows) GUI tool to find duplicate files in a system. It’s written mostly in Python 3 and has the peculiarity of using multiple GUI toolkits, all using the same core Python code. On OS X, the UI layer is written in Objective-C and uses Cocoa. On Linux & Windows, it’s written in Python and uses Qt5.

{% github arsenetar/dupeguru %}

---

## dribbble shots

### VPN Mobile App

![https://cdn.dribbble.com/users/1343667/screenshots/15473026/media/6d558b7955d74bb27e12e1a31d97217d.png](https://cdn.dribbble.com/users/1343667/screenshots/15473026/media/6d558b7955d74bb27e12e1a31d97217d.png)

by [Sulton handaya](https://dribbble.com/shots/15473026-VPN-Mobile-App)

### Fitness & Workout App

![https://cdn.dribbble.com/users/653699/screenshots/15489025/media/d7af516032094ebd13ef3fb0f337b95a.png](https://cdn.dribbble.com/users/653699/screenshots/15489025/media/d7af516032094ebd13ef3fb0f337b95a.png)

by [Gregory Riaguzov](https://dribbble.com/shots/15489025-Fitness-Workout-App)

### typeface.directory — Launch

![https://cdn.dribbble.com/users/9548/screenshots/15489793/media/5b367521489b0143a13f6b936af610a5.png](https://cdn.dribbble.com/users/9548/screenshots/15489793/media/5b367521489b0143a13f6b936af610a5.png)

by [Jason Reynolds](https://dribbble.com/shots/15489793-typeface-directory-Launch)

### Job Finder

![https://cdn.dribbble.com/users/4347686/screenshots/15487142/media/da7016fb4c7cb8b95b04fc53659a8654.png](https://cdn.dribbble.com/users/4347686/screenshots/15487142/media/da7016fb4c7cb8b95b04fc53659a8654.png)

by [Vetrick Wilsen](https://dribbble.com/shots/15487142-Job-Finder)

---

## Tweets

{% twitter 1382746620039557122 %}

{% twitter 1382337979767742464 %}

{% twitter 1381531326298398730 %}

{% twitter 1382649102496899073 %}

{% twitter 1382312922806894593 %}

---

## Picked Pens

### Snappy fruits

{% codepen https://codepen.io/pavlovsk/pen/ExZExYW %}

by [Mustafa Enes](https://twitter.com/scriptype)

### The Raging Sea

{% codepen https://codepen.io/aderaaij/pen/XWpMONO %}

by [Arden](https://twitter.com/ardennl)

### Pure CSS Range Rover Truck

{% codepen https://codepen.io/jh3y/pen/MWWowEb %}

by [Jhey](https://twitter.com/jh3yy)

---

## Podcasts worth listening

### The CSS Podcast: N-match Notation

Welcome back to The CSS Podcast, where we cover all things CSS from accessibility to c-index. Today, Una and Adam will discuss a micro syntax for pseudo-class notification when working with nth-child.

{% spotify spotify:episode:0QWnb3VbNTRPWiAEc3gUYA %}

### Hasty Treat - CSS Nesting 1

In this Hasty Treat, Scott and Wes talk about CSS nesting — what it is, when to use it, and why.

{% spotify spotify:episode:1HPJKEbZVgQrRNMGaxvgmp %}

### Dev Tools Tabs Explained — Plus Tips & Tricks

In this episode of Syntax, Scott and Wes talk about dev tools tabs, what each tab does and how you can use them.

{% spotify spotify:episode:5lIyuwrAUDWXppXhgrgpAC %}

### Event Tracking & Appcues

Marie & Chris talk about the brand new event tracking feature in Appcues. We’re still pretty stoked we can even afford Appcues since it’s super pricey software for our company. The fact that they just released event tracking dashboards makes it feel much more affordable though because this unlocks super valuable information for us instantly.

{% spotify spotify:episode:2Pvqi1aczkppaKVPhNoCeL %}

---

Thank you for reading, talk to you next week, and stay safe! 👋