Virtual scrollers allow for faster interaction with the DOM by reducing the number of expensive nodes that need to be rendered. You can check out a couple here:
https://vuetifyjs.com/en/components/virtual-scroller/
https://github.com/Akryum/vue-virtual-scroller
In a previous episode, we looked at how we can use the Template element to reuse a block of HTML. Now, let’s take that a step further and use a few other native browser technologies (Shadow DOM, Custom Elements, and Slots) to build a Web Component.
Shadow DOM - https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM
Custom Elements - https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements
Templates and Slots - https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_templates_and_slots
Previous Episode: https://www.youtube.com/watch?v=jeBjW-TCCx4&t=2s
We have some outstanding pull requests to the GenFu project. In today’s episode, we take some time to review those PRs and get them merged in.
Hitting tab to suggest a parameter to your console app is made easy with dotnet-suggest and the console API tooling. Join James and Dave as they have a look at getting suggestions running on your dotnet apps.
Thanks to viewer OzBob for this suggestion!
A link to the Lemonade (DrinkStand) project:
https://github.com/MisterJames/LemonadeStand/
Here’s the info you need to install and enable suggestions in your shell:
https://github.com/dotnet/command-line-api/blob/main/docs/dotnet-suggest.md
One of the hosting options for SQL on Azure is to use an SQL VM. In this episode we introduce the concept.
https://docs.microsoft.com/en-us/azure/azure-sql/virtual-machines/windows/sql-server-on-azure-vm-iaas-what-is-overview
There are a ton of options for hosting your SQL server on Azure. Each is slightly different so how can you know which one is right? We have some answers for that!
Show links
Elastic Query ep 190 - https://youtu.be/IAx1nsh5-Ao
We don’t always need a framework like React/Vue/Angular to add interactive behaviour to our web pages. The browser provides some handy features that can make it easy to add simple interactions. One example is the template element. Let’s take a look at how to use it to dynamically inject elements into a page.
Template Element - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template
When it comes to performance, it’s important to test our assumptions. In today’s episode, David walks us through his failed attempt to optimize uploading files to blob storage. In this case, fewer allocations doesn’t translate to better performance because there’s a lot more going on inside BlockBlockClient’s OpenWriteAsync() method than we thought.
Previous Episode
Performance of .NET JSON Serialization (#242) - https://youtu.be/w7ZfEVC76ho
Writing a new GitHub Actions workflow and want to save the embarrassment of a dozen failed builds displayed prominently on GitHub? Well ACT is here to save you. Run your GitHub actions locally using the Act CLI. Get that workflow in a working state before pushing your code to GitHub.
That’s right folks! Locally sourced, artisanal workflows!
Compressing the body of requests isn’t done very commonly but if you’re sending a lot of data to the server from the front end it may be desirable to shrink it. In this episode we use pako (https://nodeca.github.io/pako/) to compress the body of a request reducing the size by 90%
Reference:
https://medium.com/axiomzenteam/put-your-http-requests-on-a-diet-3e1e52333014