feat: 🚀 v4.0.0

TrejoCode · Jun 1, 2024 · a4c117f · a4c117f
1 parent 7aa2103
commit a4c117f
Show file tree

Hide file tree

Showing 50 changed files with 3,004 additions and 30,144 deletions.
diff --git a/.env b/.env
@@ -1 +1 @@
-REACT_APP_API_URL = https://reqres.in/api
+VITE_API_URL = https://reqres.in/api
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -0,0 +1,18 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+}
diff --git a/.gitignore b/.gitignore
@@ -1,23 +1,24 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# production
-/build
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
+# Logs
+logs
+*.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/README.md b/README.md
@@ -2,14 +2,16 @@
 
 # ⚛️ React.js Boilerplate
 
-Boilerplate para proyectos de React.js CSR. Listo para producción, organizado, optimizado para SEO y compatible con WCAG 2.1
+Boilerplate para proyectos de React.js CSR. Listo para producción, organizado, optimizado para SEO y compatible con WCAG 2.1, ahora con el poder de Vite + Typescript
 
 ---
 
 Boilerplate for React.js CSR projects. Production ready, organized and optimized for SEO.
 
 ![Lighthouse Audit](https://res.cloudinary.com/trejocode/image/upload/v1590290688/Screens/100_tjsyob.png)
 
+### ⚛ 4.0.0 Vite + Typescript
+
 ### ⚛ 3.0.0 React.js v18
 
 ### ⚛ 2.1.1 React.js v17
@@ -32,6 +34,7 @@ Boilerplate for React.js CSR projects. Production ready, organized and optimized
 - Estructura de carpetas / Folder structure
 - Estructura de carpetas / Folder structure
 - Última versión mayor de React / React latest version
+- Vite + Typescript
 
 ### 🚀 Para empezar / Get started
 
@@ -44,7 +47,7 @@ These instructions will provide you with a copy of the running project on your l
 ```bash
 cd react-boilerplate
 npm install
-npm start
+npm dev
 ```
 
 ### 📦 Node modules
@@ -54,11 +57,10 @@ npm start
 - [React Helmet Async](https://www.npmjs.com/package/react-helmet-async) - Document Head manager
 - [React Router Dom](https://www.npmjs.com/package/react-router-dom) - Router
 - [Axios](https://github.com/axios/axios) - HTTP client
-- [Web Font Loader](https://github.com/typekit/webfontloader) - Async Web Font Loader
 
 ### 📐 Requisitos / Requirements
 
-- Node min: 16
+- Node min: 18
 - Web Browser
 - VS Code, Atom, Sublime text
 
@@ -69,7 +71,6 @@ npm start
     ├── pages                   # Páginas
     ├── routes                  # Ruteador
     ├── sass                    # Módulos SASS
-    ├── libs                    # Librerías
     ├── utils                   # Utilidades
     └── README.md
 

diff --git a/public/index.html → index.html b/public/index.html → index.html
@@ -3,11 +3,11 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="robots" content="index" />
-    <meta name="theme-color" content="#33C8A3" />
+    <link rel="icon" href="./favicon.ico" />
     <meta name="author" content="Trejocode" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="theme-color" content="#33C8A3" />
+    <link rel="manifest" href="./manifest.json" />
     <meta httpEquiv="X-UA-Compatible" content="ie=edge" />
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <!-- Meta tags -->
     <title>React.js Boilerplate - Trejocode</title>
@@ -36,7 +36,7 @@
     <!-- IOS Meta -->
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-title" content="B4A - Trejocode" />
-    <link rel="apple-touch-icon" href="./img/icons/icon-96.png" />
+    <link rel="apple-touch-icon" href="./icons/icon-96.png" />
     <meta
       name="apple-mobile-web-app-status-bar-style"
       content="black-translucent"
@@ -67,7 +67,8 @@
     />
   </head>
   <body>
-    <noscript>Necesitas habilitar JavaScript para esta Web.</noscript>
     <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+    <noscript>Necesitas habilitar JavaScript para esta Web.</noscript>
   </body>
 </html>
diff --git a/jsconfig.json b/jsconfig.json