Weekly Digest 26/2021 - Top of the Week
Tags: css, javascript, react, webdev
Published: 2021-07-04 19:13:34

Welcome to my Weekly Digest #26.

This weekly digest contains a lot of interesting and inspiring articles, videos, tweets, podcasts, and designs I consumed during this week.

---

&nbsp;

## 🎉 Giveaway 

We are giving away any course you need on Udemy. Any price any course.
To enter you have to do the following:
1. 👍 React to this post
1. ✉️ Subscribe to our [newsletter](https://worldindev.ck.page)

You will receive [our articles](https://dev.to/worldindev) directly to your [inbox](https://worldindev.ck.page) 📬.
 
&nbsp;

---

## Interesting articles to read

### React Architecture: How to Structure and Organize a React Application

There is no consensus on the right way to organize a React application. React gives you a lot of freedom, but with that freedom comes the responsibility of deciding on your own architecture.

[React Architecture: How to Structure and Organize a React Application](https://www.taniarascia.com/react-architecture-directory-structure/)

### Bear plus snowflake equals polar bear

[Bear plus snowflake equals polar bear](https://andysalerno.com/posts/weird-emojis/)

### How to preserve query parameters in React Router links

React Router makes front-end routing a breeze, but it's not always obvious how to handle query parameters.

[How to preserve query parameters in React Router links](https://typeofnan.dev/how-to-preserve-query-parameters-in-react-router-links/)

### Good Meetings

Like it or not, meetings are essential to a good working environment and communication. Therefore, it’s crucial that we work on making them as productive as possible.

[Good Meetings](https://css-tricks.com/good-meetings/)

---

## Some great videos I watched this week

### How to Create and Publish an NPM Package

Publishing a Javascript package to the NPM registry is quite easy, but there are some gotchas and things to know along the way. I'll show creating a super simple package, creating an NPM account, and then publishing a package. Then I'll go over unpublishing packages and how to publish a scoped package and why.

{% youtube WRjJW8tseQg %}

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

### Three Patterns To Scale Your Microservices

Microservices have been a popular architecture choice for the last several years. Over the years we've adopted microservices architectures to ever growing set of use-cases and different development and deployment strategies. Watch this video to learn the three patterns that will help you architect better and scale your microservices apps.

{% youtube 1dAnMkF4Mc4 %}

### Top 50+ AWS Services Explained in 10 Minutes

Amazon Web Services (AWS) is the world's largest and most complex cloud with over 200 unique services. Learn about the top 50 cloud products in just ten minutes.

{% youtube JIbIYCM48to %}

by [Fireship](https://twitter.com/fireship_dev)

### Nodejs Nunjucks Template Injection

{% youtube A4US4Az5nJE %}

by [John Hammond](https://twitter.com/_johnhammond)

### VS Code Tips and Tricks for 2021

Watch this video to learn about all of the cool tips and tricks on how to better use the amazing VS Code in 2021.

{% youtube fyg9Uw3CLUU %}

by [Harald Kirschner](https://twitter.com/digitarald)

4 Ways to get a competitive advantage as a frontend developer

Everyone want's to become a programmer nowadays. The market is pretty competitive already.
I work as a frontend developer for more than 10 years already and I have career advice that will give you a competitive advantage.

{% youtube mQ_LnBBg3b8 %}

by [Maksim Ivanov](https://twitter.com/ivanov_dev)

---

## Useful GitHub repositories

### CovidPass

Web app for adding EU COVID-19 Vaccination Certificates to your wallets

{% github covidpass-org/covidpass %}

### How they SRE

A curated collection of publicly available resources on how technology and tech-savvy organizations around the world practice Site Reliability Engineering (SRE)

{% github upgundecha/howtheysre %}

### Reverse Engineering

List of awesome reverse engineering resources

{% github wtsxDev/reverse-engineering %}

---

## dribbble shots

### School Admin - Dashboard

![https://cdn.dribbble.com/users/2566396/screenshots/15967180/media/42ebf1770d52952aa7bf065e6f4b8fe0.png](https://cdn.dribbble.com/users/2566396/screenshots/15967180/media/42ebf1770d52952aa7bf065e6f4b8fe0.png)

by [Muhammad Zaki Alzikri](https://dribbble.com/shots/15967180-School-Admin-Dashboard-Messenger)

### Foodbar

![https://cdn.dribbble.com/users/5554868/screenshots/15967299/media/96f53ea34ee6a60206d7bd838ee0d13f.jpg](https://cdn.dribbble.com/users/5554868/screenshots/15967299/media/96f53ea34ee6a60206d7bd838ee0d13f.jpg)

by [Shayan Umar](https://dribbble.com/shots/15967299-Foodbar)

### Financial Mobile App: Online Banking

![https://cdn.dribbble.com/users/2814689/screenshots/15969145/media/f5b37a93c17eb336012b7390f47f2b9f.jpg](https://cdn.dribbble.com/users/2814689/screenshots/15969145/media/f5b37a93c17eb336012b7390f47f2b9f.jpg)

by [Saad Ibn Sayed](https://dribbble.com/shots/15969145-Financial-Mobile-App-Online-Banking)

### Mobile Wallet App

![https://cdn.dribbble.com/users/1997192/screenshots/15971002/media/90c946116b7947170dd00da8497566d4.png](https://cdn.dribbble.com/users/1997192/screenshots/15971002/media/90c946116b7947170dd00da8497566d4.png)

by [Sajon](https://dribbble.com/shots/15971002-Mobile-Wallet-App)

### Landing Page: Furniture Store

![https://cdn.dribbble.com/users/2253180/screenshots/15971883/media/dd6c23b50ab3f116e8d9c7b935b7ef47.jpg](https://cdn.dribbble.com/users/2253180/screenshots/15971883/media/dd6c23b50ab3f116e8d9c7b935b7ef47.jpg)

by [AR Shakir](https://dribbble.com/shots/15971883-Landing-Page-Furniture-Store-Shopify)

---

## Tweets

{% twitter 1409493323660857348 %}

{% twitter 1409883156333879300 %}

{% twitter 1409813502013870082 %}

{% twitter 1410990424681074698 %}

{% twitter 1411233253948747777 %}

---

## Picked Pens

### Blob study

{% codepen https://codepen.io/shubniggurath/pen/dyOKjLG %}

by [Liam Egan](https://twitter.com/liamegan)

### bored

{% codepen https://codepen.io/a-trost/pen/39fec2958bd904cf46cda888e8f250d1 %}

by [Alex Trost](https://twitter.com/trostcodes)

### Click to open

{% codepen https://codepen.io/amit_sheen/pen/YzVPrGb %}

by [Amit Sheen](https://twitter.com/amit_sheen)

---

## Podcasts worth listening

### Syntax - Dev Tools Power — Elements Tab

In this episode of Syntax, Scott and Wes talk about the Dev Tools Elements Tab — all the features, and when you would use them!

{% spotify spotify:episode:4RIZlidQ8SrXVcQXDPbDAv %}

### The CSS Podcast - Touch interaction

Today we touch on touch interaction. Covering CSS's ability to change a user's touch experience with properties like touch-action, scroll-behavior, user-select and more.

{% spotify spotify:episode:5x85WPhwm9GY2fQVoT7IoT %}

---

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