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.
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.
Authoring colors with DevTools
Let’s take a look at some of the color features in DevTools.
Useful GitHub repositories
Tech Interview Cheat Sheet
Studying for a tech interview sucks. Here's an open-source cheat sheet to help
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
Shopify
/
react-native-skia
High-performance React Native Graphics using Skia
React Native Skia
High-performance 2d Graphics for React Native using 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.
Getting Started
Library Development
To develop react-native-skia, you need to build the skia libraries on your computer.
If you have Android Studio installed, make sure $ANDROID_NDK is available.
ANDROID_NDK=/Users/username/Library/Android/sdk/ndk/<version> for instance.
If the NDK is not installed, you can install it via Android Studio by going to the menu File > Project Structure.
And then the SDK Location section. It will show you the NDK path, or the option to Download it if you don't have it installed.
Building
- Checkout submodules
git submodule update --init --recursive - Install dependencies
yarn - Go to the package folder
cd packages/skia - …
dribbble shots
Ride Booking
](https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fcdn.dribbble.com%2Fusers%2F4205502%2Fscreenshots%2F17092583%2Fmedia%2Fd17b997aa32387e8d48e5e7cd4b9a687.png)
by Raju Husen
Lazy Daisy UI
](https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fcdn.dribbble.com%2Fusers%2F26642%2Fscreenshots%2F17090995%2Fmedia%2F6fd8c2f4200c2df1117c94b572dec575.png)
by Halo Mobile
Online Course Dashboard
](https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fcdn.dribbble.com%2Fusers%2F5963189%2Fscreenshots%2F17087509%2Fmedia%2F77ede34aabbea5e38654cb70c6435c78.png)
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! 👋
Top comments (0)