昨今の社会情勢の影響もありリモートワークを導入する企業・チームが増えてきましたが、 一口に「リモートワーク」といってもさまざまなスタイルがあります。
企業側と働く側のミスマッチを防ぐため、リモートワークにおける観点を列挙してみました。
どの程度リモートワークに比重を置いて導入しているかのチェックリストです。
$ ./wait-for-url.sh localhost:12345
type DerivedStateFromPropsFunction<TProps, TState> = ( | |
props: TProps, | |
state: TState, | |
) => TState | void; | |
const getDerivedStateFromProps = <T extends {}>( | |
f: DerivedStateFromPropsFunction<T, T | {}>, | |
) => (BaseComponent: React.ComponentType<T>) => { | |
class EnhancedComponent extends React.Component<T> { | |
state = {}; |
{ | |
"scripts": { | |
"build": "npm run build:es2015 && npm run build:esm && npm run build:cjs && npm run build:umd && npm run build:umd:min", | |
"build:es2015": "tsc --module es2015 --target es2015 --outDir dist/es2015", | |
"build:esm": "tsc --module es2015 --target es5 --outDir dist/esm", | |
"build:cjs": "tsc --module commonjs --target es5 --outDir dist/cjs", | |
"build:umd": "rollup dist/esm/index.js --format umd --name YourLibrary --sourceMap --output dist/umd/yourlibrary.js", | |
"build:umd:min": "cd dist/umd && uglifyjs --compress --mangle --source-map --screw-ie8 --comments --o yourlibrary.min.js -- yourlibrary.js && gzip yourlibrary.min.js -c > yourlibrary.min.js.gz", | |
} | |
} |
// Navigate to https://github.com/watching and then run: | |
// Taken from: https://stackoverflow.com/questions/11043374/how-to-unwatch-multiple-repos-easily-on-github | |
Array.prototype | |
.slice.apply(document.querySelectorAll('.js-subscription-row')) | |
.forEach(el => { const org = el.querySelector('a[href^="/YOUR_ORG"]'); if (org) el.querySelector('button').click()}); |
// ==Taberareloo== | |
// { | |
// "name" : "Fix Twitter.update 2020.02" | |
// , "description" : "Fix Twitter.update 2020.02" | |
// , "include" : ["background"] | |
// , "version" : "0.5.0" | |
// , "downloadURL" : "https://gist.githubusercontent.com/ailispaw/9406c2ffacf68c6ad238/raw/patch.fix.twitter.update.tbrl.js" | |
// } | |
// ==/Taberareloo== |
All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
elem.offsetLeft
, elem.offsetTop
, elem.offsetWidth
, elem.offsetHeight
, elem.offsetParent