# Les News pour décembre 22

> Dans ce dernier épisode de l'année 2022, une épisode spécial news, nous évoquons Vite.js 4, Prestashop 8, Angular 15, Sveltkit 1.0, Supabase. Également une liste de tutos pour s'occuper durant les vacances et quelques news.

## Les dernières releases

### Vite.js V4

[https://vitejs.dev/blog/announcing-vite4.html](https://vitejs.dev/blog/announcing-vite4.html)

5 mois après la version 3, la version 4 arrive !
De plus en plus de dev et de framework adoptent Vite.js :

- Astro
- NuxtJS
- Qwik
- Prise en charge dans Storybook
- Deno supporte Vite

Les nouveautés de cette version :

- Rollup 3 (simplification des assets,améliorations et vitesses)
- Nouveau plugin **React** SWC pour remplacer Babel
- package Vite plus petit 14Mb contre 18Mb

Breaking changes:

- CSS import string
- Dot env
- Prise en charge des browsers change.

### Angular V15

[https://blog.angular.io/angular-v15-is-now-available-df7be7f2f4c8](https://blog.angular.io/angular-v15-is-now-available-df7be7f2f4c8)

Principalement des améliorations d’expériences dev et de simplification. Évidemment plus performant.

### Prestashop 8

Sortie le 16 octobre 2022 !

[https://build.prestashop-project.org/news/prestashop-8-0-0-available/](https://build.prestashop-project.org/news/prestashop-8-0-0-available/)

Après la version 1.7, prestashop passe à la 8 (on enlève le 1.). Gros nettoyage du code, passage sous symfony 4.4, twig 3, etc..

2 versions désormais : prestashop project (open-source sur github) et [prestashop.com](https://prestashop.com) (payante avec compte et addons essentials)

### Sveltekit 1.0

Sortie le 14 décembre 2022

[https://svelte.dev/blog/announcing-sveltekit-1.0](https://svelte.dev/blog/announcing-sveltekit-1.0)

2 ans de développement, pour rappel, Rich Harris est entré chez Vercel en novembre 2021. [https://vercel.com/blog/vercel-welcomes-rich-harris-creator-of-svelte](https://vercel.com/blog/vercel-welcomes-rich-harris-creator-of-svelte)
Point fort de Svelte, code compilé très petit et code simple, facile à comprendre.

### Supabase Launch Week 6

[https://supabase.com/blog/launch-week-6-wrap-up](https://supabase.com/blog/launch-week-6-wrap-up)

New Docs passage de docusaurus à Next JS
Image resizing
Multi-factor authentication (MFA)
Custom Domains
Point in time recovery
Graphql via pg_graphql

## S’occuper pendant les vacances

- Flex blox tuto interactif [https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/?ref=refind](https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/?ref=refind)
- Tuto Tailwind avancé : [https://www.protailwind.com/tutorials](https://www.protailwind.com/tutorials)
- Tuto Typescript : [https://www.totaltypescript.com/tutorials](https://www.totaltypescript.com/tutorials)
- Tuto Git : [https://www.youtube.com/@DeliciousInsights/playlists](https://www.youtube.com/@DeliciousInsights/playlists)
- Tuto Angular de Lior Chamla : [https://youtu.be/vr8-bSIT9iE](https://youtu.be/vr8-bSIT9iE)

## News en vrac

- [PHP dans le browser avec WASM](https://wptavern.com/new-wordpress-sandbox-project-demos-test-drive-themes-and-plugins-in-the-browser)
- [Résultats State of CSS](https://2022.stateofcss.com/en-US/)
- [Retour du site Ecoindex](https://www.ecoindex.fr/)
- Svelte sur Spotify page, Reuters, Bloomberg, New York Times et apple music web : [https://beta.music.apple.com/](https://beta.music.apple.com/)
À noter l'utilisation de marko sur apple.music
- Doc de React Beta : [https://beta.reactjs.org/apis/react](https://beta.reactjs.org/apis/react)
- [Storybook dans Next.js](https://storybook.js.org/blog/integrate-nextjs-and-storybook-automatically)

## Articles à lire

- [Retour sur Tailwind](https://www.alsacreations.com/article/lire/1884-deux-annees-avec-tailwind-quel-bilan.html)

## Tools

- [Console Ninja](https://console-ninja.com/)
- [components.ai](https://components.ai/u/system/cl5a97rxe001209ldetuczj0x)

Bonne écoute !