Intro to blazor

JavaScript? That was so 2018...

 

With Mark Dewey

Core Instructor @ Suncoast Developers Guild

 

Welcome!

I'm Mark, nice to meet you!

Needed tools:

.NET Core 3.0 Preview

Your favorite IDE

The problem!

JavaScript developement is crazy and was never intented to do the things its doing

Blazor!

Blazor is a Web UI framework that leverages .NET Core and runs in the browser via WebAssembly.

Web Assembly

"JavaScript is Assembly Language for the Web"

- Scott Hanselman, 2013

"Why can't Assembly be the Assembly Language for the Web?"

- Someone smart has to have said this before...

WebAssembly (Wasm) is a binary instruction format for a stack-based virtual machine. 

https://webassembly.org/ says...

Why hasn't Wasm taken off?

What does this look like?

<h1>Counter</h1>

<p>Current count: @currentCount</p>

<button @onclick="IncrementCount">
    Click me
</button>

@code {
    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
    }
}

taken from blazor docs

@page "/"

<h1>Hello, world!</h1>

Welcome to your new app.

<Counter />

taken from blazor docs

Let's build a thing!

I want an app to help me track my all of my ideas.


https://sdg.codes/sdg-blazor-example

 

What did we learn?

The Good!

  • Felt good to use and have the power of  C# & .NET
  • Strict typing and project set up was easy
  • If the code compiled I was pretty sure it worked
  • The hard parts of JavaScript not a really a thing
  • App felt faster, both in execution and creation time
  • True code reuse in both server and client-side
  • Really fast at creating simple Web Apps

The Bad.

  • Still in preview
  • Documentation is still evolving and help on the internet is few and far between.
  • Tooling needs work
  • Compile time is a thing
  • Unsure about how bigger, complex apps would scale

In closing.

As of today, July 31st, 2019, I would not use this for production, but I would build prototypes and personal projects.

This is game changing.

Thanks for coming!

Any questions?

 

Stay in touch

mark@suncoast.io

Want to be developer? Apply today @ suncoast.io/apply

Want us to train your team? Let us know!

Blazor! It's like a lasor but with more Bees...

By Mark Dewey

Made with Slides.com

Blazor! It's like a lasor but with more Bees...

Tired of JavaScript! Love C#! Me too! Join Mark Dewey as we take a wild tour of a new bleeding edge idea called Blazor!

  • 342

More from Mark Dewey