Skip to content

Instantly share code, notes, and snippets.

View dance2die's full-sized avatar
🐰
Working

Sung M. Kim dance2die

🐰
Working
View GitHub Profile
function App() {
const [count, setCount] = useState(0);
const [message, setMessage] = useState("");
function increment() {
setCount(count + 1);
setMessage(`count is ${count}`);
}
function decrement() {
#https://unix.stackexchange.com/a/377601/334761
# Get the device id with "xinput"
# Look for "Wacom Intuos PT S Pen stylus"
# Get the ID value. e.g.) id=14
# pass the ID (14 for mine) as "device" in
# xinput MAN page: https://linux.die.net/man/1/xinput
xinput set-prop 14 "Coordinate Transformation Matrix" 1 0 0 0 1 0 0 0 1
# default
/* /index.html 200
@dance2die
dance2die / youtube.com.js
Last active September 21, 2021 05:02
Add a button on "Subscriptions" panel on Youtube.com
let bt = document.createElement('button')
bt.appendChild(document.createTextNode('Close'))
bt.addEventListener('click', function(e) {
this.parentElement.style.display = 'none';
});
// Subscriptions panel
let subEl = document.querySelector("#sections > ytd-guide-section-renderer:nth-child(2)")
subEl.prepend(bt)
@dance2die
dance2die / Greeting.js
Last active September 19, 2021 20:13
class Greeting extends Component {
hello = id => console.log(`hello world! - ${id}`);
componentDidMount() {
const id = shortid.generate();
setInterval(e => this.hello(id), 1000);
}
componentWillUnmount() {
console.log("Greeting unmounted...");
function useAsyncState(initialValue) {
const [value, setValue] = useState(initialValue);
const setter = x =>
new Promise(resolve => {
setValue(x);
resolve(x);
});
return [value, setter];
}
@dance2die
dance2die / Blog - Adding Tailwind CSS for Docusaurus.md
Last active August 24, 2021 20:13
Blogs before migration to Next.js from Gatsby.js
title date
How to add Tailwind CSS for Docusaurus
2021-06-22

Steps

  1. Install Docusaurus
    • npx @docusaurus/init@latest init site-name class
@dance2die
dance2die / yarn global bin.cmd
Created December 31, 2017 03:34
Get yarn global binary path
dance2die@CC c:\misc\sources
> yarn global bin
C:\Users\dance2die\AppData\Roaming\npm\bin
@dance2die
dance2die / .prettierrc
Created June 25, 2021 19:49
Prettier configuration, .prettierc for typescript
{
"arrowParens": "always",
"bracketSpacing": true,
"embeddedLanguageFormatting": "auto",
"htmlWhitespaceSensitivity": "css",
"insertPragma": false,
"jsxBracketSameLine": false,
"jsxSingleQuote": false,
"printWidth": 100,
"proseWrap": "preserve",
function repeatDemo() {
const texts = Array(5)
.fill()
.map(_ => "I love your smile");
texts.map(text => WriteLine(text));
}