4 ms·
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
by count_zero 10y 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/ https://game-collector-staging.herokuapp.com/
- bigmanwalter 10y agoOr, 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.