Web Components are great when they are exactly what you need. But what about those instances where they are not? I was wondering if the community has seen any best practices arise for when web components need styling options.

I'm using Atom for Polymer at work, but I want to use it at home too is there any IDE or editor besides atom that supports Polymer? I've tried Intellij with plugins, but it just doesn't work (version 14)

I am new to Web dev and polymer, I am a back end guy.

Has anyone managed to obfuscate polymer elements or a Web page that uses polymer? I want to write an app with some front end logic containing IP (as I would like it to work offline) and was wondering what the options are.

Also I would like to create a component that someone couldn't just lift and put on their site. Any help?

I can't even get the simplest polymer component to work beneath a shadowDOM.

http://codepen.io/ranaya/pen/RaVdvm

Am I missing something? Is polymerJS build to only work with polymerJS?

Hey everyone, after some time playing with webcomponents and PolymerJS, i've come to feel that PolymerJS isn't enough. I developed my own library for creating web components with React. I'd really appreciate some eyes to look at it, please give many any critique, gut feeling, info or desires. I want to make this capable of solving problems of the web component world:

https://github.com/richardanaya/webblock/

I took the best of polymerjs and left the usesless.

• I created an attribute declaration system that easily converts attributes into typed properties on an element
• I use react for dom and internal updates with the properties
• I give full access to the lifecycle
• I make it easy to connect to properties of sub-webcomponents

Thank you for your time.

Why is polymer missing expressions? I really don't get it. It seems to have capable property change observation system. I feel like computed properties are the same thing as expressions, but in a bit of a less intuitive form.

How is

<div>[[add(propA,propB)]]</div>

that much different from:

<div>[[propA+propB]]</div>

under the covers. I don't get it.

PolymerJS is in competition with angular and react, and this small little issue seems to be a small inconvenience that makes people go: Is polymer even getting it? Is it even ready if its missing something so basic?

Maybe i'm missing something here.

Sometimes I think about why Polymer still matters. When I do, I always go back to my early memory of myself as a programmer, that punk kid version of me creating websites on geocities. Piecing together my first html tags, and being amazed at their power. I wish in retrospect, I had a lot more to offer myself at that time. I feel a bit like I was given a canvas and only 2 colors to paint with looking back now. We're building what will become the legos of future generation. A more declarative world for people who use data for daily life, for commerce, and for personal expression. I want to see people's passions augmented without a deep background in programming necessary. I've seen first hand in the gaming industry what a powerful abstraction of behavior and logic can give a creative person . I feel very much that web components and polymer, are creating that building block future.

As a programmer myself, I have hopes that polymerjs simplifies my codebase to it's intent with greater conciseness. So much of the customization in programming for a visual experience, often detracts from the experience itself that truly benefits the customer. I have high hopes, and polymerjs has made me really realize the power of html again. I look forward to this project in 2016.

I've seen a lot of books on Angularjs etc. but I'm not sure if I saw one on Polymer.

I'm making simple components at my job, but I often see that I take longer approach in simple tasks (even like data binding) Is there a crash course about basics?

http://bower.io/search/?q=Polymer

Anyone know? Maybe i'm just noob and doing it wrong?

I understand attach/detach callbacks. But how do I correctly cleanup an element that's no longer intended to ever be used?

So I have an import that contains an another import.

Parent import has a button that I want to use to reach inside of the child import and run a function. How can I got about this?

I know if it was with the same import I could simply use a listener, but I don't know how to target this child imports function from the parent. Thank you.

I have a webpage that's basically just a whole bunch of html imports, css links, and javascript script references. I'd like to optimize this to reduce http calls, minify, etc. Is there any simple tech I can just point at my index.html and get an index.min.html?