Mi primera aplicación con Windows App SDK


En este artículo mostraré cómo crear una aplicación con Windows App SDK en React. Ojo: Es mi primera prueba con React (nunca lo he usado).

Windows 11 Insider Preview Build 25188

Existen algunas opciones válidas para crear aplicaciones para Windows 11, entre ellas, las siguientes:

  • WinUI (más adelante entraremos en detalle en esto).
  • .NET MAUI (que me agrada bastante)
  • PWA (Progressive WEb Applications)
  • React para Windows (que usaremos en este artículo)

Como es la primera vez que trabaremos con React, debemos preparar el entorno.

Instalación de React Native for Windows

  1. Creamos la carpeta en el directorio de preferencia.
  2. Accedemos a él desde Power Shell:
cd C:\Users\chris\source\repos\LocalOnly\ReactNativeWin
npx react-native init TestApp --template react-native@^0.70.0
  1. La instalación quedará algo así:
  2. Ir a la carpeta creada:
cd TestApp
  1. Instalar la extensión de Windows:
npx react-native-windows-init --overwrite
  1. Creamos el enlace con las dependencias:
npx react-native autolink-windows
  1. Fin de la instalación

Creación de aplicación

  1. Abrir un proyecto existente desde Visual studoo 2022:
  2. En Power Shell, escribir lo siguiente (para arrancar el servidorcillo):
npm start
  1. Ejecutamos la aplicación desde Visual Studio 2022 (la compilación demora un poco dependiendo de la capacidad del equipo de desarrollo):

Y con esto tenemos nuestra primera aplciación Windows App SDK con React.

¡Espero resulte útil!


Ver también

comments powered by Disqus