i was still encountering problems even after i checked the answers here
had a problem with the set params function for the action - i was using different name for the signature where calling the apex controller.
another problem was that updating view method block should have be placed in the helper and used only when the component is valid and and the response status is "SUCCESS"

====================================================================
camping.cmp:

<aura:component >
    <c:campingHeader />
    <c:campingList />
</aura:component>

=================================================================
campingHeader.cmp

<aura:component >
    <lightning:layout class="slds-page-header slds-page-header--object-home">
        <lightning:layoutItem >
            <lightning:icon iconName="action:goal" size="large" alternativeText="My Camping List"/>
        </lightning:layoutItem>
        <lightning:layoutItem padding="horizontal-small">
            <div class="page-section page-header" role="banner">
                <p class="slds-text-heading--label">Campings</p>
                <h1 class="slds-text-heading--label">Camping List</h1>
            </div>
        </lightning:layoutItem>
    </lightning:layout>
</aura:component>

==========================================================================
campingList.cmp

<aura:component controller="CampingListController">
    <aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
    <aura:attribute name="items" type="Camping_Item__c[]"/>
    <aura:attribute name="er" type="boolean" default="false"/>
    <aura:attribute name="newItem" type="Camping_Item__c"    default="{ 'sobjectType': 'Camping_Item__c',
                         'Name': '',
                         'Price__c': 0,
                         'Quantity__c': 0,                         
                         'Packed__c': false
                       }"/>
    
    <ui:inputText value="{!v.newItem.Name}" aura:id="name" label="name"/>
    <ui:inputCheckbox value="{!v.newItem.Packed__c}" aura:id="Packed" label="Packed"/>
    <ui:inputCurrency value="{!v.newItem.Price__c}"  aura:id="Price" label="Price"/>
    <ui:inputNumber value="{!v.newItem.Quantity__c}" aura:id="Quantity" label="Quantity"/>
    <ui:button label="CreateItem" press="{!c.CreateCamping}" aura:id="button"/>
    <br/>
    <aura:iteration items="{!v.items}" var="PerItem">
        <c:campingListItem item="{!PerItem}"/>
    </aura:iteration>
</aura:component>

======================================================================
campingListController.js = campingList.js*controller

({
    doInit  : function(component, event, helper) {
        var action = component.get("c.getItems"); // c of apex controller where getitems takes no arguments
        action.setCallback(this, function(response){
            var state = response.getState();
           
            if (component.isValid() && state === "SUCCESS") {
               // setting the items array at the view page- campingList.cmp
         component.set("v.items", response.getReturnValue()); 
            }
            else {
            console.log("Failed with state: " + state);
        }

        });
        
        $A.enqueueAction(action);
    },
    
    CreateCamping : function(component, event, helper){
        
    //sending fields for validations at the helper function: campingList*Helper.js
        helper.validateFields (component,component.find("name"));
        helper.validateFields (component,component.find("Price"));
        helper.validateFields (component,component.find("Quantity"));

        // if any of the firled s failes validation the v.er is being set to true
    
    if(component.get("v.er") === false)
        {
            // get object and object list
            var lstItems = component.get("v.items");
            var Item = component.get("v.newItem");
            
            // call to helper function to communicate with the apex controller
            helper.createItem(component,Item);

        }
    }    
})

================================================================

campingListHelper.js = campingList.js*helper

({
    
    validateFields : function (component,field) {
        
        var nameField = field;
        console.log('yes:'+nameField);
        var expname = nameField.get("v.value"); 
        if ($A.util.isEmpty(expname)){
           component.set("v.er",true);
           nameField.set("v.errors", [{message:"this field can't be blank."}]);
        }
        else {
            nameField.set("v.errors", null);
        }
    },
    
    createItem: function(component, item) {
            console.log("from helper "+item);
            // attempt to 
            
            // var newItem = item;//component.get("v.newItem");
            // console.log("from helper overrriden Item"+newItem);
        
        var action = component.get("c.saveItem"); // function at the apex controller
            console.log("action "+action);
            action.setParams({"campingItem": newItem}); // the function takes a prameter "campingItem" we insert "newItem" into it
            action.setCallback(this, function(response){
            var state = response.getState();
        if (component.isValid() && state === "SUCCESS") {
        var lstItems = component.get("v.items");
            var Item = component.get("v.newItem");
            
            // call to helper function to communicate with the apex controller
            
            //UPDATE VIEWER PART ONLY IF THE UPSERT WAS SECCESSFULL


            lstItems.push(Item);
            component.set("v.items",lstItems);  

            
            // trigger update reset newItem fields
            component.set("v.newItem",{ 'sobjectType': 'Camping_Item__c',
                'Name': '',
                'Quantity__c': 0,
                'Price__c': 0,
                'Packed__c': false });                }
                else
                {
                    console.log("something failed "+state);
                }
            });
            $A.enqueueAction(action);
    }
})

===============================================================

campingListItem.cmp

<aura:component >

    <aura:attribute type="Camping_Item__c" name="item" required="true"/>
    Name:
      <lightning:formattedText value="{!v.item.Name}" /><br/>
    Packed:
    <lightning:input type="toggle" checked="{!v.item.Packed__c}" /><br/>
    Price:
    <lightning:formattedNumber value="{!v.item.Price__c}" style="currency"/><br/>
   
    Quantity:
     <lightning:formattedNumber value="{!v.item.Quantity__c}" /><br/>
    
    <ui:button label="Packed!"  press="{!c.packItem}" aura:id="Button"/> <br/>
</aura:component>

========================================================================

harnessApp.app

<aura:application extends="force:slds">
       
        <!-- This component is the real "app" -->
        <c:camping />

</aura:application>

=======================================================================

campingListController.apxc

public with sharing class CampingListController {

    @AuraEnabled
    public static List<Camping_Item__c> getItems() {
        // Perform isAccessible() checking first, then
        return [SELECT Id, Name, price__c, Quantity__c, Packed__c 
                FROM Camping_Item__c];
    }
    
    @AuraEnabled
    public static Camping_Item__c saveItem(Camping_Item__c campingItem) {
       // List<Camping_Item__c> newList = getItems();
       // system.debug('the new item '+campingItem);
       // system.debug('campingItem b4 adding'+newList);
       //newList.add(campingItem);
       // system.debug('campingItem after adding'+newList);
        upsert campingItem; 
        return campingItem;
    }
}