Wave-Studio / WaveJS

A lightweight React alternative

Wave.js

Big things can come from a small package

What is WaveJS?

382 bites minified. Thats ~18,00% than React and ~47,400% less than angular. Wavejs is a tiny package that has all the fancy bells and whistles your favorite frameworks have.

Syntax

WaveJS is built to have a developer-friendly syntax built on Reacts JSX syntax.

Syntax Example

const Page = () => {
	const [counter, setCounter] = WJS.useState(0);
	return (
		<>
			<button onClick={() => setCounter(counter + 1)}>
				Count: {counter}
			</button>
		</>
	);
}

// Using the built in Hash Router
WJSRouters.HashRouter.create(
	{
		home: { title: "WaveJS Counter", component: Page }
	}
);

// Single page app
WJS.page({ title: "WaveJS Counter" }, Page);

Setup

Using Wave.js is super easy!

Manual install:

1. Clone WaveJS using git clone https://github.com/wave-studio/wavejs
2. Copy the example source code to your project directory
3. Install dependencies (We suggest Yarn classic)
4. Run Yarn dev or npm run dev

Automated installer:

1. Run the script located Here
2. Install dependencies (We suggest Yarn classic)
3. Run Yarn dev or npm run dev

FAQ

Refer to our FAQ located Here