开源脱口秀之 Web 前端框架状态 API “圣战” - 调试器

🔍区块差异

[
  {
    "block_id": "U3ZgdQAvtoQhJUx3luqcpK9Yn7g",
    "block_type": 1,
    "children": [
      "HqwddQXvroc5KOxnjXCcL0zGnAg",
      "Jc8SdLmaRoeRdMxBZFRcGHwSnJf",
      "XUxRdXicCof5PMxBXDKc5aZrnbd",
      "TgFOdpYZkoS5agx5snmcZTFZnzh",
      "RjI3d0QAxovYX9xV7fCcqz4Anzg",
      "HgxFdVPkFomPyBxsODqcIp70n5g",
      "BcXVdZMCMoE9HOxnXhccuaL0nYf",
      "YqGfd1mQXokd3Ex6YM3cIuPTnUf",
      "PyKidH5KyooQ0sxVBFLceAMHn8S"
    ],
    "page": {
      "elements": [
        {
          "text_run": {
            "content": "开源脱口秀之 Web 前端框架状态 API “圣战”",
            "text_element_style": {
              "bold": false,
              "inline_code": false,
              "italic": false,
              "strikethrough": false,
              "underline": false
            }
          }
        }
      ],
      "style": {
        "align": 1
      }
    },
    "parent_id": ""
  },
  {
    "block_id": "HqwddQXvroc5KOxnjXCcL0zGnAg",
    "block_type": 4,
    "heading2": {
      "elements": [
        {
          "text_run": {
            "content": "this.setState()",
            "text_element_style": {
              "bold": false,
              "inline_code": true,
              "italic": false,
              "strikethrough": false,
              "underline": false
            }
          }
        },
        {
          "text_run": {
            "content": "类组件的“小甜甜”时期",
            "text_element_style": {
              "bold": false,
              "inline_code": false,
              "italic": false,
              "strikethrough": false,
              "underline": false
            }
          }
        }
      ],
      "style": {
        "align": 1,
        "folded": false
      }
    },
    "parent_id": "U3ZgdQAvtoQhJUx3luqcpK9Yn7g"
  },
  {
    "block_id": "Jc8SdLmaRoeRdMxBZFRcGHwSnJf",
    "block_type": 2,
    "parent_id": "U3ZgdQAvtoQhJUx3luqcpK9Yn7g",
    "text": {
      "elements": [
        {
          "text_run": {
            "content": "",
            "text_element_style": {
              "bold": false,
              "inline_code": false,
              "italic": false,
              "strikethrough": false,
              "underline": false
            }
          }
        }
      ],
      "style": {
        "align": 1,
        "folded": false
      }
    }
  },
  {
    "block_id": "XUxRdXicCof5PMxBXDKc5aZrnbd",
    "block_type": 4,
    "heading2": {
      "elements": [
        {
          "text_run": {
            "content": "状态管理的可变之争",
            "text_element_style": {
              "bold": false,
              "inline_code": false,
              "italic": false,
              "strikethrough": false,
              "underline": false
            }
          }
        }
      ],
      "style": {
        "align": 1,
        "folded": false
      }
    },
    "parent_id": "U3ZgdQAvtoQhJUx3luqcpK9Yn7g"
  },
  {
    "block_id": "TgFOdpYZkoS5agx5snmcZTFZnzh",
    "block_type": 2,
    "parent_id": "U3ZgdQAvtoQhJUx3luqcpK9Yn7g",
    "text": {
      "elements": [
        {
          "text_run": {
            "content": "",
            "text_element_style": {
              "bold": false,
              "inline_code": false,
              "italic": false,
              "strikethrough": false,
              "underline": false
            }
          }
        }
      ],
      "style": {
        "align": 1,
        "folded": false
      }
    }
  },
  {
    "block_id": "RjI3d0QAxovYX9xV7fCcqz4Anzg",
    "block_type": 4,
    "heading2": {
      "elements": [
        {
          "text_run": {
            "content": "useState()",
            "text_element_style": {
              "bold": false,
              "inline_code": true,
              "italic": false,
              "strikethrough": false,
              "underline": false
            }
          }
        },
        {
          "text_run": {
            "content": " 类组件的“牛夫人”时期",
            "text_element_style": {
              "bold": false,
              "inline_code": false,
              "italic": false,
              "strikethrough": false,
              "underline": false
            }
          }
        }
      ],
      "style": {
        "align": 1,
        "folded": false
      }
    },
    "parent_id": "U3ZgdQAvtoQhJUx3luqcpK9Yn7g"
  },
  {
    "block_id": "HgxFdVPkFomPyBxsODqcIp70n5g",
    "block_type": 2,
    "parent_id": "U3ZgdQAvtoQhJUx3luqcpK9Yn7g",
    "text": {
      "elements": [
        {
          "text_run": {
            "content": "",
            "text_element_style": {
              "bold": false,
              "inline_code": false,
              "italic": false,
              "strikethrough": false,
              "underline": false
            }
          }
        }
      ],
      "style": {
        "align": 1,
        "folded": false
      }
    }
  },
  {
    "block_id": "BcXVdZMCMoE9HOxnXhccuaL0nYf",
    "block_type": 4,
    "heading2": {
      "elements": [
        {
          "text_run": {
            "content": "Signal 标准提案能否带来持久和平?",
            "text_element_style": {
              "bold": false,
              "inline_code": false,
              "italic": false,
              "strikethrough": false,
              "underline": false
            }
          }
        }
      ],
      "style": {
        "align": 1,
        "folded": false
      }
    },
    "parent_id": "U3ZgdQAvtoQhJUx3luqcpK9Yn7g"
  },
  {
    "block_id": "YqGfd1mQXokd3Ex6YM3cIuPTnUf",
    "block_type": 2,
    "parent_id": "U3ZgdQAvtoQhJUx3luqcpK9Yn7g",
    "text": {
      "elements": [
        {
          "text_run": {
            "content": "",
            "text_element_style": {
              "bold": false,
              "inline_code": false,
              "italic": false,
              "strikethrough": false,
              "underline": false
            }
          }
        }
      ],
      "style": {
        "align": 1,
        "folded": false
      }
    }
  },
  {
    "block_id": "PyKidH5KyooQ0sxVBFLceAMHn8S",
    "block_type": 2,
    "parent_id": "U3ZgdQAvtoQhJUx3luqcpK9Yn7g",
    "text": {
      "elements": [
        {
          "text_run": {
            "content": "",
            "text_element_style": {
              "bold": false,
              "inline_code": false,
              "italic": false,
              "strikethrough": false,
              "underline": false
            }
          }
        }
      ],
      "style": {
        "align": 1,
        "folded": false
      }
    }
  }
]

📄文档

开源脱口秀之 Web 前端框架状态 API “圣战”

this.setState()类组件的“小甜甜”时期

状态管理的可变之争

useState() 类组件的“牛夫人”时期

Signal 标准提案能否带来持久和平?