Code Monkey home page Code Monkey logo

frameworkless-jamstack's Introduction

frameworkless-jamstack

GitHub Netlify typescript coffee

Proof of concept - you can create Single Page Applications without a Virtual DOM framework (Angular, React, etc).

Live

https://frameworkless-jamstack.netlify.app

But Why ?

Most of the time, all web applications we are making are actually master-detail pages for CRUDs, not home brokers. Data doesn't change in real-time and you don't need "blazing fast" rendering, just normal DOM speed is more than enough. Data binding and Virtual DOM rendering are overkill in these cases, taking up machine resources (memory, cpu) you'll not exactly take much advantage of.

So what, get back to old-times vanilla ?

Of course not. Typescript is here to stay. Also, the concepts of SPAs (Single Page Applications) and having a bundled single javascript file are too good to be left aside. So the proposal here is to get all of these, including a modern development environment, without resorting to any overcomplex Virtual DOM framework. As a side effect, you'll end up with a much smaller generated js/css, which in turn will make your website load faster.

Then how ?

Check out the Live Demo for more information.

Building / Running

You need to have NodeJS installed. Clone this project, navigate to its folder, then run npm install and npm start. Check the app running on your browser on http://localhost:3001.

References

Frameworkless
Jamstack

Contributions

Feel free to open an issue or add a pull request. Anytime. Really, I mean it.

Also, if you like my work, I'll let you know that I love coffee.

frameworkless-jamstack's People

Contributors

honatas avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

sog-web

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.