simplr-router
localize
simplr-router | localize | |
---|---|---|
2 | 2 | |
46 | 1 | |
- | - | |
0.0 | 0.0 | |
over 1 year ago | over 1 year ago | |
HTML | HTML | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
simplr-router
-
How to add Simplr Router to the open-wc starter app
In this tutorial we'll go through the setup of creating a open-wc project, and attaching Simplr Router to it.
-
Utilizing the Simplr Router
I started working on Simplr Router in September 2019. Back then I had just learned about Web Components and the power they enable for developers. We were working on our first bigger project and were using LitElement. We had great tooling, but were missing one thing: A router which suited our needs and customizability.
localize
-
Application development with 100% customization. Customization Driven Development (CDD)
, , , , , , … Enter fullscreen mode Exit fullscreen mode When developing more complex components, you need to use a set of simpler ones. Like primitive components, more complex components can have 2 versions. It’s not necessary to create a wrapper component: if you can wrap only a declarative template from simpler components into a standard component (without code to manage it). And then you can just use the inner content when customization is needed. In theory, everything is fine. How are things in practice? You can see this right now in the example of the localization widget. There are tabs, switching between you can see the difference. Sources: Github. Also, I am currently preparing a smaller project for publication and it is fully Open Source. There you can clearly see all the advantages of CDD. The project will be extremely useful for those who often work with complex and custom HTML forms with dynamic fields and validations. I would like to talk about it in more detail, but this is a topic for another article. In conclusion, I would like to recall the project of customizable mobile phones Project Ara. Using this example, you can see that not everyone and not always needs customization. And few people want to overpay for the possibility of customization. But the few who really need customization are willing to experiment and try different approaches to get exactly the result that meets their expectations. I will be glad to read your comments and opinions on this technique and feel free to write me a personal message. Thank you!
-
Uni Localization on web components with absolute customization. Works on any website (Vue, React, Angular and even WordPress)
Uni Localization is an Open Source project under the MIT license. And if, for example, you need additional country flags, then you can add them yourself to the @uiwebkit/flags repository.
What are some alternatives?
snuggsi - snuggsi ツ - Easy Custom Elements in ~1kB
localize-vue-3x - Uni Localization example for Vue.js 3.x
wc-menu-button - A simple animating menu button (web component)
web-namespace-registry - A registry for namespaces (prefixes) for custom elements, data attributes, custom attributes and css properties
web-components-sandbox - Playground to learn about web components
localize-vue-2x - Uni Localization example for Vue.js 2.x
h-include - Declarative client-side inclusion for the Web, using Custom Elements V1
localize-react - Uni Localization example for React
flags - Uni Flags
Pokedex-Web-Component - A web component to show off your favorite Pokemon inside of a Pokedex
localize-angular - Uni Localization example for Angular
L10n-swift - Localization of the application with ability to change language "on the fly" and support for plural form in any language.