Welcome to the interactive tutorial on how to use side-effect "operators" in MobX! Over the course of the next three samples, you'll learn (and be able to explore) exactly how autorun
, when
and reaction
work, and when/why you would use them when building reactive applications.
/* | |
Copy this into the console of any web page that is interactive and doesn't | |
do hard reloads. You will hear your DOM changes as different pitches of | |
audio. | |
I have found this interesting for debugging, but also fun to hear web pages | |
render like UIs do in movies. | |
*/ | |
const audioCtx = new (window.AudioContext || window.webkitAudioContext)() |
// Work-around for this Electron bug: https://github.com/electron/electron/issues/19468 | |
import { execSync } from 'child_process' | |
import { app } from 'electron' | |
function setWindowsAppTheme(light: boolean) { | |
try { | |
execSync( | |
`REG ADD HKEY_CURRENT_USER\\Software\\Microsoft\\Windows\\CurrentVersion\\Themes\\Personalize /v AppsUseLightTheme /t REG_DWORD /d ${ light ? 1 : 0 } /f`, | |
{ windowsHide: true } |
I heard some points of criticism to how React deals with reactivity and it's focus on "purity". It's interesting because there are really two approaches evolving. There's a mutable + change tracking approach and there's an immutability + referential equality testing approach. It's difficult to mix and match them when you build new features on top. So that's why React has been pushing a bit harder on immutability lately to be able to build on top of it. Both have various tradeoffs but others are doing good research in other areas, so we've decided to focus on this direction and see where it leads us.
I did want to address a few points that I didn't see get enough consideration around the tradeoffs. So here's a small brain dump.
"Compiled output results in smaller apps" - E.g. Svelte apps start smaller but the compiler output is 3-4x larger per component than the equivalent VDOM approach. This is mostly due to the code that is usually shared in the VDOM "VM" needs to be inlined into each component. The tr
- IaaS指提供系统(可以自己选)或者储存空间之类的硬件,软件要自己手动装。PaaS提供语言环境和框架(可以自己选)。SaaS只能使用开发好的软件(卖软件本身,如税务会计、表格文字处理)。BaaS一般类似于非关系数据库,但各家不通用
- 云服务的特点:零前期成本 & 按需付费 & 弹性(类似于租,可随时多加、退掉;但没有残值)、高可用(放在机房中,不同AZ间水电隔离)
- https://education.github.com/pack GitHub学生包,需用教育邮箱验证。各种福利,可从DigitalOcean上手
- https://github.com/ripienaar/free-for-dev 本文尽量不与此项目重复
- https://free.zhelper.net/
国内从 Docker Hub 拉取镜像有时会遇到困难,此时可以配置镜像加速器。
Dockerized 实践 https://github.com/y0ngb1n/dockerized
:root { | |
--heng-fa-chuen: #b51921; | |
--tai-koo: #b2103e; | |
--kowloon-bay: #c41832; | |
--tseung-kwan-o: #ef342a; | |
--wui-kai-sha: #a84d18; | |
--po-lam: #f68f26; | |
--sai-wan-ho: #faca07; | |
--disneyland-resort: #07594a; | |
--skek-kip-mei: #4ba946; |
registry "https://registry.npm.taobao.org" | |
disturl "https://npm.taobao.org/dist" | |
nvm_nodejs_org_mirror "http://npm.taobao.org/mirrors/node" | |
NODEJS_ORG_MIRROR "http://npm.taobao.org/mirrors/node" | |
sass_binary_site "http://npm.taobao.org/mirrors/node-sass" | |
electron_mirror "http://npm.taobao.org/mirrors/electron/" | |
SQLITE3_BINARY_SITE "http://npm.taobao.org/mirrors/sqlite3" | |
profiler_binary_host_mirror "http://npm.taobao.org/mirrors/node-inspector/" | |
node_inspector_cdnurl "https://npm.taobao.org/mirrors/node-inspector" | |
selenium_cdnurl "http://npm.taobao.org/mirrors/selenium" |
First set out your build scripts In your package.json scripts and install the gh-pages npm module
"build": "gatsby build",
"test": "echo \"no test specified\" && exit 0",
"preDeploy": "gatsby build --prefix-paths",
"deploy": "npm run preDeploy && gh-pages -d public"
Connect Travis CI to your repo and in the repo settings add an enviroment var call GITHUB_TOKEN with the value of your github token from:
Note: This is the guide for v 2.x.
For the v3, please follow this url: https://blog.csdn.net/sam_shan/article/details/80585240 Thanks @liy-cn for contributing.
For the v6, please follow the comment below: https://gist.github.com/trandaison/40b1d83618ae8e3d2da59df8c395093a?permalink_comment_id=5079514#gistcomment-5079514
Download: StarUML.io