eureka
web_app_from_scratch
eureka | web_app_from_scratch | |
---|---|---|
11 | 5 | |
4 | 50 | |
- | - | |
1.8 | 0.0 | |
over 3 years ago | over 1 year ago | |
Shell | ||
GNU General Public License v3.0 only | - |
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.
eureka
-
How to build a website without frameworks and tons of libraries
Here's an example of building a well-structured, maintainable web-site using JavaScript, HTML and CSS: https://github.com/wisercoder/eureka/tree/master/webapp/Clie...
It doesn't use React (imagine the horror!), instead it uses two tine 500-line libs.
-
React is 10 years old
> a literal 5-20x productivity boost
Not really. See a better way here: https://github.com/wisercoder/eureka
- Building a Front End Framework; Reactivity, Composability with No Dependencies
-
React is a fractal of bad design
I'm not quite seeing React being used, just JSX though? All the view and state updating is being done manually, but it looks fairly well-organised. There are small optimisations like debouncing onInput with a timeout (avoiding rapid re-rendering for every character typed): https://github.com/wisercoder/eureka/blob/master/webapp/Clie...
- Ask HN: Good resource on writing web app with plain JavaScript/HTML/CSS
- Can We All Just Admit React Hooks Were a Bad Idea?
- Ask HN: What happened to vanilla HTML/CSS/JS development?
-
I don't miss React: a story about using the platform
React works well for simple, non-interactive components. Complex, interactive components are going to have state. Stateful components don't work so well in React. If you want to update props in a stateful component, the recommendation is to replace the component entirely by changing its key. At the point all of the benefits of React (preservation of selection, caret position, scroll position etc.) vanish. You might as well use vanilla js instead of React.
What does using Vanilla JS look like? Here's an example: https://github.com/wisercoder/eureka It uses two tiny 500-line libs. It uses TSX files, just like React. It has components, just like React. It doesn't have incremental screen update, but neither does React, if your components are interactive and stateful.
- A Visual Guide to React Rendering
web_app_from_scratch
-
Server-Side Rendering Is a Thiel Truth (2020)
How do you mean Django is heavy? When I think about heavy, I think about how hard it would be to replace the framework with my own code in the future. So I don't like magic. Both, Django and Flask seem to have a similar amount of magic to me. But I might be wrong. I tried Flask only very briefly.
Me and other devs maintain this repo which shows how to get from a fresh Debian install to a running web app via different frameworks:
https://github.com/no-gravity/web_app_from_scratch
As you can see, it also has a Flask version.
Contributions are welcome!
-
Ask HN: Good resource on writing web app with plain JavaScript/HTML/CSS
Why using python3-django on debian instead of a venv and the last lts of django from pypi on your script[0] ?
[0]: https://github.com/no-gravity/web_app_from_scratch/blob/main...
-
Ask HN: Do you contribute to open source projects?
I am building an open source web framework comparison.
The idea is to put together a project that gives an overview of how to set up a minimal viable web application from scratch via all the different frameworks.
For each framework the project features a self explanatory shell script that builds a web app with routing, templates and user accounts. So there is no ambiguity of how to reproduce the results. And it is even possible to just copy&paste the steps into a docker container and see the framework in action.
So if you want to compare how the frameworks do templating, you can look at the "Let's use templates" part and have a quick overview of how it is done in Django, Laravel, Flask, Symfony, NextJS...
So far, 5 developer joined and contributed.
Here is the repo:
https://github.com/no-gravity/web_app_from_scratch
-
Ask HN: Who Wants to Collaborate?
I am building an open source web framework comparison.
The idea is to put together a project that gives an overview of how to set up a minimal viable web application from scratch via all the different frameworks.
For each framework the project features a self explanatory shell script. So there is no ambiguity of how to reproduce the results. And it is even possible to just copy&paste the steps into a docker container and see the framework in action.
The shell script for each repo starts from scratch and builds a web app with routing, templates and user accounts.
Here is the repo:
https://github.com/no-gravity/web_app_from_scratch
So if you want to compare how do you use a template, you can look at the "Let's use templates" part and have a quick overview of how it is done in Django, Laravel, Flask, Symfony, NextJS...
So far, I wrote the beginning of the Django script and two developers contributed Laravel and Symfony scripts. So far we have routing and templates. All three still need user accounts.
If you are experienced in a web framework, feel free to add to one of the scripts or a new one and send a pull request!
What are some alternatives?
webcomponents - Web Components specifications
html-form-to-google-sheet - How to submit HTML forms to Google Sheets. (Updated for 2023 Script Editor)
Ink - đ React for interactive command-line apps
DS4Windows - A reimagination of DS4Windows.
org-mode-site-template - A workflow for a complete site using the HTML publish option of Emacs Org-Mode
share-file-systems - Use a Windows/OSX like GUI in the browser to share files cross OS privately. No cloud, no server, no third party.
el - Minimal JavaScript application framework / WebComponents base class
langterm - đšī¸ WebGL-based VT220 emulator, made as a learning example and frontend for a text adventure
editable-website - A SvelteKit template for building CMS-free editable websites
Yacy - Distributed Peer-to-Peer Web Search Engine and Intranet Search Appliance
uhtml - A micro HTML/SVG render
bangle-io - A web only WYSIWYG note taking app that saves notes locally in markdown format.