Different types of web renderers and their advantages and disadvantages
When running and building apps for the web using Flutter, we can choose between two different renderers. In this section, we will learn what those renderers are and what the advantages and disadvantages of using each of them are.
So, what are renderers? As the name implies, they are used to render our Flutter app on the web. The two renderers that we can use to render our Flutter application on the web are the HTML renderer and the CanvasKit renderer. So, how did these renderers come to be? As we discussed in the previous section, to enable web support, the Flutter team had to rewrite the Flutter Engine on top of browser APIs. The first solution was to use HTML, CSS, and CanvasAPI on the web, which is how the HTML renderer came to be. This was the easier (and first) solution. However, later came another solution: using WebGL. For this, the team brought Skia (the underlying graphic engine that supported Flutter...