JSFiddle - React, Tailwind, and code Playground

by Chase Wilson

HTML

{% partial name:'lazy-partial' %}
    {% rss_feed %}
        {% paginate rss_feed.feed_items per_page:5 %}
            {% for item in feed_items %}
                {{ item.title }}<br />
            {% endfor %}
        {% endpaginate %}
    {% endrss_feed %}
{% endpartial %}

<ul>
    <li>{% ajax_link partial:'lazy-partial' container:'result-container'%}Load RSS via onclick{% endajax_link %}</li>
    <li><a href="javascript:void(0);" id="mouseover-anchor">Load RSS via jQuery mouseover.</a></li>
</ul>

<div id="result-container"></div>

<script>
  $('#mouseover-anchor').mouseover(function(){
    sml.tag.Partial.get('lazy-partial').render({
       'locals':{}, 
       'success':function(h){ 
           sml.get('result-container').update(h); 
       }
    });
  });
</script>