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: 16 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

## Introduction

This 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)>