Last active
June 22, 2019 04:54
-
-
Save panphora/1116ebec18a45620fe83d7f867c2c20a to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# REMAKE.JS web app framework | |
# overview | |
- handles rendering your templates with data | |
- handles creating routes for your templates | |
- handles letting people modify the data on the page | |
- handles serializing the data on the page so it can saved | |
- handles merging the saved data into the user data | |
- handles activating and deactivating page elements | |
- handles user authentication *(soon)* | |
## objective | |
- what if building a web application was as simple as writing an html template? | |
## rules | |
- data from editable areas syncs **up** into matching output attributes, i.e. .closest() | |
- data is gathered from child elements **up** into save functions, i.e. .closest() | |
- data back flows **down** and triggers matching watch attributes, i.e. .querySelectorAll() | |
## idea for remake.js came from | |
- noticed that the nested and/or looping structure of a page roughly corresponds to the final structure of the data | |
- 10 years experience building lots of web apps | |
- borrows ideas and concepts from other web app frameworks: react/angular/stimulus/intercooler | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment