React-Blockly：基于React的Blockly集成库

React-Blockly：基于React的Blockly集成库

react-blockly A React component that embeds a Blockly visual programming editor. 项目地址: https://gitcode.com/gh_mirrors/re/react-blockly

1. 项目基础介绍及编程语言

React-Blockly 是一个开源项目，旨在为使用 React 的开发者提供一个集成 Blockly 的解决方案。Blockly 是由 Google 开发的一个开源的视觉编程编辑器，它允许用户通过拖放的方式构建代码。React-Blockly 库以 JavaScript 为主，利用 React 的组件化和状态管理特性，使得 Blockly 的集成更加便捷和灵活。

2. 核心功能

该项目的核心功能包括：

• 提供了将 Blockly 嵌入 React 应用的组件和钩子，方便开发者根据需要选择使用方式。
• 支持使用 JSON 格式的工具箱配置，自动将属性更新传播到 Blockly。
• 提供回调函数，用于处理工作区注入、销毁、内容变化以及 XML 导入错误。
• 自动生成工作区 XML，并进行性能优化（debounce）。

3. 最近更新的功能

根据项目的最新动态，最近更新的功能包括：

• 对项目进行了重写，现在是版本 7。这意味着移除了所有基于类的组件，取而代之的是一个新的钩子，用于嵌入 Blockly 到自定义的 DOM 中。
• 移除了自定义的 JSON 格式工具箱，改为使用 Blockly 官方的工具箱 JSON 格式。
• 要求 React 的版本至少是 16.8 或更高版本。
• 移除了对 immutable.js 的依赖。

这些更新使得 React-Blockly 库更加现代化，同时与 Blockly 官方库的集成更为紧密，提供了更好的兼容性和扩展性。

react-blockly A React component that embeds a Blockly visual programming editor. 项目地址: https://gitcode.com/gh_mirrors/re/react-blockly