Entradas

Mostrando entradas de marzo, 2023

Instalar laravel

Imagen
    instalar laravel   Antes de instalar laravel, debe instalar:: composer git  xampp node Primero, descarga el instalador de Laravel usando Composer:                                                                  composer global require laravel/installer Para crear un nuevo proyecto tenemos un ejemplo, laravel new blog, creará un directorio blog que contendrá una nueva instalación de Laravel con todas las dependencias de Laravel ya instaladas: laravel new blog    https://laravel.com/docs/10.x/installation php artisan --version   laravel new example-app  php artisan serve   ERRORES ENCONTRADOS:: Failed to download laravel/laravel from dist: The zip extensionand unzip/7z commands are both missing, skipping. The php.ini u...

REACT-Hooks-useState y useEffect

Imagen
 Cómo usar el Hook useState Para que un componente funcional tenga estado propio podemos hacer uso del hook useState. Importar useState: import React, { useState } from 'react'; useState() es una función que crea internamente una variable donde podremos almacenar el estado de nuestro componente. Acepta un valor inicial para esa variable y devuelve un array con dos elementos, el valor de la variable y la función para modificarla . function FavoriteColor() {   const [ valordelavariable ,  funciónparamodificarla ] = useState( valor inicial ); } Es otra manera de definir la función:: const FavoriteColor  = () => {   const [ valordelavariable ,  funciónparamodificarla ] = useState( valor inicial ); } Como el valor devuelto por la función es un array, podemos descomponerlo para acceder a sus elementos de manera individual. const [count, setCount] = useState(0); const FavoriteColor  = () => {   const [ count , setCount ] = useState( 0 ); } Aq...

laravel-bootstrap

VSCode: atajos de teclado para formatear código Shift + Alt + F: Usuarios de Windows Shift + Option + F: usuarios de macOS Ctrl + Shift + I: usuarios de Linux En este ocación veremos como instalar bootstrap dentro de laravel para hacer uso de las clases css. 1-Creamos un nuevo proyecto de laravel: laravel new react-laravel. 2-Instale la interfaz de usuario de laravel para bootstrap. composer require laravel/ui 3-Instalamos la autentificacion con las clases de bootstrap. php artisan ui bootstrap --auth 4-Instalamos las dependencias de NPM npm install 5-Importe  vite.config.js Ruta Bootstrap import { defineConfig } from 'vite'; import laravel from 'laravel-vite-plugin'; import path from 'path' export default defineConfig({     plugins: [         laravel([             'resources/js/app.js',         ]),     ],     resolve: {         alias: {       ...

Laravel-react vite

 En este ocación veremos como instalar react dentro de laravel para tener lo mejor de los dos mundos y avansar en el aprendisaje de las SPA. Instalación de Laravel con su instalador Alternativamente puedes instalar Laravel con su instalador oficial, el cual también es un paquete que puede ser instalado globalmente con Composer. Instalar el instalador requiere de 2 pasos: Ejecuta el comando: composer global require "laravel/installer" Agrega el directorio donde Composer instala los paquetes globalmente (es decir ~/.composer/vendor/bin) a tu PATH:Para MacOs y Linux, abre ~/.bashrc, ~/.bash_profile o ~/.zshrc y agrega la cadena :$HOME/.composer/vendor/bin al final del valor de la variable de entorno PATH. Hecho esto ejecuta source ~/.nombre-de-tu-archivo-bash(cambia «nombre-de-tu-archivo-bash» por nombre de tu archivo Bash) o reinicia la consola. Para Windows debes modificar la variable de entorno PATH para agregar la ruta ;C:\Users\tu-usuario-aqui\AppData\Roaming\Composer\vendo...