DEV Community

loading...

Weekly Digest 11/2021

Marco Biedermann
Full-Stack JavaScript Engineer passionate about TypeScript, Node.js, React and Open Source working @mobimeo based in Berlin.
Updated on ・4 min read

Welcome to my Weekly Digest #11.

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


Interesting articles to read

React authentication, simplified

Authentication is one of those things that just always seems to take a lot more effort than we want it to. To set up auth, you have to re-research topics you haven’t thought about since the last time you did authentication, and the fast-paced nature of the space means things have often changed in the meantime.

https://davidwalsh.name/react-authentication-2

Introducing Env: a better way to read environment variables in JavaScript

If you write server-side JavaScript, chances are you’ve need to read information from environment variables. It’s considered a best practice to share sensitive information, such as access tokens, inside of environment variables to keep them secure

Introducing Env: a better way to read environment variables in JavaScript

React State Management Libraries and How to Choose

An overview of the best state management libraries and how to choose the right state management strategy for your app.

React State Management Libraries and How to Choose

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 maintaining a good development experience.

Finding that balance required a paradigm shift in the way we do tests at Kenshoo, which allowed us to reduce our CI/CD process by 80% while maintaining excellent test coverage.

How to test 400 React components without breaking a sweat

Two approaches to win an argument as a software engineer

Software engineers are identified with strong opinions. Here's how to get your point across effectively.

Two approaches to win an argument as a software engineer


Some great videos I watched this week

How Shazam Works (Probably!) - Computerphile

Looking at the audio mechanics and algorithms behind music identifier apps. David Domminney Fowler built a demo you can try yourself.

by Computerphile

Thinking on ways to solve SETTINGS

In today’s GUI challenge, we build and demo a dynamic settings page with sliders and checkboxes. Our settings page is responsive, supports multiple device inputs, and works across browsers. How would you create a settings page?

by Adam Argyle

How To Squash Your Git History Like A Pro

by Colt Steele

NVIDIA’s AI Puts Video Calls On Steroids!

by Two Minute Papers

Batch rename nested files names or file extensions on macOS with ZSH and ZMV

ZMV is a function built into the standard macOS ZSH shell. It lets you do many powerful file operations, even if you don't use the Terminal a whole bunch. This video walks you through how to use it with a simple rename of files from one extension to another.

by Ben Frain

Procedural Plant Generation with L-Systems

Learn to generate procedural plants with an l-system implementation.
In this project Simon uses l-systems, or Lindenmayer systems, to generate a variety of procedural plants and trees.

by SimonDev


Useful GitHub repositories

Awesome Compose

These samples provide a starting point for how to integrate different services using a Compose file and to manage their deployment with Docker Compose.

GitHub logo docker / awesome-compose

Awesome Docker Compose samples

Awesome Compose Awesome

logo

A curated list of Docker Compose samples.

These samples provide a starting point for how to integrate different services using a Compose file and to manage their deployment with Docker Compose.

Note:

The following samples are intended for use in local development environments such as project setups, tinkering with software stacks, etc. These samples must not be deployed in production environments.

Contents

Samples of Docker Compose applications with multiple integrated services

Awesome Design Tools

The best design tools and plugins for everything

GitHub logo goabstract / Awesome-Design-Tools

The best design tools and plugins for everything 👉

Awesome Design Tools

Awesome-Design-Tools

awesome PRs Welcome

Awesome Design Tools as a part of Flawless App family joins Abstract!

Today, we’re excited to announce that Flawless App has joined Abstract, a design delivery platform that brings visibility, accountability, measurability, and predictability to design.

Flawless App was our first company, and we’re proud of everything that we’ve achieved with our 5-person team.

Since 2015, we’ve launched powerful tools for designers and developers — among them are Flawless App, Reduce, Flawless Feedback. We’ve also invested a lot of love and care into community-driven initiatives. Awesome Design Tools is one of them.

So what’s next?

Our team has joined Abstract and is focused on building out the Abstract SDK, bringing developers’ experience forward. One unbelievable journey has finished and the new one has just begun. And if you want to know more…

UpscalerJS

UpscalerJS is a tool for increasing image resolution in Javascript via a Neural Network up to 4x.

GitHub logo thekevinscott / UpscalerJS

Image Upscaling in Javascript. Increase image resolution up to 4x using Tensorflow.js.

UpscalerJS

NPM npm Tests Codecov DeepSource

UpscalerJS is a tool for increasing image resolution in Javascript via a Neural Network up to 4x.

Demo

A live demo is here.

Examples

You can view runnable code examples on CodeSandbox.

Quick Start

import Upscaler from 'upscaler';
const upscaler = new Upscaler();
upscaler.upscale('/path/to/image').then(upscaledImage => {
  console.log(upscaledImage); // base64 representation of image src
});
Enter fullscreen mode Exit fullscreen mode

Models

Pre-trained models live here.

All models are trained using image-super-resolution, an implementation of ESRGAN by @idealo.

Documentation

View the docs here.

License

MIT License © Kevin Scott


dribbble shots

eBook Mobile App

https://cdn.dribbble.com/users/1997192/screenshots/15295240/media/5eb4591f55c856c24e4f28130ddf9d4b.png

by Sajon

Food Delivery App

https://cdn.dribbble.com/users/2564256/screenshots/15282794/media/661df862f59951dba8728f812259120b.png

by Dmitry Lauretsky

Meditation App

https://cdn.dribbble.com/users/4646232/screenshots/15321755/media/ce0125a191db89ed0dbf98a60fa77322.png

by Amelia Nurvita

Delivery mobile app

https://cdn.dribbble.com/users/913766/screenshots/15327800/media/ee81c3e54f3fcd34b57619dbe67f46bb.png

by MEI YULIIA


Tweets


Picked Pens

Hexagonal Ripple Preloader

by Jon Kantner

Fluid text hover

by Robin Delaporte


Talk to you next week and stay safe! 👋

Discussion (0)