Skip to content

Recursos geniales

Aquí dejaré una lista de recursos de interés, tanto para futuro estudio o directos.

Herramientas frontend

Enlaces de interés

A prácticar:

APIS para prácticar

prettierrc

.prettierrc

{
    "semi": true,
    "tabWidth": 4,
    "printWidth": 80,
    "useTabs": false,
    "singleQuote": false,
    "trailingComma": "es5"
}

vite

  • alias @ src: así no te preocupas por el anidamiento de los componentes.

vite.config.js

js
import { defineConfig } from "vite";
import * as path from "path";
import react from "@vitejs/plugin-react";

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [react()],
    resolve: {
        alias: [{ find: "@", replacement: path.resolve(__dirname, "src") }],
    },
});

Crear archivo jsconfig.json

json
{
    "compilerOptions": {
        "baseUrl": ".",
        "target": "es6",
        "paths": {
            "@/*": ["./src/*"]
        }
    },
    "exclude": ["node_modules"]
}

order class Tailwind

sh
npm install -D prettier prettier-plugin-tailwindcss