iamsonal

({
    isFunction: function(obj) {
        return !!(obj && obj.constructor && obj.call && obj.apply);
    },
    echo: function(cmp, message, callback) {
        var action = cmp.get('{!c.echo}');
        action.setParams({
            message: message
        });

iamsonal

public class echoController {
    @AuraEnabled
    public static String echo(String message) {
     return message;
    }
}

iamsonal

<aura:component >
    
    <aura:attribute name="echo" type="String" required="true" />
    
    <li class="slds-lookup__item">
        <div class="{!'slds-page-header' + if(v.echo.listener == 2 , ' slds-theme--info', ' slds-theme--alt-inverse')}">
            {!v.echo.text} : {!v.echo.state}
        </div>
    </li>
    

iamsonal

<!--
 - Created by Sonal_Chaudhary on 7/13/2017.
 -->

<aura:component description="BrokerWrapper" controller="BrokerController">
    
    <aura:attribute name="brokers" type="Broker__c[]"/>
    <aura:attribute name="total" type="Integer"/>
    
    <aura:handler name="init" value="{!this}" action="{!c.doInit}"/>

iamsonal

<!--
 - Created by Sonal_Chaudhary on 7/13/2017.
 -->

<aura:component description="BrokerChild">
    <aura:attribute name="broker" type="Broker__c"/>
    <aura:attribute name="url" type="String"/>
    
    <aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
    

iamsonal

/**
 * Created by Sonal_Chaudhary on 7/13/2017.
 */

public with sharing class BrokerController {

    public class BrokerDetails {

        @AuraEnabled
        public Integer total { get;set; }

iamsonal

import React from 'react';

const Header = () => {
    return <div>This is a header</div>;
}

export default Header;

iamsonal

import React, {Component} from 'react';

class Header extends Component {
    render() {
        return (
            <div>
                 <p>This is a new header</p>
            </div>
        )
    }

iamsonal

import React, {Component} from 'react';

class Header extends Component {

   onChangeHandler = (event) => {
      console.log(event.target.value);
   }

   render() {
      return (

iamsonal

import React, {Component} from 'react';

class Header extends Component {

   state = {
      keyword: ''
   }

   onChangeHandler = (event) => {
      this.setState({