https://github.com/olefirenko/reactive-ui-vanilla-js

Reactive UI with Vanilla JavaScript
https://github.com/olefirenko/reactive-ui-vanilla-js

javascript reactive vanilla-js

Last synced: 25 days ago
JSON representation

Reactive UI with Vanilla JavaScript

• Host: GitHub
• URL: https://github.com/olefirenko/reactive-ui-vanilla-js
• Owner: olefirenko
• Created: 2020-04-21T14:38:41.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T15:01:44.000Z (almost 2 years ago)
• Last Synced: 2024-03-14T21:06:51.708Z (9 months ago)
• Topics: javascript, reactive, vanilla-js
• Language: JavaScript
• Homepage: https://reactive-ui-vanilla-js.netlify.app/
• Size: 4.65 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 25
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Reactive UI with Vanilla JavaScript 🚀

🤔Can you build reactive UI without any JavaScript framework by using only Vanilla JS? Yes, you can 💪! Please check the demo and the code of the simple cars shop with shopping cart and search functionality. It rerenders the UI after the state is changed without usage of any framework, just plain JS.

## How to run code?

To run a code, please run in your terminal `npm run start`. Webpack (a module bundler) will prepare dev build in `/dist` folder, and then the `webpack-dev-server` will launch the project in your browser at the address http://localhost:9000/. If any changes will be applied to the source code, `webpack-dev-server` will compile the code automatically and will reload the project in the browser (hot reloading).

## Build for production

To have a production build, please run `npm run build` at your terminal. In that case, the js, css assets will be minified, and all required files to run a project will be added to the `/dist` folder.

## Testing

For testing [JEST](https://jestjs.io/) test runner is being used. The test spec for `ShoppingBag` component you can find at `/src/tests` directory. To run the tests, please run `npm run test`.