All Projects → conficient → Blazorchatsample

conficient / Blazorchatsample

A sample Blazor chat application using SignalR

Labels

Projects that are alternatives of or similar to Blazorchatsample

Redux Framework
Redux is a simple, truly extensible options framework for WordPress themes and plugins!
Stars: ✭ 1,602 (+1095.52%)
Mutual labels:  demo
Widgetexamples
A demo project showcasing different types of Widgets created with SwiftUI and WidgetKit.
Stars: ✭ 125 (-6.72%)
Mutual labels:  demo
Mern Authentication
MERN stack authentication boilerplate: password reset, email verification, server sessions, redux, hooks and docker for dev and prod.
Stars: ✭ 129 (-3.73%)
Mutual labels:  demo
Taobaokeapi
淘宝客API演示
Stars: ✭ 128 (-4.48%)
Mutual labels:  demo
Demo Twilio Backend Nodejs
A sample backend that demonstrates how to generate a Virgil JWT and Twilio token used for authentication with the Virgil and Twilio services
Stars: ✭ 128 (-4.48%)
Mutual labels:  demo
Cute Deferred Shading
Cute little deferred shading implementation.
Stars: ✭ 129 (-3.73%)
Mutual labels:  demo
Favesound Redux
🎶 A SoundCloud Client in React + Redux running in production. Live Demo and Source Code to explore React + Redux as a beginner.
Stars: ✭ 1,586 (+1083.58%)
Mutual labels:  demo
Eleme
restructure..
Stars: ✭ 1,635 (+1120.15%)
Mutual labels:  demo
Scrapy demo
all kinds of scrapy demo
Stars: ✭ 128 (-4.48%)
Mutual labels:  demo
Webpack Demo
webpack 4 config. demo ⚙️
Stars: ✭ 131 (-2.24%)
Mutual labels:  demo
Todayx
🌈Flutter App:🎊「今日份的X」(每天推荐一个:图片、诗歌、名言、音乐、乐评、高等数学、两种配色、化学方程式、Github Repo、知乎问题、文章)
Stars: ✭ 128 (-4.48%)
Mutual labels:  demo
Aixijs
AIXIjs - General Reinforcement Learning in the Browser
Stars: ✭ 128 (-4.48%)
Mutual labels:  demo
Krakend Playground
Get started with KrakenD. A docker compose with KrakenD and a fake api to play with
Stars: ✭ 130 (-2.99%)
Mutual labels:  demo
Xrichtext
一个Android富文本类库,支持图文混排,支持编辑和预览,支持插入和删除图片。
Stars: ✭ 1,639 (+1123.13%)
Mutual labels:  demo
Rabbitmq
RabbitMQ 官方.NET CORE教程实操演练
Stars: ✭ 132 (-1.49%)
Mutual labels:  demo
Vue2 Scaffold
The best scaffold for Vue 2.x based on vue-cli#vuejs-templates/webpack
Stars: ✭ 125 (-6.72%)
Mutual labels:  demo
React Responsive Carousel
React.js Responsive Carousel (with Swipe)
Stars: ✭ 1,962 (+1364.18%)
Mutual labels:  demo
Cloudkit Demo.objective C
Stars: ✭ 133 (-0.75%)
Mutual labels:  demo
Swift project
原OC项目用swift实现,纯swift项目,可作为学习swift的demo,包含多个自定义控件,并且进行封装网络请求库,结构清晰。
Stars: ✭ 133 (-0.75%)
Mutual labels:  demo
Ciapre Xcode Theme
An easy on the eyes Xcode color scheme, ported from Ciapre Sublime Text.
Stars: ✭ 130 (-2.99%)
Mutual labels:  demo

Blazor Chat Sample

Build Status

Now upgraded for .NET 5 RTM - Please ensure you have the .NET 5 SDK loaded and VS 2019 v16.8 or later. One change since the release candidates is that the scoped CSS is now AppName.styles.css in place of the _framework/scoped.styles.css

This application demonstrates the use of SignalR to create a Blazor chat application.

Now JavaScript-Free!

The app now uses the Microsoft.AspNetCore.SignalR.Client library which is now compatible with the Mono WASM runtime. This really simplifies the ChatClient code.

Previously this sample used JavaScript SignalR client. If you want to see how the JavaScript client version worked, I've retained it in this branch

.NET 5

@Turochamp has kindly provided an upgrade to .NET 5, which now uses CSS isolation for the app, navbar etc.

Demo

A demo application is available at https://blazorchatsample.azurewebsites.net

Improvements & Suggestions

If you have any improvements or suggestions please submit as issues/pull requests on the Github repo.

Acknowledgements

Many thanks to Turochamp who did the upgrade to .NET 5 RC1!

Thanks to Code-Boxx for the article https://code-boxx.com/responsive-css-speech-bubbles/ that helped me create simple CSS speech bubbles that improve the layout.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].