Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Seanmclem/Web-Component-Dev-Environment
Easily build and use components and javascript
https://github.com/Seanmclem/Web-Component-Dev-Environment
Last synced: 15 days ago
JSON representation
Easily build and use components and javascript
- Host: GitHub
- URL: https://github.com/Seanmclem/Web-Component-Dev-Environment
- Owner: Seanmclem
- License: mit
- Created: 2019-04-14T19:01:20.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-01T07:16:34.000Z (almost 2 years ago)
- Last Synced: 2024-08-01T05:23:19.485Z (3 months ago)
- Language: JavaScript
- Homepage:
- Size: 1.64 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 21
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Web Component Dev Environment
## IntroductionThis project is an attempt to build a ready-to-use starter for building and consuming native web components.
I intended to have most things work like any modern javascript/[ECMAScript] framework or library. The idea is to take a familiar and friction-less approach at making web components easier to write with little additional code.## Features
- [x] Allows npm modules to easily be imported and used like you normally would with requireJS modules
- [x] Compatible with other web components and vanilla JS from outside the project
- [x] Exports code that can be added to other vanilla JS projects without relying on pre-existing libraries.
- [x] Build tools for making minified bundles, local dev-server## Building
Make sure you have installed dependencies via `npm install``npm run build` to do a production build to the `dist` folder
Also, `npm run start` will host a local dev server `localhost:9000`
## Goals
- [x] Improve webpack console output to indicate success status and localhost+port_number.
- [x] Move Router out to [separate project](https://github.com/Seanmclem/router-elements), [npm module](https://www.npmjs.com/package/routerelements), and dependency
- [ ] Add optional JSX rendering function, babel plugins.
- [ ] Add optional global/local state pub/sub
- [ ] Build a CLI for this project to generate project templates and other smaller files.
- [ ] Build a GUI for CLI
- [ ] Establish conventions## License
MIT License[ECMAScript]:<[https://en.wikipedia.org/wiki/ECMAScript](https://en.wikipedia.org/wiki/ECMAScript)>