DEV Community: Reynaldo Quispe Soca

Configure jest in your project REact with vite

Reynaldo Quispe Soca — Sun, 23 Jul 2023 22:32:16 +0000

install jest yarn add --dev jest
install yarn add -D @types/jest and yarn add eslint @jest/globals --dev
In file .eslintrc.cjs add jest: true,node:true module.exports = { root: true, env: { browser: true, es2020: true, jest: true, node: true },
install yarn add --dev babel-jest @babel/core @babel/preset-env
crate file babel.config.js and paste this code module.exports = { presets: [['@babel/preset-env', {targets: {node: 'current'}}]], };
if you get an error of this type:

   You appear to be using a native ECMAScript module configuration file, which is only supported when running Babel asynchronously.

      at loadCodeDefault (node_modules/@babel/core/src/config/files/module-types.ts:66:9)
          at loadCodeDefault.next (<anonymous>)
      at readConfigCode (node_modules/@babel/core/src/config/files/configuration.ts:75:37)
          at readConfigCode.next (<anonymous>)
      at Function.<anonymous> (node_modules/@babel/core/src/gensync-utils/async.ts:10:3)
      at evaluateSync (node_modules/gensync/index.js:251:28)
      at Function.sync (node_modules/gensync/index.js:89:14)
      at sync (node_modules/@babel/core/src/gensync-utils/async.ts:83:25)
      at sync (node_modules/gensync/index.js:182:19)
      at onFirstPause (node_modules/gensync/index.js:210:24)
      at cachedFunction (node_modules/@babel/core/src/config/caching.ts:131:34)
          at cachedFunction.next (<anonymous>)
      at evaluateSync (node_modules/gensync/index.js:251:28)
      at node_modules/gensync/index.js:31:34
          at Array.map (<anonymous>)
      at Function.sync (node_modules/gensync/index.js:31:22)
      at Function.all (node_modules/gensync/index.js:210:24)
      at all (node_modules/@babel/core/src/config/files/configuration.ts:264:34)
          at loadOneConfig.next (<anonymous>)
      at buildRootChain (node_modules/@babel/core/src/config/config-chain.ts:171:39)
          at buildRootChain.next (<anonymous>)
      at loadPrivatePartialConfig (node_modules/@babel/core/src/config/partial.ts:110:44)
          at loadPrivatePartialConfig.next (<anonymous>)
      at Function.loadPrivatePartialConfig (node_modules/@babel/core/src/config/partial.ts:173:12)
      at evaluateSync (node_modules/gensync/index.js:251:28)
      at Function.sync (node_modules/gensync/index.js:89:14)
      at sync (node_modules/@babel/core/src/config/index.ts:58:21)
      at ScriptTransformer._getCacheKey (node_modules/@jest/transform/build/ScriptTransformer.js:228:41)
      at ScriptTransformer._getFileCachePath (node_modules/@jest/transform/build/ScriptTransformer.js:289:27)
      at ScriptTransformer.transformSource (node_modules/@jest/transform/build/ScriptTransformer.js:522:32)
      at ScriptTransformer._transformAndBuildScript (node_modules/@jest/transform/build/ScriptTransformer.js:671:40)
      at ScriptTransformer.transform (node_modules/@jest/transform/build/ScriptTransformer.js:723:19)

change name de you file babel.config.js to babel.config.cjs

--------------------------- ANOTHER THINGS -------------
A. yarn add -D whatwg-fetch
---INSTALL TESTIN LYBRARY----
A. npm install --save-dev @testing-library/react
B. yarn add -D jest-environment-jsdom
C. yarn add -D @babel/preset-react
E. in babel.config write presets: [ ["@babel/preset-env", { targets: { esmodules: true } }], ["@babel/preset-react", { runtime: "automatic" }], ],
F create file jest.config.cjs and paste module.exports = { // Other Jest configuration options... testEnvironment: "jsdom", };

can't drop a table in mysql, it stays in "Executing query"

Reynaldo Quispe Soca — Wed, 19 Jul 2023 15:32:20 +0000

Run SHOW PROCESSLIST;
Identify the proccess is running and copy id
Run KILL {id};
finally DROP TABLE_NAME

start cronie

Reynaldo Quispe Soca — Tue, 18 Apr 2023 13:11:56 +0000

start service cronie

sudo systemctl start cronie
sudo systemctl enable cronie

Intall nvm for node in linux

Reynaldo Quispe Soca — Tue, 19 Jul 2022 02:53:00 +0000

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.1/install.sh | bash
Si te llega a marcar un error como el siguiente: nvm: command not found, simplemente debes añadir las siguientes líneas de código dentro de tu archivo code ~/.zshrc
export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
Ahora ya podrá instalar cualquier version de node js

--------- COMMANDS FOR MANAGE THE VERSION OF NODE-----

nvm alias default 12 (para poner una version por defecto)
nvm i 12 (Para instalar una version de node)
nvm use 12 (Para usar la version de node)

OJO. en cada terminal tienes que poner vnm use ...

INSTALL DOCKER

Reynaldo Quispe Soca — Tue, 28 Jun 2022 04:41:10 +0000

Actualizar

sudo apt update

LINK:

sudo apt install apt-transport-https ca-certificates curl software-properties-common

LINK:

curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add -

LINK

sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu focal stable"

LINK

sudo apt install docker-ce

LINK: VER el estado

sudo systemctl status docker
7.Version
docker version

descarga alguna imagen

docker pull image(example: mysql) docker images (listar imagenes ISO)

LINK

docker run -d -p 33060:3306 --name mysql-db -e MYSQL_ROOT_PASSWORD=secret mysql

Para ver que puertos esta corriendo

sudo docker ps -a

Mstrar contenedores

sudo docker container ls -a
12 correr contenedores:

docker exec -it mysql-db mysql -p

ELiminaer contenedor docker sudo docker rm 4e(CONTAINER_ID)

https://platzi.com/tutoriales/1432-docker/3268-como-crear-un-contenedor-con-docker-mysql-y-persistir-la-informacion/

sudo docker inspect CONTAINER_ID

OJO:
Para usuarios de DBeaver :

Haga clic derecho en su conexión, elija "Editar conexión"

En la pantalla "Configuración de conexión" (pantalla principal) haga clic en "Editar configuración del controlador"

Haga clic en "Propiedades de conexión"

Haga clic derecho en el área de "propiedades de usuario" y elija "Agregar nueva propiedad"

Agregue dos propiedades: "useSSL" y "allowPublicKeyRetrieval"

Establezca sus valores en "falso" y "verdadero" haciendo doble clic en la columna "valor"

---DOCKER POSTGRESS
-docker pull postgress
-docker images (para ver imagenes)
-sudo docker run -d -p 54320:5432 --name postgres-db -e POSTGRES_PASSWORD=secret postgres
-sudo docker exec -it postgres-db psql -U postgres
-ahora crear dbs
CADA VEZ QUE QUIERES ARRANCAR EL DEMONIO CUANDO YA ESTAB CREADO LOS PUERTOS
sudo docker start d8
sudo stop start d8(iniciales de container ID)

Configuration ESLint and Prettier in a project React.

Reynaldo Quispe Soca — Tue, 12 Apr 2022 19:18:12 +0000

ESLINT
1.- Install ESLint

npm install eslint --save-dev

2.- Initialize ESLint

npx eslint --init

3.- answer questions as seen in the following image for configuration

4.- To fix a project you use

npx eslint . --fix

PRETTIER
1.- Install configuration prettier and eslint

npm i eslint-config-prettier -D

2.- Install prettier

npm i prettier -D

3.- Create file .prettierrc.json and inside this file write your configuration..
4.- In configuration .JSON write

"editor.formatOnPaste": true,
"editor.formatOnSave": true,
"editor.formatOnType": true,
"prettier.eslintIntegration": true

ERROR ENOSPC: System limit for number of file watchers reached, watch

Reynaldo Quispe Soca — Sat, 02 Apr 2022 05:36:01 +0000

echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

sysctl --system

THE KILL PROCESS IN ESPECIFIC PORT

Reynaldo Quispe Soca — Fri, 11 Mar 2022 15:58:35 +0000

Open a terminal of linux and write the next command.

sudo netstat -tupln

Then, Choose the procces to kill and PID. Finally write the next command:

   sudo kill -9 PID 
   #example: sudo kill -9 19993

English vocabulary part 1

Reynaldo Quispe Soca — Fri, 25 Feb 2022 14:48:11 +0000

highway (jaiway): carretera, autopista
trail (trāl): sendero
narrow (narrou): estrecho, angosto
hallway (jalway): pasillo
post office (poust ofess): oficina de correos
parking lot (parkin lat): parqueadero
floor (floor): planta, piso
bought (bouth): compró
lamp (lemp): lampara
leave (lift): dejar
rug (roog): tapete
leather (leder): cuero
turn on (tarn on): prender, encender
living room (livin rum): sala
dining room (dainin rum): comedor
wall (wal): pared

API REST - typeScript, nodejs, express

Reynaldo Quispe Soca — Thu, 24 Feb 2022 22:08:22 +0000

Crear al package.json

npm init -y
Instalar typescript

npm i typescript -D
instalar compilador TS

npx tsc --init

configurar tsconfig.json

descomentar estas lineas

"baseUrl": "./src",  
"outDir": "./build",
"allowSyntheticDefaultImports": true,

Creamos nuestra carpeta src
dentro de esa carpeta creamos el index.ts y de ejemplo creamos una función suma.
```
const add = (a:number,b:number)=>{
    return a+b;
}

console.log(add(2,3));
```
Ejecutamos el programa
npx tsc src/index.ts

Agregando script para ejecutar en el archivo package.json

 "scripts": {
   "test": "echo \"Error: no test specified\" && exit 1",
   "start": "tsc src/index.ts"
 },

Ahora solo ejecutamos
npm start
instalamos ts-node
npm i ts-node
instalamos express y sus tipos
npm i express
npm i --save-dev @types/express
instalamos para que el servidor actualize solo
npm i ts-node-dev

cambiando la configuración en el archivo package.json

 "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "ts-node-dev src/index.ts"
 },

Creando el servidor en el archivo index.ts

import express, { Request, Response } from 'express';

const app=express();

app.get('/', (req:Request, res:Response)=>{
    res.status(200).send('Hola este es mi server')
});

app.listen(3000, ()=>console.log('Server started'));

RESULTADO: