Un épisode news pour juin 2023 un peu plus long que d'habitude pour prolonger le plaisir. Nous allons évoquer Apple qui s'occupe enfin de Webkit (Safari), de React.js qui se retrouve dans la polémique avec les servers components. Évidemment de CSS. De services d'envoi d'emails. De Netlify connect. De PHP qui prépare sa version 8.3. De Zod, de Javascript, etc.. Un épisode riche en news !

Safari et Apple APNS

Apple met à disposition une nouvelle console pour tester les notifications https://developer.apple.com/notifications/push-notifications-console/

Une vidéo pour comprendre l'utilisation ⇒ https://developer.apple.com/videos/play/wwdc2023/10025/

Webkit (Safari)

  • dans macOS Sonoma, la possibilité de pouvoir mettre une web app dans le dock (Support web push, badge,..)
  • "Add to Home Screen" disponible dans les webviews Safari
  • Nouveau tag html pour afficher des éléments en 3d.
  • Arrivé de WebXR pour créer des expériences immersives. Basé sur WebGL
  • JPEG XL dans safari 17. Excellent compromis poids/qualité
  • Arrivé du format HEIC dans Safari 17, format utilisé dans IOS pour les photos.
  • Image set dans Safari 17. Propriété CSS pour permettre de choisir l’image la plus adaptée
  • Popover attribute
  • <hr> dans les select, ok !
  • Counter styles. Définir des styles de liste
  • Developper Tools améliorations
  • etc…

Article à lire

React Angular moment https://marmelab.com/blog/2023/06/05/react-angularjs-moment.html Résumé de l'article : Sur l’arrivée des React Server component :

  • pas de useStateuseContextuseEffect
  • pas de CSS in JS
  • pas de React query parce que le fetch est propre à React (deduplication)
  • le modèle mental n’est pas la même. Il faut réapprendre (sauf si tu fais du PHP)

Ce qu’il dit :

  • React dissuade de faire des SPA
  • React force la main pour utiliser un Framework et surtout un qui est SSR
  • Les servers components sont la voie par défaut.
  • Vidéo de Robinson https://youtu.be/6jM_0wDOw4g sur les clients components.

CSS

Envoyer des emails programmatiquement

Avec maintenant 3000 gratuits par mois !

Netlify

Base de données

Vercel

Starter NextJS

Starter NextJS payment subscription : https://github.com/vercel/nextjs-subscription-payments

Kit pour créer une app pour des abonnements. Nécessite Supabase, Stripe et Vercel. J’en parle parce que le projet est passé sur NextJS 13 version APP.

SDK AI

https://vercel.com/blog/introducing-the-vercel-ai-sdk

Docker sur Mac plus performant

Docker desktop en mode moins gourmand :) https://orbstack.dev/

Valider les variables d’environnement avec Zod

Zod avec les vars d’env https://www.jacobparis.com/content/type-safe-env

En vrac

"Précision sur Livewire de @danielrmc “Petite précision pour Livewire. Livewire doit être pluggé avec alpine JS pour une plus grande réactivitée et créativitée. Création de composants très complexes, (genre une select multi avec recherche, ou encore un calendrier multi-ressources ...), demande une très bonne compréhension du JS”"

Bonne écoute !

44% vers l'objectif de 70$ par mois

L'ensemble des charges seront couvertes. Service de stockage et abonnement aux services utilisés.

Abonnez-vous sur votre plateforme de podcast préférée

> //
Copyright DOUBLE-SLASH 2020 - 2024 - Tous les droits sont réservés.