REACT WITH REDUX 2024

REACT WITH REDUX 2024 PARA CREAR UN PROYECTO REACT DESDE EL 06 / 12 / 24 USANDO VITE REACT 19 npm create vite jsx -- --template=react cd jsx npm install Iniciar el proyecto npm run dev Vite comenzará en el puerto 5173 por defecto, en vez del acostumbrado 3000. Si necesitas cambiar el puerto esto lo puedes hacer en el archivo de configuración vite.config.js Otro punto notorio es que el index.js , con vite es el main.js USANDO REACT 18 npm create-react-app cd jsx npm install Iniciar el proyecto npm start Si nos da error relacionado...

Leer más

ReactJS desde cero

Requerimientos: - Google Chrome. - React Developer tools, JsonView, redux dev tools y react performance development para chrome. - Un editor de texto entre sublimetext, atom o visualcode. Instalar plugins del editor para snippets, shortcuts y potenciadores. Consola: - npm install -g create-react-app. - crear carpeta de workspace y seguidamente en la consola ingresar create-react-app + nombre proyecto. - Ingresar a la carpeta del proyecto desde consola e ingresar npm run start Si fuese el caso de clonar repositorios seguir los siguientes...

Leer más

REACT NATIVE PROJECT ARCHITECURE AND DEVELOPMENT STEPS BY LUIS LIBERAL

This is my way to mockup and build/write react native applications. Steps: 1) PLEASE THINK AGAIN AND AGAIN ON YOUR IDEA. 2) Make a basic mokup of your app. You can use MOCKUP PLUS PROTOTYPER or you can use JUST IN MIND PROTOTYPER 3)Go into your project folder and install the following libraries: npm install redux@3.7.2 --save . It's a model layer for react npm install react-redux@5.0.7 --save . It's a model layer for react npm...

Leer más

REACT NATIVE WITH EXPO HELLO WORLD ON A WINDOWS ENVIRONMENT

Que me disculpe el español pero prefiero escribir en inglés todo el artículo... Follow this steps to get a hello world project fastly, running on a windows os. REQUERIMENTS: - Windows OS. - Free internet without proxies (if not installation packages must fail). INSTALLATION STEPS: 1) Get a good windows console program like CMDER full with Github. Rememember to open Cmder as admin. 2) Install NODEJS last version. Verify it after...

Leer más

REACT NATIVE WINDOWS SETUP HELLO WORLD

React-Native es una plataforma desarrollada por Facebook, open source para el desarrollo de aplicaciones móviles cross-platform completamente nativas utilizando React y por lo tanto nuestro amado JavaScript ;). Para instalar react native en un entorno windows por favor sigue los siguientes pasos: 1) Instalar Nodejs 6+ 2) Instalar python 2.7+ 3) Instalar JDK java 8+ 4) Instalar Android studio, versión compatible con jdk. 5) npm install...

Leer más

CONFIGURA TU PAGINA WEB EN APACHE2 UBUNTU

El mejor tutorial para configurar la página web en tu apache2 de ubuntu se encuentra en el siguiente enlace: VER TUTORIAL Referencias personales de utilidad Agregar al archivo etc/apache2/apache2.conf tu carpeta contenedora de la página web como lo muestra el ejemplo: <Directory home="" ites="" iweb="" workspace=""> Options Indexes FollowSymLinks AllowOverride All Require all granted </Directory> Al archivo /etc/apache2/sites-available/000-default.conf...

Leer más

PROBLEMAS CON NPM NODEJS BAJO PROXY EMPRESARIAL

Si te encuentras con errores al instalar paquetes (librerías) npm en tu pc y visualizas mensajes de este tipo: self_signed_cert_in_chain... Debes ejecutar el siguiente código en tu consola: npm config set registry="http://registry.npmjs.org/" Inmediatamente vuelve a ejecutar tu npm install y verás que corre sin problemas....

Leer más

INSTALANDO GOOGLE PLAY SERVICES EN EMULADOR GENYMOTION

Google Play Services with Android 6.0 Marshmallow and Genymotion Google Play Services with Android 6.0 Marshmallow and Genymotion Dec 10, 2015 So, I think you want to install the Google Play Store & Services with an Android 6.0 Marshmallow Emulator? To do that, follow either the long or the short version. You need the following three files: Genymotion-ARM-Translation_v1.1.zip gapps-L-4-21-15.zip benzo-gapps-M-20151011-signed-chroma-r3.zip. Short version: Download all...

Leer más