All Projects → ionic-team → stencil-state-tunnel

ionic-team / stencil-state-tunnel

Licence: MIT license
A tool for tunneling state/props down through a component stack.

Programming Languages

typescript
32286 projects
HTML
75241 projects
CSS
56736 projects

Labels

Projects that are alternatives of or similar to stencil-state-tunnel

aleph
Aleph is a 3D object viewer and annotation/measurement tool built with A-Frame, AMI, StencilJS, and Ionic
Stars: ✭ 64 (-32.63%)
Mutual labels:  stenciljs
Vime
Customizable, extensible, accessible and framework agnostic media player. Modern alternative to Video.js and Plyr. Supports HTML5, HLS, Dash, YouTube, Vimeo, Dailymotion...
Stars: ✭ 1,928 (+1929.47%)
Mutual labels:  stenciljs
stencil-fiber-demo
This is an example project using stencil to replicate the react fiber demo.
Stars: ✭ 17 (-82.11%)
Mutual labels:  stenciljs
stencil-payment
Payment request API implementation in Stenciljs
Stars: ✭ 28 (-70.53%)
Mutual labels:  stenciljs
Revogrid
Powerful virtual data grid smartsheet with advanced customization. Best features from excel plus incredible performance 🔋
Stars: ✭ 1,870 (+1868.42%)
Mutual labels:  stenciljs
gatsby-remark-highlight-code
Adds stylish cards and syntax highlighting to code blocks in markdown files
Stars: ✭ 63 (-33.68%)
Mutual labels:  stenciljs
stencil-realworld-app
An example SPA written with Stencil
Stars: ✭ 56 (-41.05%)
Mutual labels:  stenciljs
stencil-mobx
No description or website provided.
Stars: ✭ 26 (-72.63%)
Mutual labels:  stenciljs
Atoms
Atoms for Blaze UI
Stars: ✭ 1,505 (+1484.21%)
Mutual labels:  stenciljs
corejam
A scaffolding for building progressive GraphQL powered jamstack applications.
Stars: ✭ 24 (-74.74%)
Mutual labels:  stenciljs
anywhere-webcomponents
A UI work in progress based on custom elements (web components) for use in anywhere.
Stars: ✭ 17 (-82.11%)
Mutual labels:  stenciljs
Stencil
A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.
Stars: ✭ 9,880 (+10300%)
Mutual labels:  stenciljs
block-photos
A photos app built with Ionic and Blockstack as backend.
Stars: ✭ 24 (-74.74%)
Mutual labels:  stenciljs
pdf-viewer
PDF viewer web component built in StencilJS. Reusable in Angular, Ionic, React, Vue.JS, etc.
Stars: ✭ 65 (-31.58%)
Mutual labels:  stenciljs
stencil-boilerplate
A Stencil app boilerplate including routing, Redux etc.
Stars: ✭ 51 (-46.32%)
Mutual labels:  stenciljs
ionic-custom-components
🌈 Ionic Tutorial: Mastering Web Components in Ionic Framework. This repo is an Ionic project showcasing Angular custom components and Stencil custom web components.
Stars: ✭ 30 (-68.42%)
Mutual labels:  stenciljs
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
Stars: ✭ 45,802 (+48112.63%)
Mutual labels:  stenciljs
web-controls-library
A library of reusable custom elements for GeneXus web applications
Stars: ✭ 14 (-85.26%)
Mutual labels:  stenciljs
capacitor-site
Capacitor website
Stars: ✭ 0 (-100%)
Mutual labels:  stenciljs
stencil-ds-plugins-demo
This is a demo project using the stencil-ds-plugins.
Stars: ✭ 44 (-53.68%)
Mutual labels:  stenciljs

npm

Stencil State Tunnel

This project was built to provide additional functionality to developers working with stencil components and sharing state across components and through slots. The API was inspired by React's Context.

There are many cases within component based application development where you will want to drill state down through props to children and children's children and so on. This project was created in order to alleviate the need for pass props deep through an application's component structure.

There are 2 primary use cases where this tool makes sense.

  1. Building a stencil application and need to store application state in a centralized location.
  2. Building a collection of components that need to share state but have no direct 'line of sight' between the component relationships (ie most likely from using slot).

More information on usage and API can be found in our wiki.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].