DEV Community

Marco Biedermann
Marco Biedermann

Posted on

Weekly Digest 23/2022

Welcome to my Weekly Digest #23.

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

Better scrolling through modern CSS

There's more to scrollbars than you might expect

Better scrolling through modern CSS

How to pick the least wrong colors

An algorithm for creating color palettes for data visualization

How to pick the least wrong colors

Monorepos in JavaScript & TypeScript

This is a comprehensive tutorial on Monorepos in JavaScript/TypeScript --- which is using state of the art tools for these kind of architectures in frontend applications.

Monorepos in JavaScript & TypeScript


Some great videos I watched this week

Redwood in 100 Seconds

RedwoodJS is a full-stack JavaScript framework that combines the power of React, GraphQL, and Prisma into a single package. It is used to build serverless web applications with a relational SQL database for the storage layer.

by Fireship

New in Chrome 102: PWAs as File Handlers, inert, the navigation API, and more!

Chrome 102 is rolling out now! Installed PWAs can register as file handlers, making it easy for users to open files directly from disk. The inert attribute allows you to mark parts of the DOM as inert. The navigation API makes it easier for single-page apps to handle navigation and updates to the URL.

by Google Chrome Developers

Lerna 5 Walkthrough

A quick walkthrough of the latest release of Lerna 5 on an example repository with a Remix application and a couple of libraries. We're going to see how to set up Lerna, make tasks running in Lerna extremely fast (powered by Nx), and how to publish packages to an npm registry.

by Nrwl

Why Vitest Is Better Than Jest

Vitest is a simple testing library built on top of Vite which takes everything I love about Jest and brings it to the modern age of JavaScript. Everyone that has worked with Jest knows how much of a pain it is to work with ES modules, but Vitest makes it trivial. Vitest also adds many additional features and quality of life changes that make it better than Jest in my opinion.

by Web Dev Simplified


Useful GitHub repositories

Can I DevTools

Can I DevTools is like Can I Use but for the browser devtools.

GitHub logo pankajparashar / canidev.tools

It's like @CanIUse but for the browser devtools. Created by @pankajparashar & curated by the community.

How to Contribute?

The data is maintained in Airtable exposed at the endpoint data.json. Use the "Add" or "File Issue" links in the web app to propose addition of new features or improve existing features using the Github issue tracker.

image




DALL·E

PyTorch package for the discrete VAE used for DALL·E.

GitHub logo openai / DALL-E

PyTorch package for the discrete VAE used for DALL·E.

Overview

[Blog] [Paper] [Model Card] [Usage]

This is the official PyTorch package for the discrete VAE used for DALL·E. The transformer used to generate the images from the text is not part of this code release.

Installation

Before running the example notebook, you will need to install the package using

pip install DALL-E



1LOC

What's your favorite JavaScript single LOC (line of code)?

GitHub logo 1milligram / 1loc

What's your favorite JavaScript single LOC (line of code)?

Favorite single line of code

What's your favorite JavaScript single LOC (line of code)? Let me know!

Running it on local

  1. Clone the project:
$ git clone git@github.com:1milligram/1loc.git
Enter fullscreen mode Exit fullscreen mode
  1. Install the dependencies:
$ cd 1loc
$ npm install
Enter fullscreen mode Exit fullscreen mode
  1. Run it on the local:
$ npm run dev
Enter fullscreen mode Exit fullscreen mode

Look at the console to see the Local URL. Open it in your browser to see it in action.

Contributing

Pull requests are welcomed. To submit your favorite JavaScript single line of code, please create a markdown file, and put it in a particular category of the snippets folder.

About

This project is developed by Nguyen Huu Phuoc. I love building products and sharing knowledge.

Be my friend on





dribbble shots

Travel Mobile App

by [Wahab](https://dribbble.com/shots/18462387--Travel-Mobile-App)

by Wahab

Task Management App

by [Rakib Kowshar](https://dribbble.com/shots/18468605-Task-Management-App)

by Rakib Kowshar

Plant Shop Mobile App Design

by [Mahmudul Hasan](https://dribbble.com/shots/18468647-Plant-Shop-Mobile-App-Design)

by Mahmudul Hasan


Tweets


Picked Pens

Configurable <input type="range" mode="circular"/>

by Jhey


Podcasts worth listening

Syntax – Syntax Live at Reactathon

In this episode of Syntax, Wes and Scott are live from Reactathon 2022!


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

Discussion (0)