Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sonyarianto/react-without-buildsteps
Oh boy, this skeleton project is dedicated to CDN fans around the world.
https://github.com/sonyarianto/react-without-buildsteps
babel cdn javascript react react-router-dom reactjs static-site
Last synced: 26 days ago
JSON representation
Oh boy, this skeleton project is dedicated to CDN fans around the world.
- Host: GitHub
- URL: https://github.com/sonyarianto/react-without-buildsteps
- Owner: sonyarianto
- License: mit
- Created: 2023-05-31T18:26:27.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-03T13:06:29.000Z (11 months ago)
- Last Synced: 2023-12-03T14:23:00.173Z (11 months ago)
- Topics: babel, cdn, javascript, react, react-router-dom, reactjs, static-site
- Language: HTML
- Homepage: https://react-without-buildsteps.vercel.app
- Size: 43 KB
- Stars: 8
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fsonyarianto%2Freact-without-buildsteps)
# 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 <> and contributors.