react without buildsteps

React-Without-BuildSteps

Por que? Por que não. Este projeto de esqueleto é dedicado a:

• Fãs de CDN em todo o mundo.
• Os amantes do jQuery ao redor do mundo, mas querem usar o React the Way como usar o jQuery.
• Pessoas que desejam ver e como usar o React sem nenhuma etapa de construção.
• Pessoas que odeiam npm install as coisas.
• Pessoas que odeiam construir etapas.
• As pessoas que querem aprender reagir de diferentes perspectivas e ângulo.
• Pessoas interessadas em estender este código simples.
• Pessoas que adoram a JSX e ainda desejam usá -lo no React sem nenhuma etapa de construção.
• Eu mesmo querer ter documentação sobre o uso do React com a CDN.

Instalação

Não, não há instalação.

Onde o npm install as coisas?

Não, não há coisas npm install .

Então como correr?

Basta executar usando seu servidor Web estático favorito. O meu favorito é php -S 0.0.0.0:3000 no diretório de repositório atual, Buahahaha. Errrr você conhece melhor lah. Meu outro servidor estático favorito está usando a extensão Live Preview do código do Visual Studio.

Neste repositório, existe um arquivo chamado index.html . Sim, é isso. Esse é o código que contém o HTML, o JS (código react, o roteador etc.) e nenhum CSS (apenas estilo padrão). Você pode estendê -lo ao maxxxx.

O que está incluído neste projeto de esqueleto

• Arquivo único index.html que contém todo o código.
• Site simples de spa (aplicativo de página única) com react (react e react dom).
• Usando o roteador, reagir o roteador e reagir o roteador dom (toda a versão CDN).
• Usando Babel Standalone Version (CDN). Eu sei que independente não é para produção, mas ei relaxxx mano. Babel é usado aqui para lidar com o JSX, para que você ainda possa usar seu JSX neste projeto.
• Componentes simples de duas páginas (Home e About) e um componente de cabeçalho (cabeçalho) para representar as coisas do componente.

Quais CDNs usavam aqui?

 react
react-dom
react-router
react-router-dom
@remix-run/router
@babel/standalone

Demonstração

https://react-without-buildsteps.vercel.app

e apenas veja a fonte. Fácil implantação para vercel ou outra hospedagem estática.

Licença

Mit

Copyright © 2023 Sony Aranto Kurniawan <[email protected]> e colaboradores.