Hey everyone!
I have a best practice question regarding textures and bind groups.
Each time I have to load an image to create a texture, I start by creating an empty "placeholder" texture, that way I can build my bind groups and pipelines without having to wait for the actual image to be downloaded.

createTexture() {
    const textureOptions = this.source
      ? {
          format: 'rgba8unorm',
          mipLevelCount: this.options.texture.generateMips
            ? this.getNumMipLevels(this.size.width, this.size.height)
            : 1,
          size: [this.size.width, this.size.height],
          usage: GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.COPY_DST | GPUTextureUsage.RENDER_ATTACHMENT,
        }
      : {
          format: 'rgba8unorm',
          size: [this.size.width, this.size.height], // [1, 1]
          usage: GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.COPY_DST,
        }

    // if we already have a texture, destroy it to free GPU memory
    this.texture?.destroy()

    this.texture = this.renderer.createTexture(textureOptions)

    this.shouldBindGroup = true
    this.shouldUpdate = true
  }

The thing is, once my image is ready and I recreate my texture with the new data, I found that I have to regenerate my bindGroup entries and recreate the whole bindGroup:

setBindGroup() {
    this.bindGroup = this.renderer.device.createBindGroup({
      label: 'Texture Uniform bind group',
      layout: this.bindGroupLayout,
      entries: this.entries.bindGroup,
    })
  }

resetTextureBindGroup(textureIndex) {
    if (this.entries.bindGroup[textureIndex * 3 + 1]) {
      this.entries.bindGroup[textureIndex * 3 + 1].resource = this.textures[textureIndex].texture.createView()

      this.setBindGroup()
    }
  }

Even tho it's not gonna happen often, I'm wondering if this could be considered a bad practice? If so, is there any workaround?
Thanks 🙏