GithubHelp home page GithubHelp logo

Sort by added/updated about osgameclones HOT 9 CLOSED

opengaming avatar opengaming commented on August 16, 2024
Sort by added/updated

from osgameclones.

Comments (9)

piranha avatar piranha commented on August 16, 2024

Huh, that's a good idea, shouldn't be too hard to implement. I'll look into that when I have time.

from osgameclones.

cxong avatar cxong commented on August 16, 2024

I've been thinking about this issue, and I think it might be best to start looking into a web framework like React or Vue. We currently do our tags/filters using basic javascript; it works but is not the most maintainable. With a framework this kind of stuff can be added easily. Thoughts?

from osgameclones.

piranha avatar piranha commented on August 16, 2024

With framework like that you'll either have only client-side rendering or a need for a much more elaborate setup with server-side rendering, instead of simply serving an HTML file like it works right now.

Maybe it's better to look instead at some frameworks which on one hand make code a little bit more structured, but on the other do not require client side rendering?

Maybe stimulus? It's what RoR uses IIRC.

from osgameclones.

cxong avatar cxong commented on August 16, 2024

I'm against server-side rendering logic because we'll need a webserver; plain HTML or client-side rendering are better options.
I think client-side rendering is better and will become better as the site grows.
Currently there are so many games that the page HTML takes the most time and size to load:
image
Most of that size is HTML tags. The raw data (YAML) is a fraction of that size.

Front end frameworks can also be big, but it's not as bad - they can be cached, and we could also pick a lightweight one like vue or preact: https://gist.github.com/Restuta/cda69e50a853aa64912d

from osgameclones.

piranha avatar piranha commented on August 16, 2024

The thing is that client-side rendering will be never as fast as static HTML. 123 kb of html is a little! I wonder why it loads for 2 seconds, maybe it's a problem with web server? I'll look into it.

Disclosure: I'm working on JS apps since 2011, and for the last few years I'm at https://kasta.ua - you can check it out, it's pretty fast, but I'll be damned if OSGC isn't a magnitude faster! :)

from osgameclones.

killthekitten avatar killthekitten commented on August 16, 2024

I'd also like to sort by number of :octocat: ⭐️ but that would require some db backend to effectively cache the numbers.

from osgameclones.

CommonLoon102 avatar CommonLoon102 commented on August 16, 2024

Client side rendering is a very bad idea because it only works with JavaScript turned on. This site shouldn't require JS to check basic things, this site is basically a static list. Only web applications should require JS. Everything else should work without JS.

from osgameclones.

piranha avatar piranha commented on August 16, 2024

@CommonLoon102 well there is no way you can sort something without JS (or adding server, but that sounds even more atrocious).

from osgameclones.

CommonLoon102 avatar CommonLoon102 commented on August 16, 2024

It would be possible to generate 2 HTMLs based on the YAML, one is sorted by name, the other by updated. There could be a link on both pages to switch to the other.

from osgameclones.

Related Issues (20)

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.