A collection of awesome Polymer resources.
Polymer & Web Components Blogs
Polymer Codelabs / Playgrounds
Mixins / Behaviors
pwa-helpers - Small helper methods or mixins to help you build web apps.
lit-html - HTML templates with JS template literals, and efficiently render and re-render those templates to DOM.
lit-element - Base class for creating custom elements using Polymer and lit-html.
fit-html - 3KB web components + lit-html + redux library without bloat.
- Awesome lit-html
Global Mediator Pattern
UniFlow - uni-directional data flow + maintains state of entire application
- Difference between UniFlow and Redux
- ToDo MVC Demo
- UniFlow Polymer Starter Kit
- Answers from author @militeev on Slack
- With UniFlow you move all your complex logic to action dispatchers, leaving to the visual elements only tasks of rendering the data and reacting to user events. This simplifies things a lot, especially when it comes to unit testing.
- Answering the question if this is another alternative to Redux, the answer is probably yes. We started the project in early 2016, and Flux and Redux ideas definitely influenced it.
- I would say it's implementation of basic principles of Flux/Redux + convenience methods for views.
- Yes, it was developed as part of an internal project at Google, then we separated it out, documented and open-sourced.
- From my experience, patterns are easier to follow if they're implemented in the code. For small projects it's not critical. When you have large group of people working on a project, chances are that different people will attempt doing same thing in various different ways. Having library and guidelines how to use it helps in this case.
- Yes, you can easily implement all these concepts yourself, customizing the way you want. The advantage of having the library is that someone already thought about different scenarios that may occur, coded those and unit-tested.
PRPL Pattern is alternative for a benefits of server-side rendering.
Polymer is SEO-friendly
Polymer Project develops PRPL server using Rendertron server which runs Headless Chrome to render and serialize web pages for search bots, so all the content is contained in one network request.
Tutorials / Guides
Integration with other frameworks
Progressive Web App Summit
Chrome Dev Summit
Polymer Editor Plugins @ Polymer Summit 2016
Other awesome resources