reaccionar sin buildsteps
¿Por qué? Por qué no. Este proyecto de esqueleto está dedicado a:
- Fans de CDN en todo el mundo.
- Amantes de jQuery en todo el mundo, pero quieren usar reaccionar el camino como usar jQuery.
- Personas que quieren ver y cómo usar reaccionar sin ningún paso de compilación.
- Las personas que odian
npm install
cosas. - La gente que odia construir pasos.
- Las personas que quieren aprender reaccionan desde diferentes perspectiva y ángulo.
- Personas que interesan en extender este simple código.
- Las personas que ama a JSX y aún quieren usarlo en React sin ningún paso de construcción.
- Yo, que quiere tener documentación sobre el uso de React con CDN.
Instalación
No, no hay instalación.
¿Dónde está las cosas npm install
?
No, no hay cosas npm install
.
Entonces, ¿cómo correr?
Simplemente ejecute con su servidor web estático favorito. Mi favorito es php -S 0.0.0.0:3000
en el directorio de repositorio actual, Buahahaha. Errrr sabes mejor lah. Mi otro servidor web estático favorito es utilizar la extensión Live Preview
desde el código Inside Visual Studio.
En este repositorio hay un archivo llamado index.html
. Sí, eso es todo. Ese es el código que contiene HTML, JS (Código React, enrutador, etc.) y sin CSS (solo estilo estándar). Puede extenderlo al Maxxxx.
¿Qué se incluye en este proyecto de esqueleto?
- Single
index.html
archivo que contiene todo el código. - Sitio web simple de spa (aplicación de una sola página) con React (React y React DOM).
- Usando Router, React Router y React Router DOM (toda la versión CDN).
- Uso de la versión Standalone (CDN) de Babel. Sé que Standalone no es para la producción, pero oye relaxxx bro. Babel se usa aquí para manejar JSX, por lo que aún puede usar su JSX en este proyecto.
- Componentes simples de dos páginas (inicio y sobre) y un componente de encabezado (encabezado) para representar las cosas del componente.
¿Qué CDN usaron aquí?
react
react-dom
react-router
react-router-dom
@remix-run/router
@babel/standalone
Manifestación
https://react-without-buildsteps.vercel.app
Y solo vea la fuente. Implementación fácil en Vercel u otro alojamiento estático.
Licencia
MIT
Copyright © 2023 Sony Arianto Kurniawan <[email protected]> y sus contribuyentes.