Skip to content

ComponentKitchen/reactive-web-components

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Building Web Components using Functional Reactive Programming Techniques

This project is inspired by a React tutorial that demonstrates how to use React to create a comment box. The tutorial guides you in building a small number of React components, including components that host other React components. Being purely React components, they can be used only within the context of a React application. Web components, on the other hand, may be used within any web application, regardless of the frameworks used.

What this project demonstrates is that the same general component architecture can be used as the React tutorial in building universally shareable web components while still using functional reactive programming techniques individually within the construction of each web component. Rather than employing React, we use instead the virtual-dom and Redux modules.

A live demo can be found here.

Getting Started

  • Clone this project
  • npm install
  • grunt devbuild
  • Launch index.html under a local web server of your choice

Grunt Commands

  • grunt build: Builds dist/es5scripts.js with uglify compression
  • grunt devbuild Builds dist/es5scripts.js without uglify compression
  • grunt watch Runs a devbuild upon any changes to src/scripts

About

Experiments in building reactive web components

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published