The normal way to bootstrap your app with backbone as described in the docs is this
var Accounts = new Backbone.Collection;
Accounts.reset(<%= @accounts.to_json %>);
Here, we are using the server side tags <%= ... %>, <?php echo ... ?>, etc.
But in my app I am passing very thin HTML from the server. Something like this
<html><head></head><body></body>
<script src="init.js"></script>
<html>
In this case how should I bootstrap my data for my backbone models and collections?
Backbone recommends against using fetch
Note that fetch should not be used to populate collections on page load — all models needed at load time should already be bootstrapped in to place. fetch is intended for lazily-loading models for interfaces that are not needed immediately.
But I wonder if that’s the right thing to do in cases like mine?
I didn’t want to put my opinion as an answer, but I think I can say, “there is no reason, technical or otherwise, not to use fetch to load your models on page load in this use case”. 8)