Frontend

Revolutionizing Angular: Introducing the New Signal Input API

#Frontend #Angular

Démonstration d'une nouveauté à venir pour Angular : les Signal Input !

Petit aperçu :

@Component({
  selector: 'user-profile',
  standalone: true,
  template: `{{ email() }}`,
})
export class UserProfile {
  email = input.required<string>();
}

On voit la syntaxe qui va sans doute être introduite en expérimentale dans la version 18, avec une API qui n'utilise plus d'annotation du tout, une API plus courte, plus clair, mieux typé et plus déclarative. Vivement la release !

Understanding React’s useFormState and useFormStatus Hooks - LogRocket Blog

#Frontend #React

L'équipe React introduit les hooks useFormState et useFormStatus sur le canal expérimental. Ces deux hooks permettent de gérer plus facilement un formulaire avec uniquement React en proposant des hooks qui structurent mieux le code et prémâche un peu le travail.

À priori l'équipe React a enfin compris que les formulaires c'est important, qu'on en a partout, et qu'on perd un temps fou à gérer les formulaires à la main en React !

Add auto-import for the package.json imports field by emmatown · Pull Request #55015 · microsoft/TypeScript · GitHub

#Frontend #Backend #TypeScript

Petite amélioration en TypeScript : on pourra utiliser la clé imports du package.json comme des alias de chemin plutôt que les définir sur la clé paths du tsconfig.json.

C'est un changement bienvenu !

What’s new in Angular 17.1? | Ninja Squad

#Frontend #Angular

Sortie de la version 17.1 d'Angular qui introduit pas mal de nouveauté (dont une grosse partie en privée ou en expérimentale). La plus grosse nouveauté étant l'arrivée des Signal Input !

Pourquoi les éléments img, iframe et canvas n’acceptent aucun pseudo-element ? - Blog - Code-Garage

#Frontend #CSS

La spécification CSS interdit les pseudos éléments sur les balises : img, iframe et canvas car ce sont des éléments remplacés par des ressources externes 🤔

J'avais déjà tenté d'utiliser des pseudos éléments sur une balise img sans succès, je comprends pourquoi maintenant 😅

My CSS resets

#Frontend #CSS

Un set de reset plutôt simple et qui inclue une partie plutôt accessibilité pour "couper" (en fait plutôt réduire très très fortement) les animations qu'on pourrait ajouter. Le reste est plutôt classique, mais je trouvais la partie animation intéressante

Sharing a state between windows without a server | by notachraf | Dec, 2023 | Medium

#Frontend #JavaScript

Démonstration de construction d'un état partagé entre plusieurs onglets d'un même navigateur en passant par le local storage. Méthode très simple mais super efficace ! En plus cet article explique la construction d'un concept qu'on a pas mal vu tourner sur les réseaux où on avait l'impression d'une vraie interaction entre plusieurs fenêtres qui étaient manipulées à l'écran !

Million.js 3.0 – Frontend Masters Boost

#Frontend #React

React + un compilateur - le diff répété à chaque re-rendu = +70% de vitesse

Million.js est un outil à greffer sur React pour améliorer considérablement les performances ! Je pense que c'est un outil à suivre, particulièrement avec la tendance à faire du SSR avec React, on va de plus en plus vouloir gagner en performance pour faire des économies côté serveur, ça peut être une option !

The Complex But Awesome CSS border-image Property — Smashing Magazine

#Frontend #CSS

Je ne connaissais pas du tout la propriété CSS border-image ! Franchement c'est dingue de pouvoir faire ce genre de chose en une seule ligne !

Backend

Making Rust binaries smaller by default | Kobzol’s blog

#Backend #Rust

Dans les prochaines releases de Cargo, par défaut on va économiser au moins 4MiB d'espace disque sur les binaires !

En gros : jusque-là même si ça ne servait à rien, les debuginfos des dépendances étaient embarquées dans le binaire final même en mode release, ce ne sera plus le cas à présent et on va même avoir une compilation jusqu'à 2 fois plus rapide sous Linux !

IA

🤩I'm so so excited ! I got a first version running of my Virtual World !

#IA #LLM #GPT #Quarkus #LangChain

Idée de Sébastien Blanc : faire discuter 2 bots vivant tous les deux sur une paisible planète imaginaire nommé Hipola. Les deux bots dialoguent via un Pub/Sub Redis, génère du texte avec GPT, en passant par LangChain4J comme interface, le tout avec du Quarkus pour enrober le tout et facilité la création des bots.

Franchement l'idée est marrante, c'est pas la première fois qu'on voit ça, mais du coup Sébastien commence déjà à avoir des résultats marrant : ils planifient la création d'une fête pour célébrer l'existence de la planète.

Il compte continuer à développer le truc, donc à suivre !

L'IA va s'imposer même sur les claviers de PC

#IA #Microsoft #Copilot #Clavier

Microsoft veut ajouter une nouvelle touche sur les claviers pour un accès direct a Copilot. À priori vu la vidéo c'est prévu qu'elle se place à droite de la touche Alt Gr, sur ce qui semble être un clavier laptop (celui de la prochaine Surface ?) vu qu'il y a juste à droite de cette nouvelle touche les flèches. Donc à priori si regarde les actuels claviers de Surface, cette touche viendra remplacer la touche "menu contextuel". À voir ce que ça va changer à l'usage et sous Linux

LENIA : Une nouvelle forme de vie mathématique ! - YouTube

#Divers #IA #Automate-Cellulaire

Comme toujours avec David Louapre de la chaîne Science Étonnante : il nous présente un aspect scientifique super intéressant en vulgarisant très fortement ce qui rend la chose très accessible !

J'adore les automates cellulaires ! Je ne connaissais pas du tout LENIA qui est un automate cellulaire discret (comprendre : il n'y a plus de notion de "tour" mais une évolution plus ou moins continue, et il n'y a plus vraiment de cellule mais c'est continu, et la valeur des pseudo-cellules n'est plus une valeur entière mais une valeur continue (genre 0.86)). Le résultat est hyper intéressant à voir, et hyper beau ! Je trouve toujours ça fou de se dire qu'on obtient ce genre de résultat sans jamais avoir décrit ça !

Le tout avec un rapprochement avec le machine learning !

Sécurité

Trello Allegedly Breached: Database of 15,115,516 User Records Up for Sale

#Sécurité #Faille #Trello

Énorme data leak chez Trello : par principe, changez vos mots de passe !

Proposed Top-Level Domain String for Private Use

#Divers #Internet #Sécurité #DNS

L'ICANN lance une consultation publique pour savoir si oui ou non il faut mettre en place des TLD (Top Level Domain : .fr,.com, .org…) qui seraient réservés et interdit à la délégation.

En gros : si actuellement vous utiliser un domaine interne en mode "maboite.local" ou "maboite.corp", si la résolution DNS venait à ne pas arriver sur un DNS interne il finirait par déclencher une chaîne d'appel DNS pour déterminer une IP, et potentiellement renvoyer vers une page malveillante (genre un pirate voit que maboite utilise en interne maboite.corp, crée une page en ligne avec le domaine maboite.corp en se disant qu'un jour ça peut passer et donc potentiellement faire du phishing). Là la proposition c'est justement que les serveurs DNS ne transmettent plus les requêtes de ce genre de TLD (dont les noms ne sont pas définis) et qu'ils ne soient pas réservables

Jeux-videos

Nintendo : les services en ligne sur 3DS et Wii U fermeront le 8 avril 2024, une page se tourne

#Jeux-videos #Nintendo

Ce coup clap de fin définitif pour la Nintendo 3DS et la Wii U. Si vous aviez du contenu sur le eshop non present sur votre console : téléchargez-le vite avant que tout soit inaccessible !

Ça c'est le pourquoi je n'aime pas le dématérialisé et qu'autant que possible j'achète mes jeux en boîte, même si ça prend de la place et parfois c'est plus cher (rarement mais ça arrive). Dans 15 ans mes jeux en boîtes seront fonctionnels, pas avec les mises à jours mais fonctionnels. Comme c'est le cas pour mes cartouches de gameboy qui datent pour certaines d'avant ma naissance et que j'ai acheté d'occasion pour le plaisir de jouer avec l'expérience originale !

Divers

La vraie raison pour laquelle tout le monde fait des speedtests - YouTube

#Divers #Internet

Vidéo qui explique le fonctionnement d'un speed test (et de facto un peu aussi les notions de latence et débit), les enjeux derrières, etc.

Je trouve ça super intéressant comme sujet, les speed tests on en utilise tout le temps, on sait pas forcément toujours ce qu'il y a derrière !

How do sketch shadows in art

#Divers

Démonstration en vidéo de comment dessiner des ombres de manière parfaitement géométrique, c'est très simple finalement, faut juste connaître la technique !

HoloTile : Disney dévoile un sol mouvant pour le futur de la réalité virtuelle

#Divers #VR #Disney #HoloTile

Projet de dingue présenté par Disney : un tapis qui maintient votre position pour accompagner la VR ! En gros vous marcher normalement mais vous ne vous déplacez pas physiquement ! Regardez la vidéo c'est bouffant !

Jelly's blog – GNOME battery charge control

#Divers #Linux #Gnome

Bientôt une simple case à cocher pour préserver la vie de nos batteries de laptop sous Linux + Gnome !

Kera / Kera Desktop · GitLab

#Divers

Kera c'est globalement une application Electron qui se met en plein écran pour servir d'environnement de bureau. Je trouve ça plutôt intéressant car ça permet d'utiliser des apps web comme des apps natives. Il faut que je prenne le temps de tester ça !

gilest.org: Make the indie web easier

#Divers #Web

L'article évoque le fait que ce n'est pas simple de partager du contenu en ligne par soi-même. "Par soi-même" au sens hébergé par nous-mêmes et gérer par nous-mêmes, même avec peu voir pas de connaissance. On manque d'outil pour faire ça, et il faut s'y connaître un minimum pour faire ça… L'auteur évoque Wordpress qui permet de prémâcher énormément le boulot mais ce n'est qu'une option, il en faudrait d'autres, que les gens aient le choix.