Skip to content

Integrando o TypeScript em um projeto Blazor com C#, para interoperar com o JavaScript renderizando gráficos da biblioteca Chart.Js

License

Notifications You must be signed in to change notification settings

jfs-dev/blazor-auto-typescript-chartjs

Repository files navigation

blazor-auto-typescript-chartjs

Integrando o TypeScript em um projeto Blazor com C#, para interoperar com o JavaScript renderizando gráficos da biblioteca Chart.Js

.Net C# Visual Studio Code Visual Studio TypeScript JavaScript

Sobre o projeto

Este projeto mostra como integrar o TypeScript em um projeto Blazor com C#, para interoperar com o JavaScript renderizando gráficos da biblioteca Chart.Js.

Embora o Blazor seja um framework que utiliza C# para criar aplicações web, ele permite integração com JavaScript, e o TypeScript pode ser utilizado como uma extensão do JavaScript nessa integração.

O TypeScript pode ser usado para manipulação de DOM, integração com APIs externas ou até tarefas complexas de front-end, enquanto o Blazor gerencia a lógica de aplicação em C#.

Essa abordagem permite que você aproveite os benefícios do TypeScript (tipagem, ferramentas de desenvolvimento avançadas) dentro do ambiente Blazor.

Instalar o Node.js

https://nodejs.org

Checar a versão do Node.js

node -v

Instalar o gerenciador de pacotes npm

install -g npm

Checar a versão do gerenciador de pacotes npm

npm -v

Instalar o TypeScript

npm install -g typescript

Checar a versão do TypeScript

tsc -v

Criar o projeto Blazor

dotnet new blazor -int auto

Instalar a biblioteca Chart.Js e copiar os arquivos gerados para o diretório de distribuição

npm install chart.js

Após configurar o arquivo tsconfig.json no projeto e escrever seus scripts em TypeScript, basta executar o comando ts para transpilar os arquivos TypeScript para JavaScript.

Referências

https://learn.microsoft.com/en-us/aspnet/core/blazor/javascript-interoperability/?view=aspnetcore-10.0

https://nodejs.org

https://www.typescriptlang.org/

https://www.chartjs.org/

Licença

GPL-3.0 license

About

Integrando o TypeScript em um projeto Blazor com C#, para interoperar com o JavaScript renderizando gráficos da biblioteca Chart.Js

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published