mixpanel/panel-farm

Name: panel-farm

Owner: Mixpanel, Inc

Description: Manage cute animals with Web Components and Virtual DOM very wow

Created: 2016-05-20 05:58:50.0

Updated: 2018-05-16 23:42:16.0

Pushed: 2018-05-19 00:44:37.0

Homepage:

Size: 2015

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

Panel Farm!

This is a little demo app for playing around with Web Components and the Panel library in a live environment with browser dev tools.

Visit the live demo at https://mixpanel.github.io/panel-farm/. You can get a reference to the running application with:

= document.querySelector(`panel-farm`);

Look at app.state to get an idea of what's controllable dynamically. For instance, to change the header text of the welcome screen, try:

update({welcomeText: `Hello there!`});

The Farm screen starts out with one cute capybara and some buttons to add different animals to keep it company. Can you add another capybara?

Local development

• Fork or clone git repo: git clone git@github.com:mixpanel/panel-farm.git && cd panel-farm
• Install dependencies: npm install
• Start local server: npm start
• Visit page at http://localhost:8080/
• Changes to app code within src/ dir will update live in browser