Skip to content

Instantly share code, notes, and snippets.

@panw

panw/react_timeline_component_in.rb

Created September 15, 2016 22:34
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save panw/ef42b2c226d8fa8b30c90ea3702ad211 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save panw/ef42b2c226d8fa8b30c90ea3702ad211 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. panw created this gist Sep 15, 2016.
    29 changes: 29 additions & 0 deletions react_timeline_component_in.rb
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,29 @@
    class Timeline << React::Component {
    def initialize(props) {
    super(props)
    @state = { tweets: [] }
    }

    def component_did_mount() {
    self.fetchTweets();
    }

    def fetch_tweets() {
    open('/tweets/recent') do |response|
    self.setState({tweets: response})
    end
    }

    def render() {
    # Assumes JSX exist in Ruby
    return (
    <section>
    <ul>
    <% @state.tweets.each do |tweet| %>
    <Tweet data=<% tweet %> />
    <% end %>
    </ul>
    </section>
    );
    }
    }