react-without-buildsteps

Why? Why not. This skeleton project is dedicated to:

• CDN fans around the world.
• jQuery lovers around the world but want to use React the way like using jQuery.
• People that want to see and how to use React without any build steps.
• People that hate npm install things.
• People that hate build steps.
• People that want to learn React from different perspective and angle.
• People that interested to extend this simple code.
• People that loves JSX and still want to use it on React without any build steps.
• Myself, that want to have documentation about using React with CDN.

Installation

No, there is no installation.

Where is the npm install things?

No, there is no npm install things.

Then how to run?

Just run using your favorite static web server. My favorite is php -S 0.0.0.0:3000 on current repo directory, buahahaha. Errrr you know better lah. My other favorite static web server is using Live Preview extension from inside Visual Studio Code.

In this repository there is a file called index.html. Yes, that's it. That's the code that contains the HTML, JS (React code, router etc) and no CSS (just standard styling). You can extend it to the maxxxx.

What's included on this skeleton project

• Single index.html file that contains all code.
• Simple SPA (Single Page Application) website with React (React and React DOM).
• Using Router, React Router and React Router DOM (all CDN version).
• Using Babel standalone version (CDN). I know standalone is not for production, but hey relaxxx bro. Babel is used here to handle JSX, so you still can use your JSX in this project.
• Simple two page components (Home and About) and a header component (Header) to represent the component things.

What CDNs used here?

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

Demo

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

and just view source it. Easy deployment to Vercel or other static hosting.

License

MIT

Copyright © 2023 Sony Arianto Kurniawan <sony@sony-ak.com> and contributors.