Wednesday, April 12, 2023

Microsoft Teams "2.0" with React, WebView2: 2x faster

Introducing the new Microsoft Teams | Microsoft 365 Blog

Microsoft rebuilt Teams from the ground up, promises 2x faster performance | TechCrunch

it optimized the Teams data, network, chat and video architecture to achieve this. A significant part of this enhancement also results from the app’s transition from Electron to Microsoft’s Edge WebView 2 rendering engine. Microsoft also notes that it moved from using AngularJS as the web development framework for Teams to React for building the user interface and standardized on Microsoft’s Fluent UI UX controls.


Create a unique ID with javascript time

Create a unique number with javascript time - Stack Overflow

Date.now().toString(36)

'lge1j7wp'

How to generate a Unique ID in JavaScript - Clue Mediator


1
2
3
4
5
6
const uid = function(){
  return Date.now().toString(36) + Math.random().toString(36).substr(2);
}
 
console.log(uid());
// Output: kyg0z26npc43wq7vaa

list of Awesome GraphQL tools

many interesting and useful tools...

chentsulin/awesome-graphql: Awesome list of GraphQL @GitHub


Schemas and Types | GraphQL

Queries and Mutations | GraphQL

Apollo GraphQL server

GraphQL schema basics - Apollo GraphQL Docs

Resolvers - Apollo GraphQL Docs

apollographql/apollo-server: 🌍  Spec-compliant and production ready JavaScript GraphQL server that lets you develop in a schema-first way. Built for Express, Connect, Hapi, Koa, and more.

Relay.dev

JWT Authentication in the Apollo Router - Apollo GraphQL Docs

jasonkuhrt/graphql-request: Minimal GraphQL client supporting Node and browsers for scripts or simple apps


dotnet

Introduction - Hot Chocolate - ChilliCream GraphQL Platform



class notes: Intro to GraphQL 

example code

Configuring your browser to run WebContainers | StackBlitz Docs

Task 3 - StackBlitz

Task 4 (forked) - StackBlitz

Task 5 (solution) - StackBlitz

Task 6 (forked) - StackBlitz

Task 9 (solution) - StackBlitz