https://github.com/yerkopalma/frontend-stack-playground
:trident: One step after vanilla javascript, one step before frameworks.
https://github.com/yerkopalma/frontend-stack-playground
Last synced: 2 months ago
JSON representation
:trident: One step after vanilla javascript, one step before frameworks.
- Host: GitHub
- URL: https://github.com/yerkopalma/frontend-stack-playground
- Owner: YerkoPalma
- License: mit
- Created: 2016-10-18T17:11:47.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2016-10-27T21:02:18.000Z (over 8 years ago)
- Last Synced: 2025-01-25T07:11:20.896Z (4 months ago)
- Language: JavaScript
- Homepage:
- Size: 25.4 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# frontend-stack-playground
> :trident: One step after vanilla javascript, one step before frameworks.
## Why?
I've got tired of js frameworks, so I will start to experiment with different js stacks.
composing libraries is more fun than learning oppinionated frameworks. At the end, I would have the basic experience and maybe some benchmarking to make some decisions.
## How?
If there are already a lot of js framework choices, there is even more js libraries.
So, I arbitrary selected some of them and mixed in this repo, accross different project folders.
Every folder is supposed to be [the same app](#the-app), only changing the js stacks, so, there are some [common](/common) files.
Also, there is only one folder for [benchmarking](/benchmark), as the same test would be applied to every app.
### The app
The app is a simple blog, with common css files. The state model must support posts with comments, and manage routes to visualize them.
The routes are:
```javascript
/posts
/posts/:post_id
/posts/:post_id/comments
```
The model structures are:
```javascript
const post = {
title: '',
date: {},
content: '',
author: '',
comments: []
}
const comment = {
author: '',
content: '',
date: {}
}
```
The actions for the state container are:
```javascript
const ADD_POST
```
## Stacks
Go to each one of the following folders to check the implementations
- [yo-yo + sheetify + send-action + sheet-router](/yoshsasr)
- [yo-yo + sheetify + send-action + director](/yoshsad)
- [yo-yo + sheetify + redux + sheet-router](/yoshresr)
- [yo-yo + sheetify + redux + director](/yoshred)
- [yo-yo + cxs + send-action + sheet-router](/yocsasr)
- [yo-yo + cxs + send-action + director](/yocsad)
- [yo-yo + cxs + redux + sheet-router](/yocresr)
- [yo-yo + cxs + redux + director](/yocred)
- [hyperscript + hyperx + sheetify + send-action + sheet-router](/hhshsasr)
- [hyperscript + hyperx + sheetify + send-action + director](/hhshsad)
- [hyperscript + hyperx + sheetify + redux + sheet-router](/hhshresr)
- [hyperscript + hyperx + sheetify + redux + director](/hhshred)
- [hyperscript + hyperx + cxs + send-action + sheet-router](/hhcsasr)
- [hyperscript + hyperx + cxs + send-action + director](/hhcsad)
- [hyperscript + hyperx + cxs + redux + sheet-router](/hhcresr)
- [hyperscript + hyperx + cxs + redux + director](/hhcred)
## License
[MIT](/LICENSE)