DEV Community

Marco Biedermann
Marco Biedermann

Posted on • Edited on

Weekly Digest 03/2021

Welcome to my third weekly digest of this year.

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


Interesting articles to read

Publish, ship, and install modern JavaScript for faster applications

Modern JavaScript offers size and performance improvements over transpiled ES5, and is supported in 95% of web browsers. Enabling modern JavaScript output brings these benefits to your application, but the impact is limited by dependencies that are already transpiled to ES5. This guide demonstrates how to publish modern packages to npm, and how to install and optimally bundle modern JavaScript packages.

Publish, ship, and install modern JavaScript for faster applications

CSS aspect-ratio

https://css-tricks.com/new-in-chrome-88-aspect-ratio/

How We Improved SmashingMag Performance

In this article, we’ll take a close look at some of the changes we made on this very site β€” running on JAMStack with React β€” to optimize the web performance and improve the Core Web Vitals metrics. With some of the mistakes we’ve made, and some of the unexpected changes that helped boost all the metrics across the board.

How We Improved SmashingMag Performance - Smashing Magazine

Access control for GitHub Pages

GitHub Pages now gives you the option to limit access, making the site visible only to users with access to the repository that published the Page. With access control, you can use GitHub Pages to publish and share internal documentation and knowledge across your enterprise.

Access control for GitHub Pages - GitHub Changelog

13 JavaScript One-Liners That’ll Make You Look Like a Pro

In just a few minutes, strengthen your JS knowledge and improve your development skills using the 13 JavaScript one-liners.

13 JavaScript One-Liners That'll Make You Look Like a Pro


Some great videos I watched this week

Transitioning to modern JavaScript

Over 90% of web traffic comes from browsers that support modern JavaScript, yet most websites ship legacy syntax in order to support a small number of very old browsers.

We now have the ability to deliver modern and legacy code to browsers based on what they support, but this doesn't extend to the large amount of dependency code in our applications. Our dependencies are still published as verbose legacy syntax in order to support the lowest common denominator of browsers today.

Beyond fast with new performance features

A whirlwind tour of new features and proposals to improve the performance of your pages.

New in Chrome 88: Manifest v3, aspect-ratio, digital goods API, and more!

Chrome 88 is rolling out now! You can now upload extensions using manifest v 3 to the Chrome Web Store. The aspect-ratio CSS property makes it easy to set the aspect ratio on any element. You can now use Play Billing in your Trusted Web Activity, and there’s plenty more.


Useful GitHub repositories

Act

https://github.com/nektos/act/wiki/quickstart/act-quickstart-2.gif

Run yourΒ GitHub ActionsΒ locally! Why would you want to do this? Two reasons:

  • Fast FeedbackΒ - Rather than having to commit/push every time you want to test out the changes you are making to yourΒ .github/workflows/Β files (or for any changes to embedded GitHub actions), you can useΒ actΒ to run the actions locally. TheΒ environment variablesΒ andΒ filesystemΒ are all configured to match what GitHub provides.
  • Local Task RunnerΒ - I loveΒ make. However, I also hate repeating myself. WithΒ act, you can use the GitHub Actions defined in yourΒ .github/workflows/Β to replace yourΒ Makefile!

GitHub logo nektos / act

Run your GitHub Actions locally πŸš€

Overview push Join the chat at https://gitter.im/nektos/act Go Report Card

"Think globally, act locally"

Run your GitHub Actions locally! Why would you want to do this? Two reasons:

  • Fast Feedback - Rather than having to commit/push every time you want to test out the changes you are making to your .github/workflows/ files (or for any changes to embedded GitHub actions), you can use act to run the actions locally. The environment variables and filesystem are all configured to match what GitHub provides.
  • Local Task Runner - I love make. However, I also hate repeating myself. With act, you can use the GitHub Actions defined in your .github/workflows/ to replace your Makefile!

How Does It Work?

When you run act it reads in your GitHub Actions from .github/workflows/ and determines the set of actions that need to be run. It uses the Docker API to either pull or build the necessary images, as defined in your workflow…

Modern Data Engineer Roadmap

https://github.com/datastacktv/data-engineer-roadmap/blob/master/img/title.png?raw=true

This roadmap aims to give a complete picture of the modern data engineering landscape and serve as a study guide for aspiring data engineers.

GitHub logo datastacktv / data-engineer-roadmap

Roadmap to becoming a data engineer in 2021

Modern Data Engineer Roadmap 2021

Roadmap to becoming a data engineer in 2021

Twitter YouTube Website Jobs

This roadmap aims to give a complete picture of the modern data engineering landscape and serve as a study guide for aspiring data engineers.


Note to beginners

Beginners shouldn’t feel overwhelmed by the vast number of tools and frameworks listed here. A typical data engineer would master a subset of these tools throughout several years depending on his/her company and career choices.


πŸ”₯ We just launched Data Stack Jobs β€” a clean and simple job site for Data Stack Engineers!

Text version for visually impaired users

Data Engineer Roadmap

Nice to have 😎

Text version for visually impaired users

Data Engineer Roadmap Extras

Contributions are welcome πŸ’œ

Please raise an issue to discuss your suggestions or open a Pull Request to request improvements.

Reviewers πŸ”Ž

Huge thank you to @whydidithavetobebugs, @sawidis, @marclamberti and @mpyeager for reviewing this roadmap.

About us πŸ‘‹πŸΌ

datastack.tv is the learning platform for…


dribbble shots

Youtube Redesign concept - Dark theme

https://cdn.dribbble.com/users/1006123/screenshots/14993502/media/f757108733585d82fd8f333644ad7228.png

by Gura Nicholson

spark: marketing page

https://cdn.dribbble.com/users/774375/screenshots/14953088/media/c90a69d8a9a575ef94522385e7ecb034.png

by Vladimir Gruev

File Sharing iOS App Concept

https://cdn.dribbble.com/users/2125046/screenshots/6734571/file_sharing_2x_4x.png

by Ofspace Digital Agency

Patchwork - Dark mode

https://cdn.dribbble.com/users/21260/screenshots/14990828/media/b307dcd1b6054d6f139d004777c506e4.png


Tweets


Picked Pens

Webcam x Dices πŸ“ΉπŸŽ²

Snowflake

React Color Gradients


Talk to you next week and stay safe! πŸ‘‹

Top comments (0)