idea>> hashtag>> 返回
项目作者： aldy505

项目描述 ：
The same one-page site, same everything. Just implementation of frameworks.
高级语言： JavaScript
项目地址: git://github.com/aldy505/hashtag.git
创建时间： 2021-06-12T16:40:51Z
项目社区：https://github.com/aldy505/hashtag
开源协议：GNU General Public License v3.0
下载


Hashtag - Implementation of frameworks

Right, so.. let’s get to the point.

I created this repo (initially, a separate one just on my local computer) just to learn Svelte. By copying all the stuff I did with Nuxt and changing some stuff along the way to make it work. But, it turns out, I think it’s a pretty good comparison on basic things you can do with any other framework. You can see the actual app (with the proper hashtags) here

But, now it seems like the mini version of Realworld’s front end, but it’s just a single page app of random hashtag generation. Other than that, one interesting thing we can take from this is the build time comparison on Github Actions, as it would be the most realistic one, it’s running on the cloud.

  • React is React javascript library.
  • Vue is literally Vue. What do you expect?
  • Svelte is cybernetically enhanced web app.
  • Solid is pure fast reactive library (having React-like syntax)
  • Nuxt is a SSR/SSG Vue-based framework
  • Routify is a SSR/SSG Svelte-based framework

The stack:

  • The framework
  • WindiCSS - CSS Utility Library
  • Yarn

Setup Guide

All frameworks (should) have the same commands, so everything would be easy.

  1. # install dependency
  2. yarn
  4. # run local dev server
  5. yarn dev
  7. # run eslint (with xo-config-space) if you want
  8. yarn lint
  10. # build into static site
  11. yarn build

Contribution

If you find any bugs, feel free to open up an issue. If you can make the bug dissapear, please submit a PR! Because that will be fun!

Also, I’m kinda interested on having a other framework implementation of this one.