Hacker News new | ask | show | jobs
by count_zero 3468 days ago
I'm experimenting with a hybrid approach, where the server injects a JSON string into a hidden div's data attribute, containing all the data the front end would have traditionally received through an ajax call on initialization.

It's no ideal, as the initial DOM render isn't fully populated, but it's much faster than waiting for another round trip to the server to populate the view.

Here's an example sketch using vue.js (data is in #game-data div): https://game-collector-staging.herokuapp.com/

1 comments

Or, even better, I just inject the JSON data into a script tag with a var declaration, sort of like:

<script> var models = {{=models}}; </script>

And just like that, I have my data accessible as a global variable.