reactive dialogs without extra packages?

dialog.html

<template name="dialog">
  <div class="modal fade" id="{{dialogId}}">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">{{dialogTitle}}</h4>
        </div>
        <div class="modal-body">
           {{> Template.dynamic template=modalBodyTemplate }}
        </div>
      </div>
    </div>
  </div>
</template>

dialog.js

Blaze.renderWithData(Template.dialog,
  {
    dialogTitle: 'My dialog Title',
    dialogId: dialogId,
    modalBody: 'myTemplate'
  },
  $('body').get(0)
);

Template.dialog.onRendered( function() {
  $('#dialogId').on('hidden.bs.modal', function (e) {
    Blaze.remove( Blaze.getView( $('#dialogId').get(0) ));
  })
});