Wassim Chegham – @manekinekko

Météo

Du

Web

S01E03

TypeScript 4.3 Beta

Template Literals Type Improvements

type Color = "red" | "blue";
type Quantity = "one" | "two";

type SeussFish = `${Quantity | Color} fish`;

//---

declare let s1: `${number}-${number}-${number}`;
declare let s2: `1-2-3`;

// Works!
s1 = s2;

@manekinekko

TypeScript 4.3 Beta

ECMAScript #private Class Elements

class Foo {
    #someMethod() {}
    get #someValue() { return 100; }
}

new Foo().#someMethod();
//        ~~~~~~~~~~~
// error!
// Property '#someMethod' is not accessible
// outside class 'Foo' because it has a private identifier.

@manekinekko

TypeScript 4.3 Beta

Import Statement Completions

@manekinekko

npm v7.9.0

Workspaces (RFC)

// packag.json
{
    "name": "workspace-example",
    "version": "1.0.0",
    "workspaces": {
        "packages": [
            "packages/*"
        ]
    }
}

@manekinekko

VS Code 1.55

📓 Notebooks improvements
🍎 Updated macOS Big Sur icons
🍓 Official Raspberry Pi support

March 2021 release

@manekinekko

Web Authentication Level 2

@manekinekko

S01E07

Wassim Chegham – @manekinekko

TypeScript 4.3

Template Literals Type Improvements

type Color = "red" | "blue";
type Quantity = "one" | "two";

type SeussFish = `${Quantity | Color} fish`;

//---

declare let s1: `${number}-${number}-${number}`;
declare let s2: `1-2-3`;

// Works!
s1 = s2;

@manekinekko

TypeScript 4.3

ECMAScript #private Class Elements

class Foo {
    #someMethod() {}
    get #someValue() { return 100; }
}

new Foo().#someMethod();
//        ~~~~~~~~~~~
// error!
// Property '#someMethod' is not accessible
// outside class 'Foo' because it has a private identifier.

@manekinekko

TypeScript 4.3

override and --noImplicitOverride

class SpecializedComponent extends SomeComponent {
    override show() {
        // ...
    }
    override hide() {
        // ...
    }
}

@manekinekko

Web API Updates

@manekinekko

🎁 File Handling API

🎁 Handwriting Recognition API

🎁 Shared Element Transitions API*

 

Project Fugu updates

Angular 12

Moving Closer to Ivy Everywhere

@manekinekko

🎁 IVy by default
🎁 Deprecating Support for IE11
🎁 Build prod by default

Safari Updates

@manekinekko

🎁 Theme Color
🎁 Pull to Refresh (Safari-only)
🎁 Web Extensions (not sure if Safari-only)
🎁 WebGL2
🎁 SharePlay & Web Share 2

iOS 15 beta 1

JavaScript Hub at Microsoft

@manekinekko

Everything from Microsoft for JavaScript developers! 

🎁 Beginner resources
🎁 Announcements
🎁 Tools for JavaScript developers
🎁 Latest from the Web community

@manekinekko

@LesBriquesDuWeb

Météo Du Web S01E03

By Wassim Chegham

Météo Du Web S01E03

Météo Du Web // Les Briques du Web

  • 259
Loading comments...

More from Wassim Chegham