Main entry: https://github.com/reactjs/rfcs/blob/react-18/text/0000-react-18.md (permanent link [https://github.com/reactjs/rfcs/blob/aa98d33b11b89461f310af244cee9a7bfbaff007/text/0000-react-18.md] ) To install: https://github.com/reactwg/react-18/discussions/9 Root API Main entry: https://github.com/reactwg/react-18/discussions/5 Legacy root exists for an easier

Server-side Mount new block storage to the server (optional) If you want to use existing storage in the server. This step can be skipped. # create new partition: # NOTE: this will erase existing data in the block storage parted -s /dev/vdb mklabel gpt parted -s /dev/vdb unit mib mkpart

There is a program running with the command python src/main.py (maybe in background). Now you want to find its PID and kill it in one command line. With pkill pkill -f "python src/main.py" By default, pkill / pgrep search for the process name (in this example, python)

TLDR; List all processes which are using any port. sudo netstat -tunlpa Sample output Active Internet connections (only servers) Proto Recv-Q Send-Q Local Address Foreign Address State PID/Program name tcp 0 0 127.0.0.1:42503 0.0.0.0:* LISTEN 867/containerd tcp 0 0 127.0.

Here are some facts regarding the specs of ES6 Promise (official specs doc) and the async/await (official doc) syntax, which comes with Quirk snippets. The Promise constructor 1. A promise can be resolved or rejected at most once. The subsequent calls to resolve/reject are no-op. console.log(await

Many people have trouble with the AWS SDK for JavaScript v3's GetObjectCommand [https://docs.aws.amazon.com/AWSJavaScriptSDK/v3/latest/clients/client-s3/classes/getobjectcommand.html] when trying to get Buffer output from s3. In this post, I will cover the reason why this happens, solutions and related information. This post

I summarize several useful Javascript/Typescript code snippets. * Get the last element from an array. Note: in the future, you can use Array Relative Indexing arr.at(-1) once the proposal is finalized. arr.slice(-1)[0] * Optional array element. [ cond && elm, // include elm only when cond is truthy elm1,

After releasing a website just within 2 weeks, my server is scanned with these URLs. I publish it here for my later reference and also hope that it helps others for a good beforehand protection. From a first server (hosted in AWS). /07-accessing-data/begin/vue-heroes/.env /07-accessing-data/end/vue-heroes/.env

I usually get confused when handling date datatype with databases, especially when connecting to the databases via libraries/drivers. In this post, I will summarize the results of their specification after my tests. Environment: * Node: v16.0.0. * Postgres nodejs driver: pg@8.6.0. * Mysqlite nodejs driver: sqlite3@5.

In this post, I will introduce how to create an Android application from the command line, without the help of any IDE such as Android Studio. If you are new to Android development, by following this post, I believe you will have a better understanding of how an Android application

To install KVM on Arch Linux, install the following packages: sudo pacman -S qemu virt-manager dnsmasq dmidecode vde2 Check if the qemu package added the kvm group. $ getent group | grep kvm kvm:x:992: Add your user to the kvm group with sudo usermod -aG kvm $USER. Then, reboot your

A web browser, as a standalone computer program, is usually consisted of 3 parts: * Rendering engine, AKA browser engine, AKA layout engine is responsible for parsing the HTML document into a DOM tree, render(paint) it into a viewable format to show to the user. * Javascript engine parses, executes, and

This post will introduce the specs of a script tag's properties, which might help if you want to optimize your page load time. Script tag loading order The following image explains the loading time of a script tag based on its property. There are several notes: Source: https://html.spec.

ffmpeg [https://www.ffmpeg.org/] is a popular open-source tool to manipulate your video/audio files. Remove video segments (without audio) For example, you want to remove 108→157, 226 → 341, 404 → 407 (unit: second) segments from your video recording. Note that the audio is not modified. ffmpeg \ -i 'screenrecord.

* Init project: terraform init. This command will set up modules, download provider modules, and create the .terraform.lock.hcl lock file. If there is an error with this command, you can delete .terraform directory and .terraform.lock.hcl and re-run terraform init. * Show update plan: terraform plan. User -target= to

In the very first time of installing any Linux distributions, I got confused at the partitioning step. After years of experience, here is how I am doing now and I am quite satisfied with this partitioning strategy. From the beginning to end (left to right) of the disk: * 500MB, FAT32,

Docker is a very handy tool to replicate the running environment for your server. The caching mechanism of container building is also brilliant. However, it comes with a cost, you usually run out of disk space. To mitigate the issue and optimize the disk for other development tasks, I usually

You have ever written bash scripts to start a server, and send a probe request to check for the sever's healthy. However, you want your script to finish right after it detects the server alive, or, after a number of tries, or, after a limited time (in seconds). The idea

In the previous post [https://transang.me/ssh-tunnel-in-ubuntu/], I have introduced how to create a reverse tunnel to access your local machine from a remote machine, by pass the firewall, or, access a network in the behavior of another machine. In this post, I advance the topic by introducing how

Regular expression [https://en.wikipedia.org/wiki/Regular_expression] [https://en.wikipedia.org/wiki/Comparison_of_regular-expression_engines], invented by the American mathematician Stephen Cole Kleene [https://en.wikipedia.org/wiki/Stephen_Cole_Kleene], is a search pattern used to match, or find and replace, strings. While its name is

In computer science, formal language is a field that studies formal languages. Language definition * A non-empty, finite set Σ is called an alphabet. * An alphabet's elements are called letter, or character, or symbol. * A (finite or infinite) subset of the power set of an alphabet is called a language. Language

Whenever writing a shell script, I mostly always include this option at the beginning of the script #!/usr/bin/env bash set -Eeuo pipefail Sometimes, I also include. DIR=$(cd "$(dirname "${BASH_SOURCE[0]}")" >/dev/null 2>&1 && pwd) Explanation The env command wrapping * #!/usr/bin/env bash: trigger the

Throughout this post, you will learn how to * Publish a package to the GitHub registry * Delete a package from Github registry (for public and private packages) * Install a package from Github registry Github registry does support Javascript (npm, yarn), Ruby (gem), Java (mvn, gradle), docker, .NET (dotnet). In this post,

WebGradients is a collection of 180 color gradients provided for free. Here is the thumbnail previewing all 180 gradients. Original image link. The collection in photoshop format The collection in sketch format There is also a website for this collection. The list of color codes and css is open sourced

I combined several beautiful color palettes into a single image file. This image includes 43 color palettes. Original image link. Preview: This image includes another set of 41 color palettes. Original image link. Preview: This is another collection of 32 color palettes with gradients. Original file link. Preview: You can