gitname

Here are my notes about deploying Scribble.rs to Digital Ocean.

Scribble.rs is an open-source, ad-free alternative to skribbl.io.

Overview of procedure

1. Create Droplet
2. Create Docker network
3. Configure firewall
4. Install and run Nginx Proxy Manager

gitname

Using @react-pdf/renderer v3.0.1 with React 18

Introduction

When I tried to use the @react-pdf/renderer package (version 3.0.1) with a React 18 app, two problems arose. In this article, I'll describe those problems and tell you how I solved them.

Update: Here's a video demonstration of the problems and solution described in this article: https://youtu.be/YZP5r7Uy_bU

Problem 1: Dependency Conflict

gitname

Title

Demo of Issue in react-calendar-heatmap

Description

Issue URL: kevinsqi/react-calendar-heatmap#59

CodeSandbox Project URL

gitname

Introduction

I oftentimes find that I have forgotten the object rest properties syntax.

The following is a collection of examples to which I expect to be able to refer in order to remind myself of the rules of the syntax.

Examples

Flat Object

gaearon

// connect() is a function that injects Redux-related props into your component.
// You can inject data and callbacks that change that data by dispatching actions.
function connect(mapStateToProps, mapDispatchToProps) {
  // It lets us inject component as the last step so people can use it as a decorator.
  // Generally you don't need to worry about it.
  return function (WrappedComponent) {
    // It returns a component
    return class extends React.Component {
      render() {
        return (