chore: update 06-typescript example, cascade other examples

Author: crsanti

03-bundling/06-vite/06-typescript/README.md

@@ -226,32 +226,18 @@ Install [Node.js and npm](https://nodejs.org/en/) (20.19.0 || >=22.12.0) if they
 
   🔎 Check how we also get error feedback in the console.
 
-- Unfortunately, it doesn't prevent us from generating the production bundle, eventhough the `build` script apparently failed. Actually you can run it with:
+- We can see thank to `vite-plugin-checker` it is preventing us from generating the production bundle, with errors.
 
-  ```bash
-  npm run preview
-  ```
-
-- But there are a couple of alternatives we can do:
-
-### Alternative 1
-
-- Let's update the `package.json` to run `tsc` before production build:
+  ```text
+  vite v7.0.4 building for production...
+  ✓ 2 modules transformed.
+  src/index.ts:2:7 - error TS2322: Type 'number' is not assignable to type 'string'.
 
-  ```diff
-    "scripts": {
-      "start": "vite",
-  +   "type-check": "tsc --noEmit",
-  +   "prebuild": "npm run type-check",
-      "build": "vite build",
-      "preview": "vite preview"
-    },
-  ```
+  2 const numberB: string = 3;
+          ~~~~~~~
 
-  🔎 Let's check we cannot build for production until all compilation errors are cleared:
 
-  ```bash
-  npm run build
+  Found 1 error in src/index.ts:2
   ```
 
 - So, we can only fix the issue to continue:
@@ -265,32 +251,3 @@ Install [Node.js and npm](https://nodejs.org/en/) (20.19.0 || >=22.12.0) if they
   ```
 
   🔎 Run now a production build and check how it goes smoothly.
-
-### Alternative 2
-
-- Let's tweak `rollup`, which is run under the hood for bundling in production, and let's configure its typescript plugin to prevent emitting any artifact if transpilation fails. First, install the plugin and a required `tslib` dependency:
-
-  ```bash
-  npm install @rollup/plugin-typescript tslib --save-dev
-  ```
-
-- Then, add the following to `vite` config file:
-
-  _vite.config.ts_
-
-  ```diff
-    import { defineConfig } from "vite";
-    import checker from "vite-plugin-checker";
-  + import typescript from "@rollup/plugin-typescript";
-
-    export default defineConfig({
-      plugins: [checker({ typescript: true })],
-  +   build: {
-  +     rollupOptions: {
-  +       plugins: [typescript()],
-  +     },
-  +   },
-    });
-  ```
-
-  > By default it takes our `tsconfig.json` as reference.

03-bundling/06-vite/06-typescript/package.json

@@ -1,23 +1,19 @@
 {
   "name": "hello-vite",
   "private": true,
-  "type": "module",
   "version": "0.0.0",
   "description": "Let's start with a very basic sample, just add an html plus a simple console log (E5). This is what you can find in the getting started tutorial.",
   "scripts": {
     "start": "vite --host",
-    "type-check": "tsc --noEmit",
-    "prebuild": "npm run type-check",
     "build": "vite build",
     "preview": "vite preview"
   },
   "devDependencies": {
-    "@rollup/plugin-typescript": "^12.1.4",
     "sass-embedded": "^1.89.2",
     "tslib": "^2.8.1",
     "typescript": "^5.8.3",
-    "vite": "^7.0.2",
-    "vite-plugin-checker": "^0.9.3"
+    "vite": "^7.0.4",
+    "vite-plugin-checker": "^0.10.0"
   },
   "dependencies": {
     "bootstrap": "^5.3.7"

03-bundling/06-vite/06-typescript/vite.config.ts

@@ -1,12 +1,6 @@
 import { defineConfig } from "vite";
 import checker from "vite-plugin-checker";
-import typescript from "@rollup/plugin-typescript";
 
 export default defineConfig({
   plugins: [checker({ typescript: true })],
-  build: {
-    rollupOptions: {
-      plugins: [typescript({ noEmitOnError: false })],
-    },
-  },
 });

03-bundling/06-vite/07-react/README.md

@@ -60,17 +60,11 @@ Install [Node.js and npm](https://nodejs.org/en/) (20.19.0 || >=22.12.0) if they
   ```diff
     import { defineConfig } from "vite";
     import checker from "vite-plugin-checker";
-    import typescript from "@rollup/plugin-typescript";
   + import react from "@vitejs/plugin-react";
 
     export default defineConfig({
   -   plugins: [checker({ typescript: true })],
   +   plugins: [checker({ typescript: true }), react()],
-      build: {
-        rollupOptions: {
-          plugins: [typescript()],
-        },
-      },
     });
   ```
 
@@ -140,7 +134,7 @@ Install [Node.js and npm](https://nodejs.org/en/) (20.19.0 || >=22.12.0) if they
   npm start
   ```
 
-  🔎 First of all, chech your `react` application is up and running!
+  🔎 First of all, check your `react` application is up and running!
 
   🔎 Then, look at the dev-tools `network` tab (refresh if needed) and, apart from the source code ES modules we already know, you will see a couple of `vite` pre-bundled dependencies: `react-dom_client` and `react_jsx-dev-runtime`. Take a look at both requests, they share a few things in common:
 

03-bundling/06-vite/07-react/package.json

@@ -10,15 +10,13 @@
     "preview": "vite preview"
   },
   "devDependencies": {
-    "@rollup/plugin-typescript": "^12.1.4",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "@vitejs/plugin-react": "^4.6.0",
     "sass-embedded": "^1.89.2",
-    "tslib": "^2.8.1",
     "typescript": "^5.8.3",
-    "vite": "^7.0.2",
-    "vite-plugin-checker": "^0.9.3"
+    "vite": "^7.0.4",
+    "vite-plugin-checker": "^0.10.0"
   },
   "dependencies": {
     "bootstrap": "^5.3.7",

03-bundling/06-vite/07-react/vite.config.ts

@@ -1,13 +1,7 @@
 import { defineConfig } from "vite";
 import checker from "vite-plugin-checker";
-import typescript from "@rollup/plugin-typescript";
 import react from "@vitejs/plugin-react";
 
 export default defineConfig({
   plugins: [checker({ typescript: true }), react()],
-  build: {
-    rollupOptions: {
-      plugins: [typescript()],
-    },
-  },
 });

03-bundling/06-vite/08-env-vars/package.json

@@ -10,15 +10,13 @@
     "preview": "vite preview"
   },
   "devDependencies": {
-    "@rollup/plugin-typescript": "^12.1.4",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "@vitejs/plugin-react": "^4.6.0",
     "sass-embedded": "^1.89.2",
-    "tslib": "^2.8.1",
     "typescript": "^5.8.3",
-    "vite": "^7.0.2",
-    "vite-plugin-checker": "^0.9.3"
+    "vite": "^7.0.4",
+    "vite-plugin-checker": "^0.10.0"
   },
   "dependencies": {
     "bootstrap": "^5.3.7",

03-bundling/06-vite/08-env-vars/vite.config.ts

@@ -1,13 +1,7 @@
 import { defineConfig } from "vite";
 import checker from "vite-plugin-checker";
-import typescript from "@rollup/plugin-typescript";
 import react from "@vitejs/plugin-react";
 
 export default defineConfig({
   plugins: [checker({ typescript: true }), react()],
-  build: {
-    rollupOptions: {
-      plugins: [typescript()],
-    },
-  },
 });