文件名称：带有 DI 的 React.js 的黑客原型；-)
文件大小：114KB
文件格式：ZIP
更新时间：2024-06-28 09:41:15
React Integration
在 di.js 中使用 React 这个例子的重点是 CounterComponent 以及它如何根据注解注入 LocalStorage。 代码是用 ES6 编写的，并用 Traceur 进行了编译。 我还使用了 Traceur 的一些附加（非 ES6）功能，例如依赖注入框架使用的类型注释来确定要注入的内容（它也可以与断言库一起使用来进行运行时类型检查） ）。 然而，你可以用普通的 ES5 编写它，我使用 ES6 的唯一原因是因为我被模块、类、注释和所有漂亮的语法糖宠坏了...... # install all the deps npm install # transpile ES6 gulp build # 运行示例 gulp serve 昨天，我看到了一个关于 React 的演示，我终于开始使用它了。 我认为这是一个有趣的框架。 我非常喜欢其中的一些概念，例如：分离状态并将其视为不可变的，组件的良好封装，渲染的严格分离。 起初我被 JSX 吓坏了（它让我想起了 PHP+HTML）以及学习/记住所有方法和语法的需要。 然而很快我意识到它实际上并没有那么糟糕，过了一段时间我觉得很舒服。
【文件预览】：
react-with-di-master
----react.js(516KB)
----index.html(1KB)
----transpiled()
--------local_storage.js(510B)
--------counter_component.js(1KB)
--------react_di_hack.js(1KB)
----src()
--------local_storage.js(416B)
--------counter_component.js(1KB)
--------react_di_hack.js(2KB)
----gulpfile.js(621B)
----README.md(4KB)
----style.css(535B)
----package.json(754B)