Add Components to Demo App

After you finish developing your components, its time to demo them in demo-app. You don't need to re-install the components if they get updated, all the components are automatically linked to demo-app. (Required by generator-electrode@3Â.0.0 above)

Go to the <your-component>/demo-app/src/client/components/home.jsx file. Copy, paste, and save the code below into this file and then rename your component and package.

import React from "react";
import { connect } from "react-redux";
import { IntlProvider } from "react-intl";
import { YourComponent } from "your-component";
const locale = "en";
export class Home extends React.Component {
render() {
return (
<IntlProvider locale={locale}>
<p>Some content in same parent div as</p>
{name: "electrode", img: "//", size: 12},
{name: "hapi", img: "//", size: 12},
{name: "React", img: "//", size: 12}
{name: "electrode", invited: true},
{name: "hapi", invited: false},
{name: "React", invited: true}
toggleGuest={(invitee) =>
alert("Edit invitees array in playground to invite a guest!")
message={(c) => (
<div className={c}>
Change key "invited" to true in "invitees" array in the playground above to invite guests!
export default connect((state) => state)(Home);