DEV Community

Cover image for Weekly Digest 50/2021
Marco Biedermann
Marco Biedermann

Posted on

Weekly Digest 50/2021

Welcome to my Weekly Digest #50 and Happy Holidays everyone!

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

HTTP compression

HTTP compression is an important part of the big web performance picture. We’ll cover the history, the current state, and the future of web compression.

HTTP compression

How to write a binary search algorithm in JavaScript

The binary search algorithm is a classic algorithm that lets us find an item in a sorted array in O(log n) time complexity. In this post, we’ll review how the algorithm works and learn how to implement it in Javascript.

How to write a binary search algorithm in JavaScript

React Conf 2021 Recap

Last week we hosted our 6th React Conf. In previous years, we’ve used the React Conf stage to deliver industry-changing announcements such as React Native and React Hooks. This year, we shared our multi-platform vision for React, starting with the release of React 18 and the gradual adoption of concurrent features.

React Conf 2021 Recap - React Blog


Some great videos I watched this week

Monorepos - How the Pros Scale Huge Software Projects

Big companies, like Google & Facebook, store all their code in a single monolithic repository or monorepo… but why? Learn how to use tools like NPM or Yarn workspaces, Lerna, Nx, and Turborepo to scale your codebase

by Fireship

Dark mode - Designing in the Browser

On this episode of Designing in the Browser, we’re going to take a look at dark mode with our host Una Kravets.

by Google Chrome Developers

Authoring colors with DevTools

Let’s take a look at some of the color features in DevTools.

by Google Chrome Developers


Useful GitHub repositories

Tech Interview Cheat Sheet

Studying for a tech interview sucks. Here's an open-source cheat sheet to help

GitHub logo TSiege / Tech-Interview-Cheat-Sheet

Studying for a tech interview sucks. Here's an open source cheat sheet to help

Tech Interview Cheat Sheet

This list is meant to be both a quick guide and reference for further research into these topics. It's basically a summary of that comp sci course you never took or forgot about, so there's no way it can cover everything in depth.

Contributing

This is an open source, community project, and I am grateful for all the help I can get. If you find a mistake make a PR and please have a source so I can confirm the correction. If you have any suggestions feel free to open an issue.

Challenges

This project now has actual code challenges! This challenges are meant to cover the topics you'll read below. Maybe you'll see them in an interview and maybe you won't. Either way you'll probably learn something new. Click here for more

Table of Content

React Native Skia

High-performance React Native Graphics using Skia

GitHub logo Shopify / react-native-skia

High-performance React Native Graphics using Skia

@shopify/react-native-skia

skia

Checkout the full documentation here.

React Native Skia brings the Skia Graphics Library to React Native. Skia serves as the graphics engine for Google Chrome and Chrome OS, Android, Flutter, Mozilla Firefox and, Firefox OS, and many other products.

This is an alpha release. Use with caution.

Installation

React Native Skia brings the Skia Graphics Library to React Native Skia serves as the graphics engine for Google Chrome and Chrome OS, Android, Flutter, Mozilla Firefox and, Firefox OS, and many other products.

When reading these lines, the package is not yet available on npm Use the link below to install the package.

$ yarn add https://github.com/Shopify/react-native-skia/releases/download/v0.1.43-alpha/shopify-react-native-skia-0.1.43.tgz
Enter fullscreen mode Exit fullscreen mode

Or using npm:

$ npm install https://github.com/Shopify/react-native-skia/releases/download/v0.1.43-alpha/shopify-react-native-skia-0.1.43.tgz
Enter fullscreen mode Exit fullscreen mode

iOS

Run pod install on the ios/ directory.

Android

Currently, you will need Android NDK to be installed If you have Android Studio installed, make sure $ANDROID_NDK is available. ANDROID_NDK=/Users/username/Library/Android/sdk/ndk-bundle for instance.

If the NDK…


dribbble shots

Ride Booking

by [Raju Husen](https://dribbble.com/shots/17092583-Ride-Booking)

by Raju Husen

Lazy Daisy UI

by [Halo Mobile](https://dribbble.com/shots/17090995-Lazy-Daisy-UI)

by Halo Mobile

Online Course Dashboard

by [Nela Rosdiana](https://dribbble.com/shots/17087509-Ajarin-Online-Course-Dashboard)

by Nela Rosdiana


Tweets


Picked Pens

3D Stopwatch

by Jhey

Progress Clock

by Jon Kantner


Podcasts worth listening

Syntax – How To Do Things In Svelte

In this Hasty Treat, Wes and Scott talk about how to do things in Svelte.

CodePen Radio – With Ben Evans

You might recognize Ben Evans from his absolutely incredible CSS “paintings”, like the portrait of his daughter or the still life. Paintings aren’t the quiet word as Ben designs them all to be entirely scalable.


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

Discussion (0)