preact-to-nativescript
This Library is experimental!
Documentation
Usage
The following is assumed to be executed at the project root of a NativeScript project
- Install the library
npm i preact-to-nativescript
- Adjust your NativeScript app.js
var application = require("application")
var preactToNativeScript = require("preact-to-nativescript")
var render = preactToNativeScript.render
var h = preactToNativeScript.Preact.h
application.start({
create: () => {
return render(h("page", {}, [h("actionBar", {title: "Custom Title"}), h("stackLayout", {}, [h("label", {text: "preact-to-nativescript page"}, [])])]))
}
})
- Run your NativeScript app
Demo Application
TBD
- dont ship own preact version
- Handle unmounting properly when navigating via Nativescripts API (custom routing in pure js works fine though!)
- ActionBar Known Limitations
- SystemIcon is not respected
- NavigationButton doesn't properly render
- probably more that isn't in scope yet
Credits
- developit by providing this untested document implementation that turned into the core of this library. He also authored undom from which some document mock code was borrowed. And he also authored preact without which this wouldn't even be possible.
- staydecent for providing a code example that showed that preact-to-nativescript is not impossible wizardry but achievable by writing the right wrapper
-
Preact 是 React 的轻量化替代方案，仅有 3KB。并且提供了相同的 ES6 API，还具有组件和 Virtual DOM。 具有以下特性： 更接近于实质：Preact 在 DOM 上实现一个可能是最薄的一层虚拟 DOM 实现。 小体积：这将意味可以下载更少的 JavaScript 代码，解析和执行 —— 为您的代码节省更多的时间。 高性能：不仅是因为他的体积，还因为一个简单和可预测的
-
preact-cli Start building a Preact Progressive Web App in seconds �� Contents Features Usage Official Templates CLI Options preact create preact build preact watch preact list preact info Deploying Pr
-
�� preact-minimal Minimal preact structure. Preact is just soooooo fast! ⚡ ⚡ ⚡ But when you have an idea and want to start coding right away, then it becomes really hard and timeconsuming to setup and
-
问题内容： 我正在使用Preact（出于所有意图和目的，React）来渲染保存在状态数组中的项目列表。每个项目旁边都有一个删除按钮。我的问题是：单击该按钮时，将删除正确的项目（我已对此进行了几次验证），但是重新渲染项目时缺少 最后一个 项目，并且删除的项目仍然存在。我的代码（简体）： 我究竟做错了什么？我是否需要以某种方式主动重新渲染？这是n + 1种情况吗？ 澄清 ：我的问题不在于国家的同步性。
-
当我在网上做研究时，似乎人们也在这个堆栈中使用SQS，SNS会将信息放在SQS上，然后SQS会调用Lambda。 我想我想理解的是在这方面对SQS的需求。这增加了什么价值？换句话说，直接从SNS调用我的Lambda会失去什么？
-
.to( target:Object, duration:Number, vars:Object, position:* ) : * 添加一个TweenLite.to()动画到时间轴，相当于add(TweenLite.to(...))，以下两行产生相同的结果： myTimeline.add( TweenLite.to(element, 1, {left:100, opacity:0.5}) );