TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Show HN: SPA Demo Built with Web Components (Also Written with React and Vue)

1 点作者 __app_dev__超过 4 年前

1 comment

__app_dev__超过 4 年前
This is a Single Page App (SPA) using a Web Component Library I created. It uses data from a Geographic Database to countries, regions, cities, in the World.<p>If you’re not familiar with Web Components here is a good overview article from Mozilla on how to use them:<p><a href="https:&#x2F;&#x2F;developer.mozilla.org&#x2F;en-US&#x2F;docs&#x2F;Web&#x2F;Web_Components" rel="nofollow">https:&#x2F;&#x2F;developer.mozilla.org&#x2F;en-US&#x2F;docs&#x2F;Web&#x2F;Web_Components</a><p>Basically it allows for creating custom HTML elements from JavaScript. In this case I developed components that allow for viewing of data from JSON web services and binding to other components on screen.<p>Here is the GitHub Source:<p><a href="https:&#x2F;&#x2F;github.com&#x2F;dataformsjs&#x2F;dataformsjs&#x2F;blob&#x2F;master&#x2F;examples&#x2F;places-demo-web.htm" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;dataformsjs&#x2F;dataformsjs&#x2F;blob&#x2F;master&#x2F;examp...</a><p>For comparison the main page has links to React, Vue and other versions of the same app as I developed similar React Components and standard JavaScript.<p><a href="https:&#x2F;&#x2F;www.dataformsjs.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.dataformsjs.com&#x2F;</a>