Quickstart a Native Web Components Project (bonus: Sketch to SVG & CSS Hot Reload)
We will show how to quick-start a scalable native web components project, without Angular, ReactJS, No VueJS, but just using the DOM as the framework.
We will be using modern HTML5, CSS, JavaScript, and we will scale the code with TypeScript and PostCSS.
As a bonus, we will show a neat integration between Sketch App and SVG and CSS Variables.
LINK: https://github.com/dom-native/quickstart
COMMAND: git clone [email protected]:dom-native/quickstart.git my-web-component-project
(delete .git/ to make the project yours)
0:00 - Intro
0:22 - Code Setup
0:35 - Hello World & index.html
0:57 - v-main.ts
1:52 - c-ico component
2:37 - css files
2:57 - v-main css
3:16 - BONUS - Sketch to SVG & CSS Hot Reload
4:13 - Thank you
#NativeWebComponents #WebComponents #SimpleScalesBetter #RealDOMisBack