html-form-to-google-sheet
uibuilder
Our great sponsors
html-form-to-google-sheet | uibuilder | |
---|---|---|
5 | 6 | |
677 | 128 | |
- | - | |
0.0 | 0.0 | |
over 1 year ago | about 4 years ago | |
JavaScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
html-form-to-google-sheet
- Self-hosting forms, the sane way
- Ways of sending HTML form to spreadsheet
-
Ways to send HTML form data to a spreadsheet
This guide is current and works well. https://github.com/levinunnink/html-form-to-google-sheet
-
Ask HN: Good resource on writing web app with plain JavaScript/HTML/CSS
Modern web is fairly complex but it doesn't have to be. What you're after is a simple form to submit that data to someplace. CSS and JavaScript in your case are only needed to improve the look and get some kind of dynamic feedback.
So you have the client webpage, this can be a really simple webpage without any style that just has several form tags (Reference: https://www.w3schools.com/tags/tag_form.asp).
Then you need to send this data to some place. You can use standard html actions to do this to a back end script, a rest api, or even to a formatted email that will be sent via the user's email client.
You may need node to code the back end if there isn't one you can use. You can also use google sheets. See example here: https://github.com/levinunnink/html-form-to-google-sheet. This is really only useful for a small prototype so at some point you would need to standup your own backend somewhere. That gets more complicated because now you need a script (could be JavaScript & node for example or PHP or anything else) which processes your form request and stores it to a database someplace else.
Good luck and happy coding.
- Send HTML forms to Google Sheets (2021 version)
uibuilder
- Web Components Will Outlive Your JavaScript Framework
- If Web Components are so great, why am I not using them?
- Ask HN: Good resource on writing web app with plain JavaScript/HTML/CSS
-
AlpineJS – Lightweight JavaScript Framework
This looks bad. I see custom syntax, and JavaScript embedded into HTML in a way that cannot be syntax-checked at build time.
If you want a lightweight framework check out UIBuilder instead: https://github.com/wisercoder/uibuilder
Same JSX syntax as React, but this lib is very simple -- just over 200 lines of source code.
-
Virtual DOM is pure overhead
If you don't need Virtual DOM then Web Components are a great idea for building reusable components that work with all frameworks, including React. You can even use JSX to build Web Components: https://github.com/wisercoder/uibuilder
What are some alternatives?
web_app_from_scratch - One script for every web framework which sets up a minimal web app with routing, templates and users.
svelte-query - Performant and powerful remote data synchronization for Svelte
longwood - Experimental rendering library
react-svelte - Use Svelte components inside a React app
javascript-todo-list-tutorial - ✅ A step-by-step complete beginner example/tutorial for building a Todo List App (TodoMVC) from scratch in JavaScript following Test Driven Development (TDD) best practice. 🌱
Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.
Web-Dev-For-Beginners - 24 Lessons, 12 Weeks, Get Started as a Web Developer
budibase - Budibase is an open-source low code platform that helps you build internal tools in minutes 🚀
eureka - Lucene-based search engine for your source code
fastdom - Eliminates layout thrashing by batching DOM measurement and mutation tasks
modern-todomvc-vanillajs - TodoMVC with Modern (ES6+), Vanilla JavaScript
proposal-import-attributes - Proposal for syntax to import ES modules with assertions