Home

Welcome to the HingeJS wiki!

Topics will include best practices, related links and code examples.

What is HingeJS

Hingejs is a web component based library that aims to create reusable custom elements with little to no dependencies. We aim to follow and research best practices about web components. Collaborate and contribute to the web dev community towards the goal of rapid, scalable and high quality web based packages.

Goals

• Build a starter app generator
• Reusable Services that are simple yet effective
• Reusable custom elements that can be dropped into any front end project with little to no dependencies
• Have a complete suite of custom elements
• Have many demo apps that can be viewed locally

Where to start

Learn to Build Custom Elements

Reasons to use Custom elements

• https://github.com/hingejs/generator/wiki/Why-Custom-Elements

If you are a web developer then getting started is just a matter of learning how to build custom elements.

• https://github.com/hingejs/generator/wiki/Building-a-Web-Component-tutorial

Great book on web components

• https://www.manning.com/books/web-components-in-action

Once that is done understand some good patterns around building one.

• https://github.com/hingejs/generator/wiki/Best-practices-to-building-Custom-Elements

Understanding the shadow DOM

• https://developers.google.com/web/fundamentals/web-components/shadowdom

Custom Element Code Snippets

• https://github.com/hingejs/generator/wiki/Custom-Elements-Code-Snippets

Understanding HingeJS

Learn a bit about the SPA Architecture

• https://github.com/hingejs/generator/wiki/Understanding-the-application-template-scaffold

Development Practices

• https://github.com/hingejs/generator/wiki/Development---Routing
• https://github.com/hingejs/generator/wiki/Development---.env-(Environment-variables)
• https://github.com/hingejs/generator/wiki/Development---Security