Regular Expressions 101

Save & Share

Flavor

  • PCRE2 (PHP >=7.3)
  • PCRE (PHP <7.3)
  • ECMAScript (JavaScript)
  • Python
  • Golang
  • Java 8
  • .NET 7.0 (C#)
  • Rust
  • Regex Flavor Guide

Function

  • Match
  • Substitution
  • List
  • Unit Tests

Tools

Sponsors
There are currently no sponsors. Become a sponsor today!
An explanation of your regex will be automatically generated as you type.
Detailed match information will be displayed here automatically.
  • All Tokens
  • Common Tokens
  • General Tokens
  • Anchors
  • Meta Sequences
  • Quantifiers
  • Group Constructs
  • Character Classes
  • Flags/Modifiers
  • Substitution
  • A single character of: a, b or c
    [abc]
  • A character except: a, b or c
    [^abc]
  • A character in the range: a-z
    [a-z]
  • A character not in the range: a-z
    [^a-z]
  • A character in the range: a-z or A-Z
    [a-zA-Z]
  • Any single character
    .
  • Alternate - match either a or b
    a|b
  • Any whitespace character
    \s
  • Any non-whitespace character
    \S
  • Any digit
    \d
  • Any non-digit
    \D
  • Any word character
    \w
  • Any non-word character
    \W
  • Non-capturing group
    (?:...)
  • Capturing group
    (...)
  • Zero or one of a
    a?
  • Zero or more of a
    a*
  • One or more of a
    a+
  • Exactly 3 of a
    a{3}
  • 3 or more of a
    a{3,}
  • Between 3 and 6 of a
    a{3,6}
  • Start of string
    ^
  • End of string
    $
  • A word boundary
    \b
  • Non-word boundary
    \B

Regular Expression
No Match

/
/
gms

Test String

Code Generator

Language

Generated Code

package main import ( "regexp" "fmt" ) func main() { var re = regexp.MustCompile(`(?ms)data-item-type="tweet".*?data-tweet-id="(.*?)".*?data-permalink-path="(.*?)".*?data-screen-name="(.*?)".*?data-name="(.*?)".*?data-user-id="(.*?)".*?tweet-text".*?>(.*?)<\/p>`) var str = ` <li class="js-stream-item stream-item stream-item " data-item-id="1060142611850256384" id="stream-item-tweet-1060142611850256384" data-item-type="tweet" > <div class="tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable dismissible-content original-tweet js-original-tweet " data-tweet-id="1060142611850256384" data-item-id="1060142611850256384" data-permalink-path="/CodeChannels/status/1060142611850256384" data-conversation-id="1060142611850256384" data-tweet-nonce="1060142611850256384-370f8f40-b5e1-4071-a9fa-6e01fdaed6ae" data-tweet-stat-initialized="true" data-screen-name="CodeChannels" data-name="Code Channels" data-user-id="3937756872" data-you-follow="false" data-follows-you="false" data-you-block="false" data-reply-to-users-json="[{&quot;id_str&quot;:&quot;3937756872&quot;,&quot;screen_name&quot;:&quot;CodeChannels&quot;,&quot;name&quot;:&quot;Code Channels&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Code Channels&quot;,&quot;emojified_text_as_html&quot;:&quot;Code Channels&quot;}}]" data-disclosure-type="" data-component-context="tweet" > <div class="context"> </div> <div class="content"> <div class="stream-item-header"> <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="/CodeChannels" data-user-id="3937756872"> <img class="avatar js-action-profile-avatar" src="https://pbs.twimg.com/profile_images/673037244119187456/Ii5FaGdL_bigger.png" alt=""> <span class="FullNameGroup"> <strong class="fullname show-popup-with-id u-textTruncate " data-aria-label-part>Code Channels</strong><span>&rlm;</span><span class="UserBadges"></span><span class="UserNameBreak">&nbsp;</span></span><span class="username u-dir u-textTruncate" dir="ltr" data-aria-label-part>@<b>CodeChannels</b></span></a> <small class="time"> <a href="/CodeChannels/status/1060142611850256384" class="tweet-timestamp js-permalink js-nav js-tooltip" title="1:11 PM - 7 Nov 2018" data-conversation-id="1060142611850256384"><span class="_timestamp js-short-timestamp " data-aria-label-part="last" data-time="1541592669" data-time-ms="1541592669000" data-long-form="true">7 Nov 2018</span></a> </small> <div class="ProfileTweet-action ProfileTweet-action--more js-more-ProfileTweet-actions"> <div class="dropdown"> <button class="ProfileTweet-actionButton u-textUserColorHover dropdown-toggle js-dropdown-toggle" type="button"> <div class="IconContainer js-tooltip" title="More"> <span class="Icon Icon--caretDownLight Icon--small"></span> <span class="u-hiddenVisually">More</span> </div> </button> <div class="dropdown-menu is-autoCentered"> <div class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <ul> <li class="copy-link-to-tweet js-actionCopyLinkToTweet"> <button type="button" class="dropdown-link">Copy link to Tweet</button> </li> <li class="embed-link js-actionEmbedTweet" data-nav="embed_tweet"> <button type="button" class="dropdown-link">Embed Tweet</button> </li> <li class="mute-user-item"><button type="button" class="dropdown-link">Mute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>CodeChannels</b></span></button></li> <li class="unmute-user-item"><button type="button" class="dropdown-link">Unmute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>CodeChannels</b></span></button></li> <li class="block-link js-actionBlock" data-nav="block"> <button type="button" class="dropdown-link">Block <span class="username u-dir u-textTruncate" dir="ltr" >@<b>CodeChannels</b></span></button> </li> <li class="unblock-link js-actionUnblock" data-nav="unblock"> <button type="button" class="dropdown-link">Unblock <span class="username u-dir u-textTruncate" dir="ltr" >@<b>CodeChannels</b></span></button> </li> <li class="report-link js-actionReport" data-nav="report"> <button type="button" class="dropdown-link"> Report Tweet </button> </li> <li class="dropdown-divider"></li> <li class="js-actionMomentMakerAddTweetToOtherMoment MomentMakerAddTweetToOtherMoment"> <button type="button" class="dropdown-link">Add to other Moment</button> </li> <li class="js-actionMomentMakerCreateMoment"> <button type="button" class="dropdown-link">Add to new Moment</button> </li> </ul> </div> </div> </div> </div> <div class="js-tweet-text-container"> <p class="TweetTextSize js-tweet-text tweet-text" lang="en" data-aria-label-part="0"><strong>Future of React</strong> Panel - Forward 4 Web Summit [hashtags] - <a href="https://t.co/lpyok9nzbw" rel="nofollow noopener" dir="ltr" data-expanded-url="http://bit.ly/2REFbJK" class="twitter-timeline-link" target="_blank" title="http://bit.ly/2REFbJK" ><span class="tco-ellipsis"></span><span class="invisible">http://</span><span class="js-display-url">bit.ly/2REFbJK</span><span class="invisible"></span><span class="tco-ellipsis"><span class="invisible">&nbsp;</span></span></a></p> </div> <div class="stream-item-footer"> <div class="ProfileTweet-actionCountList u-hiddenVisually"> <span class="ProfileTweet-action--reply u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-reply-count-aria-1060142611850256384" >0 replies</span> </span> </span> <span class="ProfileTweet-action--retweet u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-retweet-count-aria-1060142611850256384" >0 retweets</span> </span> </span> <span class="ProfileTweet-action--favorite u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-favorite-count-aria-1060142611850256384" >0 likes</span> </span> </span> </div> <div class="ProfileTweet-actionList js-actions" role="group" aria-label="Tweet actions"> <div class="ProfileTweet-action ProfileTweet-action--reply"> <button class="ProfileTweet-actionButton js-actionButton js-actionReply" data-modal="ProfileTweet-reply" type="button" aria-describedby="profile-tweet-action-reply-count-aria-1060142611850256384"> <div class="IconContainer js-tooltip" title="Reply"> <span class="Icon Icon--medium Icon--reply"></span> <span class="u-hiddenVisually">Reply</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero "> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--retweet js-toggleState js-toggleRt"> <button class="ProfileTweet-actionButton js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button" aria-describedby="profile-tweet-action-retweet-count-aria-1060142611850256384"> <div class="IconContainer js-tooltip" title="Retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweet</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button"> <div class="IconContainer js-tooltip" title="Undo retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweeted</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--favorite js-toggleState"> <button class="ProfileTweet-actionButton js-actionButton js-actionFavorite" type="button" aria-describedby="profile-tweet-action-favorite-count-aria-1060142611850256384"> <div class="IconContainer js-tooltip" title="Like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Like</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo ProfileTweet-action--unfavorite u-linkClean js-actionButton js-actionFavorite" type="button"> <div class="IconContainer js-tooltip" title="Undo like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Liked</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--dm"> <button class="ProfileTweet-actionButton u-textUserColorHover js-actionButton js-actionShareViaDM" type="button" data-nav="share_tweet_dm" > <div class="IconContainer js-tooltip" title="Direct message"> <span class="Icon Icon--medium Icon--dm"></span> <span class="u-hiddenVisually">Direct message</span> </div> </button> </div> </div> </div> </div> </div> </li> <li class="js-stream-item stream-item stream-item " data-item-id="1060074237153562624" id="stream-item-tweet-1060074237153562624" data-item-type="tweet" > <div class="tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable dismissible-content original-tweet js-original-tweet " data-tweet-id="1060074237153562624" data-item-id="1060074237153562624" data-permalink-path="/tomitrescak/status/1060074237153562624" data-conversation-id="1059673648129327104" data-is-reply-to="true" data-has-parent-tweet="true" data-tweet-nonce="1060074237153562624-380b7133-ba07-4de0-9316-ad50d3f4b68f" data-tweet-stat-initialized="true" data-screen-name="tomitrescak" data-name="Tomas Trescak" data-user-id="2210497949" data-you-follow="false" data-follows-you="false" data-you-block="false" data-mentions="cyan_binary dan_abramov" data-reply-to-users-json="[{&quot;id_str&quot;:&quot;2210497949&quot;,&quot;screen_name&quot;:&quot;tomitrescak&quot;,&quot;name&quot;:&quot;Tomas Trescak&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Tomas Trescak&quot;,&quot;emojified_text_as_html&quot;:&quot;Tomas Trescak&quot;}},{&quot;id_str&quot;:&quot;4683602299&quot;,&quot;screen_name&quot;:&quot;cyan_binary&quot;,&quot;name&quot;:&quot;Chang Yan&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Chang Yan&quot;,&quot;emojified_text_as_html&quot;:&quot;Chang Yan&quot;}},{&quot;id_str&quot;:&quot;70345946&quot;,&quot;screen_name&quot;:&quot;dan_abramov&quot;,&quot;name&quot;:&quot;Dan Abramov&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Dan Abramov&quot;,&quot;emojified_text_as_html&quot;:&quot;Dan Abramov&quot;}}]" data-disclosure-type="" data-component-context="tweet" > <div class="context"> </div> <div class="content"> <div class="stream-item-header"> <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="/tomitrescak" data-user-id="2210497949"> <img class="avatar js-action-profile-avatar" src="https://pbs.twimg.com/profile_images/668543547042197504/DJM3MjlH_bigger.jpg" alt=""> <span class="FullNameGroup"> <strong class="fullname show-popup-with-id u-textTruncate " data-aria-label-part>Tomas Trescak</strong><span>&rlm;</span><span class="UserBadges"></span><span class="UserNameBreak">&nbsp;</span></span><span class="username u-dir u-textTruncate" dir="ltr" data-aria-label-part>@<b>tomitrescak</b></span></a> <small class="time"> <a href="/tomitrescak/status/1060074237153562624" class="tweet-timestamp js-permalink js-nav js-tooltip" title="8:39 AM - 7 Nov 2018" data-conversation-id="1059673648129327104"><span class="_timestamp js-short-timestamp " data-aria-label-part="last" data-time="1541576368" data-time-ms="1541576368000" data-long-form="true">7 Nov 2018</span></a> </small> <div class="ProfileTweet-action ProfileTweet-action--more js-more-ProfileTweet-actions"> <div class="dropdown"> <button class="ProfileTweet-actionButton u-textUserColorHover dropdown-toggle js-dropdown-toggle" type="button"> <div class="IconContainer js-tooltip" title="More"> <span class="Icon Icon--caretDownLight Icon--small"></span> <span class="u-hiddenVisually">More</span> </div> </button> <div class="dropdown-menu is-autoCentered"> <div class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <ul> <li class="copy-link-to-tweet js-actionCopyLinkToTweet"> <button type="button" class="dropdown-link">Copy link to Tweet</button> </li> <li class="embed-link js-actionEmbedTweet" data-nav="embed_tweet"> <button type="button" class="dropdown-link">Embed Tweet</button> </li> <li class="mute-user-item"><button type="button" class="dropdown-link">Mute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>tomitrescak</b></span></button></li> <li class="unmute-user-item"><button type="button" class="dropdown-link">Unmute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>tomitrescak</b></span></button></li> <li class="block-link js-actionBlock" data-nav="block"> <button type="button" class="dropdown-link">Block <span class="username u-dir u-textTruncate" dir="ltr" >@<b>tomitrescak</b></span></button> </li> <li class="unblock-link js-actionUnblock" data-nav="unblock"> <button type="button" class="dropdown-link">Unblock <span class="username u-dir u-textTruncate" dir="ltr" >@<b>tomitrescak</b></span></button> </li> <li class="report-link js-actionReport" data-nav="report"> <button type="button" class="dropdown-link"> Report Tweet </button> </li> <li class="dropdown-divider"></li> <li class="js-actionMomentMakerAddTweetToOtherMoment MomentMakerAddTweetToOtherMoment"> <button type="button" class="dropdown-link">Add to other Moment</button> </li> <li class="js-actionMomentMakerCreateMoment"> <button type="button" class="dropdown-link">Add to new Moment</button> </li> </ul> </div> </div> </div> </div> <div class="ReplyingToContextBelowAuthor" data-aria-label-part> Replying to <a class="pretty-link js-user-profile-link" href="/tomitrescak" data-user-id="2210497949" rel="noopener" dir="ltr"><span class="username u-dir u-textTruncate" dir="ltr" >@<b>tomitrescak</b></span></a> <a class="pretty-link js-user-profile-link" href="/cyan_binary" data-user-id="4683602299" rel="noopener" dir="ltr"><span class="username u-dir u-textTruncate" dir="ltr" >@<b>cyan_binary</b></span></a> </div> <div class="js-tweet-text-container"> <p class="TweetTextSize js-tweet-text tweet-text" lang="en" data-aria-label-part="0">If you really wanna go that way check out some master presenters such as <a href="/dan_abramov" class="twitter-atreply pretty-link js-nav" dir="ltr" data-mentioned-user-id="70345946" ><s>@</s><b>dan_abramov</b></a> . I just visited one react meetup where they tried to present <strong>future of react</strong> and guy spent more time explaining implementation then impact. <img class="Emoji Emoji--forText" src="https://abs.twimg.com/emoji/v2/72x72/1f6cf.png" draggable="false" alt="🛏" title="Bed" aria-label="Emoji: Bed"></p> </div> <div class="stream-item-footer"> <div class="ProfileTweet-actionCountList u-hiddenVisually"> <span class="ProfileTweet-action--reply u-hiddenVisually"> <span class="ProfileTweet-actionCount" data-tweet-stat-count="1"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-reply-count-aria-1060074237153562624" data-aria-label-part>1 reply</span> </span> </span> <span class="ProfileTweet-action--retweet u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-retweet-count-aria-1060074237153562624" >0 retweets</span> </span> </span> <span class="ProfileTweet-action--favorite u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-favorite-count-aria-1060074237153562624" >0 likes</span> </span> </span> </div> <div class="ProfileTweet-actionList js-actions" role="group" aria-label="Tweet actions"> <div class="ProfileTweet-action ProfileTweet-action--reply"> <button class="ProfileTweet-actionButton js-actionButton js-actionReply" data-modal="ProfileTweet-reply" type="button" aria-describedby="profile-tweet-action-reply-count-aria-1060074237153562624"> <div class="IconContainer js-tooltip" title="Reply"> <span class="Icon Icon--medium Icon--reply"></span> <span class="u-hiddenVisually">Reply</span> </div> <span class="ProfileTweet-actionCount "> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">1</span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--retweet js-toggleState js-toggleRt"> <button class="ProfileTweet-actionButton js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button" aria-describedby="profile-tweet-action-retweet-count-aria-1060074237153562624"> <div class="IconContainer js-tooltip" title="Retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweet</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button"> <div class="IconContainer js-tooltip" title="Undo retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweeted</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--favorite js-toggleState"> <button class="ProfileTweet-actionButton js-actionButton js-actionFavorite" type="button" aria-describedby="profile-tweet-action-favorite-count-aria-1060074237153562624"> <div class="IconContainer js-tooltip" title="Like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Like</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo ProfileTweet-action--unfavorite u-linkClean js-actionButton js-actionFavorite" type="button"> <div class="IconContainer js-tooltip" title="Undo like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Liked</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--dm"> <button class="ProfileTweet-actionButton u-textUserColorHover js-actionButton js-actionShareViaDM" type="button" data-nav="share_tweet_dm" > <div class="IconContainer js-tooltip" title="Direct message"> <span class="Icon Icon--medium Icon--dm"></span> <span class="u-hiddenVisually">Direct message</span> </div> </button> </div> </div> </div> </div> </div> </li> <li class="js-stream-item stream-item stream-item " data-item-id="1060063220982075397" id="stream-item-tweet-1060063220982075397" data-item-type="tweet" > <div class="tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable dismissible-content original-tweet js-original-tweet has-cards cards-forward " data-tweet-id="1060063220982075397" data-item-id="1060063220982075397" data-permalink-path="/zoontek/status/1060063220982075397" data-conversation-id="1060063220982075397" data-tweet-nonce="1060063220982075397-64819254-0c83-4015-b343-8351ccfce617" data-tweet-stat-initialized="true" data-screen-name="zoontek" data-name="Mathieu A." data-user-id="15810479" data-you-follow="false" data-follows-you="false" data-you-block="false" data-reply-to-users-json="[{&quot;id_str&quot;:&quot;15810479&quot;,&quot;screen_name&quot;:&quot;zoontek&quot;,&quot;name&quot;:&quot;Mathieu A.&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Mathieu A.&quot;,&quot;emojified_text_as_html&quot;:&quot;Mathieu A.&quot;}}]" data-disclosure-type="" data-card2-type="player" data-has-cards="true" data-component-context="tweet" > <div class="context"> </div> <div class="content"> <div class="stream-item-header"> <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="/zoontek" data-user-id="15810479"> <img class="avatar js-action-profile-avatar" src="https://pbs.twimg.com/profile_images/911610006956593153/AoXEQmvy_bigger.jpg" alt=""> <span class="FullNameGroup"> <strong class="fullname show-popup-with-id u-textTruncate " data-aria-label-part>Mathieu A.</strong><span>&rlm;</span><span class="UserBadges"></span><span class="UserNameBreak">&nbsp;</span></span><span class="username u-dir u-textTruncate" dir="ltr" data-aria-label-part>@<b>zoontek</b></span></a> <small class="time"> <a href="/zoontek/status/1060063220982075397" class="tweet-timestamp js-permalink js-nav js-tooltip" title="7:55 AM - 7 Nov 2018" data-conversation-id="1060063220982075397"><span class="_timestamp js-short-timestamp " data-aria-label-part="last" data-time="1541573741" data-time-ms="1541573741000" data-long-form="true">7 Nov 2018</span></a> </small> <div class="ProfileTweet-action ProfileTweet-action--more js-more-ProfileTweet-actions"> <div class="dropdown"> <button class="ProfileTweet-actionButton u-textUserColorHover dropdown-toggle js-dropdown-toggle" type="button"> <div class="IconContainer js-tooltip" title="More"> <span class="Icon Icon--caretDownLight Icon--small"></span> <span class="u-hiddenVisually">More</span> </div> </button> <div class="dropdown-menu is-autoCentered"> <div class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <ul> <li class="copy-link-to-tweet js-actionCopyLinkToTweet"> <button type="button" class="dropdown-link">Copy link to Tweet</button> </li> <li class="embed-link js-actionEmbedTweet" data-nav="embed_tweet"> <button type="button" class="dropdown-link">Embed Tweet</button> </li> <li class="mute-user-item"><button type="button" class="dropdown-link">Mute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>zoontek</b></span></button></li> <li class="unmute-user-item"><button type="button" class="dropdown-link">Unmute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>zoontek</b></span></button></li> <li class="block-link js-actionBlock" data-nav="block"> <button type="button" class="dropdown-link">Block <span class="username u-dir u-textTruncate" dir="ltr" >@<b>zoontek</b></span></button> </li> <li class="unblock-link js-actionUnblock" data-nav="unblock"> <button type="button" class="dropdown-link">Unblock <span class="username u-dir u-textTruncate" dir="ltr" >@<b>zoontek</b></span></button> </li> <li class="report-link js-actionReport" data-nav="report"> <button type="button" class="dropdown-link"> Report Tweet </button> </li> <li class="dropdown-divider"></li> <li class="js-actionMomentMakerAddTweetToOtherMoment MomentMakerAddTweetToOtherMoment"> <button type="button" class="dropdown-link">Add to other Moment</button> </li> <li class="js-actionMomentMakerCreateMoment"> <button type="button" class="dropdown-link">Add to new Moment</button> </li> </ul> </div> </div> </div> </div> <div class="js-tweet-text-container"> <p class="TweetTextSize js-tweet-text tweet-text" lang="en" data-aria-label-part="0">React Native&#39;s New Architecture - Parashuram N - React Conf 2018 <a href="https://t.co/EGUjwStSDU" rel="nofollow noopener" dir="ltr" data-expanded-url="http://youtu.be/UcqRXTriUVI" class="twitter-timeline-link" target="_blank" title="http://youtu.be/UcqRXTriUVI" ><span class="tco-ellipsis"></span><span class="invisible">http://</span><span class="js-display-url">youtu.be/UcqRXTriUVI</span><span class="invisible"></span><span class="tco-ellipsis"><span class="invisible">&nbsp;</span></span></a> // the <strong>future of react</strong> native looks bright</p> </div> <div class="card2 js-media-container " data-card2-name="player" > <div class="js-macaw-cards-iframe-container initial-card-height card-type-player" data-src="/i/cards/tfw/v1/1060063220982075397?cardname=player&amp;autoplay_disabled=true&amp;forward=true&amp;earned=true&amp;edge=true&amp;lang=en" data-card-name="player" data-card-url="https://t.co/EGUjwStSDU" data-publisher-id="10228272" data-creator-id="" data-amplify-content-id="" data-amplify-playlist-url="" data-full-card-iframe-url="/i/cards/tfw/v1/1060063220982075397?cardname=player&amp;autoplay_disabled=true&amp;earned=true&amp;edge=true&amp;lang=en" data-has-autoplayable-media="false"> </div> </div> <div class="stream-item-footer"> <div class="ProfileTweet-actionCountList u-hiddenVisually"> <span class="ProfileTweet-action--reply u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-reply-count-aria-1060063220982075397" >0 replies</span> </span> </span> <span class="ProfileTweet-action--retweet u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-retweet-count-aria-1060063220982075397" >0 retweets</span> </span> </span> <span class="ProfileTweet-action--favorite u-hiddenVisually"> <span class="ProfileTweet-actionCount" data-tweet-stat-count="2"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-favorite-count-aria-1060063220982075397" data-aria-label-part>2 likes</span> </span> </span> </div> <div class="ProfileTweet-actionList js-actions" role="group" aria-label="Tweet actions"> <div class="ProfileTweet-action ProfileTweet-action--reply"> <button class="ProfileTweet-actionButton js-actionButton js-actionReply" data-modal="ProfileTweet-reply" type="button" aria-describedby="profile-tweet-action-reply-count-aria-1060063220982075397"> <div class="IconContainer js-tooltip" title="Reply"> <span class="Icon Icon--medium Icon--reply"></span> <span class="u-hiddenVisually">Reply</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero "> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--retweet js-toggleState js-toggleRt"> <button class="ProfileTweet-actionButton js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button" aria-describedby="profile-tweet-action-retweet-count-aria-1060063220982075397"> <div class="IconContainer js-tooltip" title="Retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweet</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button"> <div class="IconContainer js-tooltip" title="Undo retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweeted</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--favorite js-toggleState"> <button class="ProfileTweet-actionButton js-actionButton js-actionFavorite" type="button" aria-describedby="profile-tweet-action-favorite-count-aria-1060063220982075397"> <div class="IconContainer js-tooltip" title="Like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Like</span> </div> <span class="ProfileTweet-actionCount"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">2</span> </span> </button><button class="ProfileTweet-actionButtonUndo ProfileTweet-action--unfavorite u-linkClean js-actionButton js-actionFavorite" type="button"> <div class="IconContainer js-tooltip" title="Undo like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Liked</span> </div> <span class="ProfileTweet-actionCount"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">2</span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--dm"> <button class="ProfileTweet-actionButton u-textUserColorHover js-actionButton js-actionShareViaDM" type="button" data-nav="share_tweet_dm" > <div class="IconContainer js-tooltip" title="Direct message"> <span class="Icon Icon--medium Icon--dm"></span> <span class="u-hiddenVisually">Direct message</span> </div> </button> </div> </div> </div> </div> </div> </li> <li class="js-stream-item stream-item stream-item " data-item-id="1059915697810276352" id="stream-item-tweet-1059915697810276352" data-item-type="tweet" > <div class="tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable dismissible-content original-tweet js-original-tweet " data-tweet-id="1059915697810276352" data-item-id="1059915697810276352" data-permalink-path="/ivanskyru/status/1059915697810276352" data-conversation-id="1059915697810276352" data-tweet-nonce="1059915697810276352-d64b11fe-0e66-463d-81ec-69a9a82a9c2b" data-tweet-stat-initialized="true" data-screen-name="ivanskyru" data-name="Ivansky" data-user-id="207199600" data-you-follow="false" data-follows-you="false" data-you-block="false" data-reply-to-users-json="[{&quot;id_str&quot;:&quot;207199600&quot;,&quot;screen_name&quot;:&quot;ivanskyru&quot;,&quot;name&quot;:&quot;Ivansky&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Ivansky&quot;,&quot;emojified_text_as_html&quot;:&quot;Ivansky&quot;}}]" data-disclosure-type="" data-component-context="tweet" > <div class="context"> </div> <div class="content"> <div class="stream-item-header"> <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="/ivanskyru" data-user-id="207199600"> <img class="avatar js-action-profile-avatar" src="https://pbs.twimg.com/profile_images/584586667165618176/4en-oh_s_bigger.png" alt=""> <span class="FullNameGroup"> <strong class="fullname show-popup-with-id u-textTruncate " data-aria-label-part>Ivansky</strong><span>&rlm;</span><span class="UserBadges"></span><span class="UserNameBreak">&nbsp;</span></span><span class="username u-dir u-textTruncate" dir="ltr" data-aria-label-part>@<b>ivanskyru</b></span></a> <small class="time"> <a href="/ivanskyru/status/1059915697810276352" class="tweet-timestamp js-permalink js-nav js-tooltip" title="10:09 PM - 6 Nov 2018" data-conversation-id="1059915697810276352"><span class="_timestamp js-short-timestamp " data-aria-label-part="last" data-time="1541538569" data-time-ms="1541538569000" data-long-form="true">6 Nov 2018</span></a> </small> <div class="ProfileTweet-action ProfileTweet-action--more js-more-ProfileTweet-actions"> <div class="dropdown"> <button class="ProfileTweet-actionButton u-textUserColorHover dropdown-toggle js-dropdown-toggle" type="button"> <div class="IconContainer js-tooltip" title="More"> <span class="Icon Icon--caretDownLight Icon--small"></span> <span class="u-hiddenVisually">More</span> </div> </button> <div class="dropdown-menu is-autoCentered"> <div class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <ul> <li class="copy-link-to-tweet js-actionCopyLinkToTweet"> <button type="button" class="dropdown-link">Copy link to Tweet</button> </li> <li class="embed-link js-actionEmbedTweet" data-nav="embed_tweet"> <button type="button" class="dropdown-link">Embed Tweet</button> </li> <li class="mute-user-item"><button type="button" class="dropdown-link">Mute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>ivanskyru</b></span></button></li> <li class="unmute-user-item"><button type="button" class="dropdown-link">Unmute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>ivanskyru</b></span></button></li> <li class="block-link js-actionBlock" data-nav="block"> <button type="button" class="dropdown-link">Block <span class="username u-dir u-textTruncate" dir="ltr" >@<b>ivanskyru</b></span></button> </li> <li class="unblock-link js-actionUnblock" data-nav="unblock"> <button type="button" class="dropdown-link">Unblock <span class="username u-dir u-textTruncate" dir="ltr" >@<b>ivanskyru</b></span></button> </li> <li class="report-link js-actionReport" data-nav="report"> <button type="button" class="dropdown-link"> Report Tweet </button> </li> <li class="dropdown-divider"></li> <li class="js-actionMomentMakerAddTweetToOtherMoment MomentMakerAddTweetToOtherMoment"> <button type="button" class="dropdown-link">Add to other Moment</button> </li> <li class="js-actionMomentMakerCreateMoment"> <button type="button" class="dropdown-link">Add to new Moment</button> </li> </ul> </div> </div> </div> </div> <div class="js-tweet-text-container"> <p class="TweetTextSize js-tweet-text tweet-text" lang="en" data-aria-label-part="0">I am pretty excited about React Hooks, I am waiting the next version includes this. It is a great step to the <strong>future of React</strong>. Let&#39;s make code cleaner and natural. <a href="/hashtag/reactjs?src=hash" data-query-source="hashtag_click" class="twitter-hashtag pretty-link js-nav" dir="ltr" ><s>#</s><b>reactjs</b></a> <a href="/hashtag/reacthooks?src=hash" data-query-source="hashtag_click" class="twitter-hashtag pretty-link js-nav" dir="ltr" ><s>#</s><b>reacthooks</b></a></p> </div> <div class="stream-item-footer"> <div class="ProfileTweet-actionCountList u-hiddenVisually"> <span class="ProfileTweet-action--reply u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-reply-count-aria-1059915697810276352" >0 replies</span> </span> </span> <span class="ProfileTweet-action--retweet u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-retweet-count-aria-1059915697810276352" >0 retweets</span> </span> </span> <span class="ProfileTweet-action--favorite u-hiddenVisually"> <span class="ProfileTweet-actionCount" data-tweet-stat-count="2"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-favorite-count-aria-1059915697810276352" data-aria-label-part>2 likes</span> </span> </span> </div> <div class="ProfileTweet-actionList js-actions" role="group" aria-label="Tweet actions"> <div class="ProfileTweet-action ProfileTweet-action--reply"> <button class="ProfileTweet-actionButton js-actionButton js-actionReply" data-modal="ProfileTweet-reply" type="button" aria-describedby="profile-tweet-action-reply-count-aria-1059915697810276352"> <div class="IconContainer js-tooltip" title="Reply"> <span class="Icon Icon--medium Icon--reply"></span> <span class="u-hiddenVisually">Reply</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero "> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--retweet js-toggleState js-toggleRt"> <button class="ProfileTweet-actionButton js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button" aria-describedby="profile-tweet-action-retweet-count-aria-1059915697810276352"> <div class="IconContainer js-tooltip" title="Retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweet</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button"> <div class="IconContainer js-tooltip" title="Undo retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweeted</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--favorite js-toggleState"> <button class="ProfileTweet-actionButton js-actionButton js-actionFavorite" type="button" aria-describedby="profile-tweet-action-favorite-count-aria-1059915697810276352"> <div class="IconContainer js-tooltip" title="Like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Like</span> </div> <span class="ProfileTweet-actionCount"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">2</span> </span> </button><button class="ProfileTweet-actionButtonUndo ProfileTweet-action--unfavorite u-linkClean js-actionButton js-actionFavorite" type="button"> <div class="IconContainer js-tooltip" title="Undo like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Liked</span> </div> <span class="ProfileTweet-actionCount"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">2</span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--dm"> <button class="ProfileTweet-actionButton u-textUserColorHover js-actionButton js-actionShareViaDM" type="button" data-nav="share_tweet_dm" > <div class="IconContainer js-tooltip" title="Direct message"> <span class="Icon Icon--medium Icon--dm"></span> <span class="u-hiddenVisually">Direct message</span> </div> </button> </div> </div> </div> </div> </div> </li> <li class="js-stream-item stream-item stream-item " data-item-id="1059653149185605632" id="stream-item-tweet-1059653149185605632" data-item-type="tweet" > <div class="tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable dismissible-content original-tweet js-original-tweet has-cards has-content " data-tweet-id="1059653149185605632" data-item-id="1059653149185605632" data-permalink-path="/vic_jaquez/status/1059653149185605632" data-conversation-id="1059653149185605632" data-tweet-nonce="1059653149185605632-d3eb5da7-fe5f-4086-b110-e23ae6d2e701" data-tweet-stat-initialized="true" data-screen-name="vic_jaquez" data-name="Victor Jaquez" data-user-id="727706516501958656" data-you-follow="false" data-follows-you="false" data-you-block="false" data-mentions="ryanflorence" data-reply-to-users-json="[{&quot;id_str&quot;:&quot;727706516501958656&quot;,&quot;screen_name&quot;:&quot;vic_jaquez&quot;,&quot;name&quot;:&quot;Victor Jaquez&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Victor Jaquez&quot;,&quot;emojified_text_as_html&quot;:&quot;Victor Jaquez&quot;}},{&quot;id_str&quot;:&quot;16468446&quot;,&quot;screen_name&quot;:&quot;ryanflorence&quot;,&quot;name&quot;:&quot;Ryan Florence&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Ryan Florence&quot;,&quot;emojified_text_as_html&quot;:&quot;Ryan Florence&quot;}}]" data-disclosure-type="" data-has-cards="true" data-component-context="tweet" > <div class="context"> </div> <div class="content"> <div class="stream-item-header"> <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="/vic_jaquez" data-user-id="727706516501958656"> <img class="avatar js-action-profile-avatar" src="https://pbs.twimg.com/profile_images/1004979162216476674/pAqUBHE5_bigger.jpg" alt=""> <span class="FullNameGroup"> <strong class="fullname show-popup-with-id u-textTruncate " data-aria-label-part>Victor Jaquez</strong><span>&rlm;</span><span class="UserBadges"></span><span class="UserNameBreak">&nbsp;</span></span><span class="username u-dir u-textTruncate" dir="ltr" data-aria-label-part>@<b>vic_jaquez</b></span></a> <small class="time"> <a href="/vic_jaquez/status/1059653149185605632" class="tweet-timestamp js-permalink js-nav js-tooltip" title="4:46 AM - 6 Nov 2018" data-conversation-id="1059653149185605632"><span class="_timestamp js-short-timestamp " data-aria-label-part="last" data-time="1541475972" data-time-ms="1541475972000" data-long-form="true">6 Nov 2018</span></a> </small> <div class="ProfileTweet-action ProfileTweet-action--more js-more-ProfileTweet-actions"> <div class="dropdown"> <button class="ProfileTweet-actionButton u-textUserColorHover dropdown-toggle js-dropdown-toggle" type="button"> <div class="IconContainer js-tooltip" title="More"> <span class="Icon Icon--caretDownLight Icon--small"></span> <span class="u-hiddenVisually">More</span> </div> </button> <div class="dropdown-menu is-autoCentered"> <div class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <ul> <li class="copy-link-to-tweet js-actionCopyLinkToTweet"> <button type="button" class="dropdown-link">Copy link to Tweet</button> </li> <li class="embed-link js-actionEmbedTweet" data-nav="embed_tweet"> <button type="button" class="dropdown-link">Embed Tweet</button> </li> <li class="mute-user-item"><button type="button" class="dropdown-link">Mute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>vic_jaquez</b></span></button></li> <li class="unmute-user-item"><button type="button" class="dropdown-link">Unmute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>vic_jaquez</b></span></button></li> <li class="block-link js-actionBlock" data-nav="block"> <button type="button" class="dropdown-link">Block <span class="username u-dir u-textTruncate" dir="ltr" >@<b>vic_jaquez</b></span></button> </li> <li class="unblock-link js-actionUnblock" data-nav="unblock"> <button type="button" class="dropdown-link">Unblock <span class="username u-dir u-textTruncate" dir="ltr" >@<b>vic_jaquez</b></span></button> </li> <li class="report-link js-actionReport" data-nav="report"> <button type="button" class="dropdown-link"> Report Tweet </button> </li> <li class="dropdown-divider"></li> <li class="js-actionMomentMakerAddTweetToOtherMoment MomentMakerAddTweetToOtherMoment"> <button type="button" class="dropdown-link">Add to other Moment</button> </li> <li class="js-actionMomentMakerCreateMoment"> <button type="button" class="dropdown-link">Add to new Moment</button> </li> </ul> </div> </div> </div> </div> <div class="js-tweet-text-container"> <p class="TweetTextSize js-tweet-text tweet-text" lang="en" data-aria-label-part="0">The <strong>Future of React</strong> with <a href="/ryanflorence" class="twitter-atreply pretty-link js-nav" dir="ltr" data-mentioned-user-id="16468446" ><s>@</s><b>ryanflorence</b></a><a href="https://t.co/uQoyieIJ9u" class="twitter-timeline-link u-hidden" data-pre-embedded="true" dir="ltr" >pic.twitter.com/uQoyieIJ9u</a></p> </div> <div class="AdaptiveMediaOuterContainer"> <div class="AdaptiveMedia is-square " > <div class="AdaptiveMedia-container"> <div class="AdaptiveMedia-singlePhoto" style="padding-top: calc(0.94140625 * 100% - 0.5px);" > <div class="AdaptiveMedia-photoContainer js-adaptive-photo " data-image-url="https://pbs.twimg.com/media/DrSk60mV4AAJVvp.jpg" data-element-context="platform_photo_card" style="background-color:rgba(38,33,26,1.0);" data-dominant-color="[38,33,26]" > <img data-aria-label-part src="https://pbs.twimg.com/media/DrSk60mV4AAJVvp.jpg" alt="" style="width: 100%; top: -0px;" > </div> </div> </div> </div> </div> <div class="stream-item-footer"> <div class="ProfileTweet-actionCountList u-hiddenVisually"> <span class="ProfileTweet-action--reply u-hiddenVisually"> <span class="ProfileTweet-actionCount" data-tweet-stat-count="2"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-reply-count-aria-1059653149185605632" data-aria-label-part>2 replies</span> </span> </span> <span class="ProfileTweet-action--retweet u-hiddenVisually"> <span class="ProfileTweet-actionCount" data-tweet-stat-count="9"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-retweet-count-aria-1059653149185605632" data-aria-label-part>9 retweets</span> </span> </span> <span class="ProfileTweet-action--favorite u-hiddenVisually"> <span class="ProfileTweet-actionCount" data-tweet-stat-count="69"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-favorite-count-aria-1059653149185605632" data-aria-label-part>69 likes</span> </span> </span> </div> <div class="ProfileTweet-actionList js-actions" role="group" aria-label="Tweet actions"> <div class="ProfileTweet-action ProfileTweet-action--reply"> <button class="ProfileTweet-actionButton js-actionButton js-actionReply" data-modal="ProfileTweet-reply" type="button" aria-describedby="profile-tweet-action-reply-count-aria-1059653149185605632"> <div class="IconContainer js-tooltip" title="Reply"> <span class="Icon Icon--medium Icon--reply"></span> <span class="u-hiddenVisually">Reply</span> </div> <span class="ProfileTweet-actionCount "> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">2</span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--retweet js-toggleState js-toggleRt"> <button class="ProfileTweet-actionButton js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button" aria-describedby="profile-tweet-action-retweet-count-aria-1059653149185605632"> <div class="IconContainer js-tooltip" title="Retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweet</span> </div> <span class="ProfileTweet-actionCount"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">9</span> </span> </button><button class="ProfileTweet-actionButtonUndo js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button"> <div class="IconContainer js-tooltip" title="Undo retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweeted</span> </div> <span class="ProfileTweet-actionCount"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">9</span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--favorite js-toggleState"> <button class="ProfileTweet-actionButton js-actionButton js-actionFavorite" type="button" aria-describedby="profile-tweet-action-favorite-count-aria-1059653149185605632"> <div class="IconContainer js-tooltip" title="Like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Like</span> </div> <span class="ProfileTweet-actionCount"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">69</span> </span> </button><button class="ProfileTweet-actionButtonUndo ProfileTweet-action--unfavorite u-linkClean js-actionButton js-actionFavorite" type="button"> <div class="IconContainer js-tooltip" title="Undo like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Liked</span> </div> <span class="ProfileTweet-actionCount"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">69</span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--dm"> <button class="ProfileTweet-actionButton u-textUserColorHover js-actionButton js-actionShareViaDM" type="button" data-nav="share_tweet_dm" > <div class="IconContainer js-tooltip" title="Direct message"> <span class="Icon Icon--medium Icon--dm"></span> <span class="u-hiddenVisually">Direct message</span> </div> </button> </div> </div> </div> </div> </div> </li> <li class="js-stream-item stream-item stream-item " data-item-id="1059636425719775234" id="stream-item-tweet-1059636425719775234" data-item-type="tweet" > <div class="tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable dismissible-content original-tweet js-original-tweet has-cards has-content " data-tweet-id="1059636425719775234" data-item-id="1059636425719775234" data-permalink-path="/NerdCowboy/status/1059636425719775234" data-conversation-id="1059636425719775234" data-tweet-nonce="1059636425719775234-088fe41e-c574-4537-b458-dd123aa9d124" data-tweet-stat-initialized="true" data-screen-name="NerdCowboy" data-name="Brent Larson" data-user-id="325716240" data-you-follow="false" data-follows-you="false" data-you-block="false" data-mentions="ryanflorence" data-reply-to-users-json="[{&quot;id_str&quot;:&quot;325716240&quot;,&quot;screen_name&quot;:&quot;NerdCowboy&quot;,&quot;name&quot;:&quot;Brent Larson&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Brent Larson&quot;,&quot;emojified_text_as_html&quot;:&quot;Brent Larson&quot;}},{&quot;id_str&quot;:&quot;16468446&quot;,&quot;screen_name&quot;:&quot;ryanflorence&quot;,&quot;name&quot;:&quot;Ryan Florence&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Ryan Florence&quot;,&quot;emojified_text_as_html&quot;:&quot;Ryan Florence&quot;}}]" data-disclosure-type="" data-has-cards="true" data-component-context="tweet" > <div class="context"> </div> <div class="content"> <div class="stream-item-header"> <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="/NerdCowboy" data-user-id="325716240"> <img class="avatar js-action-profile-avatar" src="https://pbs.twimg.com/profile_images/460675903777804288/zC4Av2hD_bigger.png" alt=""> <span class="FullNameGroup"> <strong class="fullname show-popup-with-id u-textTruncate " data-aria-label-part>Brent Larson</strong><span>&rlm;</span><span class="UserBadges"></span><span class="UserNameBreak">&nbsp;</span></span><span class="username u-dir u-textTruncate" dir="ltr" data-aria-label-part>@<b>NerdCowboy</b></span></a> <small class="time"> <a href="/NerdCowboy/status/1059636425719775234" class="tweet-timestamp js-permalink js-nav js-tooltip" title="3:39 AM - 6 Nov 2018" data-conversation-id="1059636425719775234"><span class="_timestamp js-short-timestamp " data-aria-label-part="last" data-time="1541471985" data-time-ms="1541471985000" data-long-form="true">6 Nov 2018</span></a> </small> <div class="ProfileTweet-action ProfileTweet-action--more js-more-ProfileTweet-actions"> <div class="dropdown"> <button class="ProfileTweet-actionButton u-textUserColorHover dropdown-toggle js-dropdown-toggle" type="button"> <div class="IconContainer js-tooltip" title="More"> <span class="Icon Icon--caretDownLight Icon--small"></span> <span class="u-hiddenVisually">More</span> </div> </button> <div class="dropdown-menu is-autoCentered"> <div class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <ul> <li class="copy-link-to-tweet js-actionCopyLinkToTweet"> <button type="button" class="dropdown-link">Copy link to Tweet</button> </li> <li class="embed-link js-actionEmbedTweet" data-nav="embed_tweet"> <button type="button" class="dropdown-link">Embed Tweet</button> </li> <li class="mute-user-item"><button type="button" class="dropdown-link">Mute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>NerdCowboy</b></span></button></li> <li class="unmute-user-item"><button type="button" class="dropdown-link">Unmute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>NerdCowboy</b></span></button></li> <li class="block-link js-actionBlock" data-nav="block"> <button type="button" class="dropdown-link">Block <span class="username u-dir u-textTruncate" dir="ltr" >@<b>NerdCowboy</b></span></button> </li> <li class="unblock-link js-actionUnblock" data-nav="unblock"> <button type="button" class="dropdown-link">Unblock <span class="username u-dir u-textTruncate" dir="ltr" >@<b>NerdCowboy</b></span></button> </li> <li class="report-link js-actionReport" data-nav="report"> <button type="button" class="dropdown-link"> Report Tweet </button> </li> <li class="dropdown-divider"></li> <li class="js-actionMomentMakerAddTweetToOtherMoment MomentMakerAddTweetToOtherMoment"> <button type="button" class="dropdown-link">Add to other Moment</button> </li> <li class="js-actionMomentMakerCreateMoment"> <button type="button" class="dropdown-link">Add to new Moment</button> </li> </ul> </div> </div> </div> </div> <div class="js-tweet-text-container"> <p class="TweetTextSize js-tweet-text tweet-text" lang="en" data-aria-label-part="0">The <strong>Future of React</strong> with <a href="/ryanflorence" class="twitter-atreply pretty-link js-nav" dir="ltr" data-mentioned-user-id="16468446" ><s>@</s><b>ryanflorence</b></a>. Hooks look really awesome<a href="https://t.co/F6se6wwbtB" class="twitter-timeline-link u-hidden" data-pre-embedded="true" dir="ltr" >pic.twitter.com/F6se6wwbtB</a></p> </div> <div class="AdaptiveMediaOuterContainer"> <div class="AdaptiveMedia is-square " > <div class="AdaptiveMedia-container"> <div class="AdaptiveMedia-singlePhoto" style="padding-top: calc(0.75 * 100% - 0.5px);" > <div class="AdaptiveMedia-photoContainer js-adaptive-photo " data-image-url="https://pbs.twimg.com/media/DrSVs5_VAAAuNHC.jpg" data-element-context="platform_photo_card" style="background-color:rgba(40,37,32,1.0);" data-dominant-color="[40,37,32]" > <img data-aria-label-part src="https://pbs.twimg.com/media/DrSVs5_VAAAuNHC.jpg" alt="" style="width: 100%; top: -0px;" > </div> </div> </div> </div> </div> <div class="stream-item-footer"> <div class="ProfileTweet-actionCountList u-hiddenVisually"> <span class="ProfileTweet-action--reply u-hiddenVisually"> <span class="ProfileTweet-actionCount" data-tweet-stat-count="1"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-reply-count-aria-1059636425719775234" data-aria-label-part>1 reply</span> </span> </span> <span class="ProfileTweet-action--retweet u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-retweet-count-aria-1059636425719775234" >0 retweets</span> </span> </span> <span class="ProfileTweet-action--favorite u-hiddenVisually"> <span class="ProfileTweet-actionCount" data-tweet-stat-count="3"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-favorite-count-aria-1059636425719775234" data-aria-label-part>3 likes</span> </span> </span> </div> <div class="ProfileTweet-actionList js-actions" role="group" aria-label="Tweet actions"> <div class="ProfileTweet-action ProfileTweet-action--reply"> <button class="ProfileTweet-actionButton js-actionButton js-actionReply" data-modal="ProfileTweet-reply" type="button" aria-describedby="profile-tweet-action-reply-count-aria-1059636425719775234"> <div class="IconContainer js-tooltip" title="Reply"> <span class="Icon Icon--medium Icon--reply"></span> <span class="u-hiddenVisually">Reply</span> </div> <span class="ProfileTweet-actionCount "> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">1</span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--retweet js-toggleState js-toggleRt"> <button class="ProfileTweet-actionButton js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button" aria-describedby="profile-tweet-action-retweet-count-aria-1059636425719775234"> <div class="IconContainer js-tooltip" title="Retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweet</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button"> <div class="IconContainer js-tooltip" title="Undo retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweeted</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--favorite js-toggleState"> <button class="ProfileTweet-actionButton js-actionButton js-actionFavorite" type="button" aria-describedby="profile-tweet-action-favorite-count-aria-1059636425719775234"> <div class="IconContainer js-tooltip" title="Like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Like</span> </div> <span class="ProfileTweet-actionCount"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">3</span> </span> </button><button class="ProfileTweet-actionButtonUndo ProfileTweet-action--unfavorite u-linkClean js-actionButton js-actionFavorite" type="button"> <div class="IconContainer js-tooltip" title="Undo like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Liked</span> </div> <span class="ProfileTweet-actionCount"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">3</span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--dm"> <button class="ProfileTweet-actionButton u-textUserColorHover js-actionButton js-actionShareViaDM" type="button" data-nav="share_tweet_dm" > <div class="IconContainer js-tooltip" title="Direct message"> <span class="Icon Icon--medium Icon--dm"></span> <span class="u-hiddenVisually">Direct message</span> </div> </button> </div> </div> </div> </div> </div> </li> <li class="js-stream-item stream-item stream-item " data-item-id="1059544412315836416" id="stream-item-tweet-1059544412315836416" data-item-type="tweet" > <div class="tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable dismissible-content original-tweet js-original-tweet " data-tweet-id="1059544412315836416" data-item-id="1059544412315836416" data-permalink-path="/jsjoeio/status/1059544412315836416" data-conversation-id="1059544412315836416" data-tweet-nonce="1059544412315836416-da3d15d8-ba27-41f6-97f1-82461bc8587f" data-tweet-stat-initialized="true" data-screen-name="jsjoeio" data-name="JavaScript Joe" data-user-id="1567529924" data-you-follow="false" data-follows-you="true" data-you-block="false" data-mentions="ryanflorence phoenixreactjs" data-reply-to-users-json="[{&quot;id_str&quot;:&quot;1567529924&quot;,&quot;screen_name&quot;:&quot;jsjoeio&quot;,&quot;name&quot;:&quot;JavaScript Joe&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;JavaScript Joe&quot;,&quot;emojified_text_as_html&quot;:&quot;JavaScript Joe&quot;}},{&quot;id_str&quot;:&quot;16468446&quot;,&quot;screen_name&quot;:&quot;ryanflorence&quot;,&quot;name&quot;:&quot;Ryan Florence&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Ryan Florence&quot;,&quot;emojified_text_as_html&quot;:&quot;Ryan Florence&quot;}},{&quot;id_str&quot;:&quot;717956684086272000&quot;,&quot;screen_name&quot;:&quot;phoenixreactjs&quot;,&quot;name&quot;:&quot;Phoenix ReactJS&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Phoenix ReactJS&quot;,&quot;emojified_text_as_html&quot;:&quot;Phoenix ReactJS&quot;}}]" data-disclosure-type="" data-component-context="tweet" > <div class="context"> </div> <div class="content"> <div class="stream-item-header"> <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="/jsjoeio" data-user-id="1567529924"> <img class="avatar js-action-profile-avatar" src="https://pbs.twimg.com/profile_images/1048693326797463552/QBDmFRUJ_bigger.jpg" alt=""> <span class="FullNameGroup"> <strong class="fullname show-popup-with-id u-textTruncate " data-aria-label-part>JavaScript Joe</strong><span>&rlm;</span><span class="UserBadges"></span><span class="UserNameBreak">&nbsp;</span></span><span class="username u-dir u-textTruncate" dir="ltr" data-aria-label-part>@<b>jsjoeio</b></span></a> <small class="time"> <a href="/jsjoeio/status/1059544412315836416" class="tweet-timestamp js-permalink js-nav js-tooltip" title="9:34 PM - 5 Nov 2018" data-conversation-id="1059544412315836416"><span class="_timestamp js-short-timestamp " data-aria-label-part="last" data-time="1541450047" data-time-ms="1541450047000" data-long-form="true">5 Nov 2018</span></a> </small> <div class="ProfileTweet-action ProfileTweet-action--more js-more-ProfileTweet-actions"> <div class="dropdown"> <button class="ProfileTweet-actionButton u-textUserColorHover dropdown-toggle js-dropdown-toggle" type="button"> <div class="IconContainer js-tooltip" title="More"> <span class="Icon Icon--caretDownLight Icon--small"></span> <span class="u-hiddenVisually">More</span> </div> </button> <div class="dropdown-menu is-autoCentered"> <div class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <ul> <li class="copy-link-to-tweet js-actionCopyLinkToTweet"> <button type="button" class="dropdown-link">Copy link to Tweet</button> </li> <li class="embed-link js-actionEmbedTweet" data-nav="embed_tweet"> <button type="button" class="dropdown-link">Embed Tweet</button> </li> <li class="mute-user-item"><button type="button" class="dropdown-link">Mute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>jsjoeio</b></span></button></li> <li class="unmute-user-item"><button type="button" class="dropdown-link">Unmute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>jsjoeio</b></span></button></li> <li class="block-link js-actionBlock" data-nav="block"> <button type="button" class="dropdown-link">Block <span class="username u-dir u-textTruncate" dir="ltr" >@<b>jsjoeio</b></span></button> </li> <li class="unblock-link js-actionUnblock" data-nav="unblock"> <button type="button" class="dropdown-link">Unblock <span class="username u-dir u-textTruncate" dir="ltr" >@<b>jsjoeio</b></span></button> </li> <li class="report-link js-actionReport" data-nav="report"> <button type="button" class="dropdown-link"> Report Tweet </button> </li> <li class="dropdown-divider"></li> <li class="js-actionMomentMakerAddTweetToOtherMoment MomentMakerAddTweetToOtherMoment"> <button type="button" class="dropdown-link">Add to other Moment</button> </li> <li class="js-actionMomentMakerCreateMoment"> <button type="button" class="dropdown-link">Add to new Moment</button> </li> </ul> </div> </div> </div> </div> <div class="js-tweet-text-container"> <p class="TweetTextSize js-tweet-text tweet-text" lang="en" data-aria-label-part="0">Excited to hear &quot;The <strong>Future of React</strong>&quot; by <a href="/ryanflorence" class="twitter-atreply pretty-link js-nav" dir="ltr" data-mentioned-user-id="16468446" ><s>@</s><b>ryanflorence</b></a> tonight at <a href="/phoenixreactjs" class="twitter-atreply pretty-link js-nav" dir="ltr" data-mentioned-user-id="717956684086272000" ><s>@</s><b>phoenixreactjs</b></a>! <img class="Emoji Emoji--forText" src="https://abs.twimg.com/emoji/v2/72x72/1f604.png" draggable="false" alt="😄" title="Smiling face with open mouth and smiling eyes" aria-label="Emoji: Smiling face with open mouth and smiling eyes"></p> </div> <div class="stream-item-footer"> <div class="ProfileTweet-actionCountList u-hiddenVisually"> <span class="ProfileTweet-action--reply u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-reply-count-aria-1059544412315836416" >0 replies</span> </span> </span> <span class="ProfileTweet-action--retweet u-hiddenVisually"> <span class="ProfileTweet-actionCount" data-tweet-stat-count="1"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-retweet-count-aria-1059544412315836416" data-aria-label-part>1 retweet</span> </span> </span> <span class="ProfileTweet-action--favorite u-hiddenVisually"> <span class="ProfileTweet-actionCount" data-tweet-stat-count="2"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-favorite-count-aria-1059544412315836416" data-aria-label-part>2 likes</span> </span> </span> </div> <div class="ProfileTweet-actionList js-actions" role="group" aria-label="Tweet actions"> <div class="ProfileTweet-action ProfileTweet-action--reply"> <button class="ProfileTweet-actionButton js-actionButton js-actionReply" data-modal="ProfileTweet-reply" type="button" aria-describedby="profile-tweet-action-reply-count-aria-1059544412315836416"> <div class="IconContainer js-tooltip" title="Reply"> <span class="Icon Icon--medium Icon--reply"></span> <span class="u-hiddenVisually">Reply</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero "> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--retweet js-toggleState js-toggleRt"> <button class="ProfileTweet-actionButton js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button" aria-describedby="profile-tweet-action-retweet-count-aria-1059544412315836416"> <div class="IconContainer js-tooltip" title="Retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweet</span> </div> <span class="ProfileTweet-actionCount"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">1</span> </span> </button><button class="ProfileTweet-actionButtonUndo js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button"> <div class="IconContainer js-tooltip" title="Undo retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweeted</span> </div> <span class="ProfileTweet-actionCount"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">1</span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--favorite js-toggleState"> <button class="ProfileTweet-actionButton js-actionButton js-actionFavorite" type="button" aria-describedby="profile-tweet-action-favorite-count-aria-1059544412315836416"> <div class="IconContainer js-tooltip" title="Like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Like</span> </div> <span class="ProfileTweet-actionCount"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">2</span> </span> </button><button class="ProfileTweet-actionButtonUndo ProfileTweet-action--unfavorite u-linkClean js-actionButton js-actionFavorite" type="button"> <div class="IconContainer js-tooltip" title="Undo like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Liked</span> </div> <span class="ProfileTweet-actionCount"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">2</span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--dm"> <button class="ProfileTweet-actionButton u-textUserColorHover js-actionButton js-actionShareViaDM" type="button" data-nav="share_tweet_dm" > <div class="IconContainer js-tooltip" title="Direct message"> <span class="Icon Icon--medium Icon--dm"></span> <span class="u-hiddenVisually">Direct message</span> </div> </button> </div> </div> </div> </div> </div> </li> <li class="js-stream-item stream-item stream-item " data-item-id="1059528031541321728" id="stream-item-tweet-1059528031541321728" data-item-type="tweet" > <div class="tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable dismissible-content original-tweet js-original-tweet " data-tweet-id="1059528031541321728" data-item-id="1059528031541321728" data-permalink-path="/magsout/status/1059528031541321728" data-conversation-id="1059528031541321728" data-tweet-nonce="1059528031541321728-ce1e484a-a7aa-4194-985e-7afdefc02f64" data-tweet-stat-initialized="true" data-screen-name="magsout" data-name="Guillaume Démésy‏ 🤖" data-user-id="15220855" data-you-follow="false" data-follows-you="false" data-you-block="false" data-reply-to-users-json="[{&quot;id_str&quot;:&quot;15220855&quot;,&quot;screen_name&quot;:&quot;magsout&quot;,&quot;name&quot;:&quot;Guillaume D\u00e9m\u00e9sy\u200f \ud83e\udd16&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Guillaume D\u00e9m\u00e9sy\u200f \ud83e\udd16&quot;,&quot;emojified_text_as_html&quot;:&quot;Guillaume D\u00e9m\u00e9sy\u200f \u003cspan class=\&quot;Emoji Emoji--forLinks\&quot; style=\&quot;background-image:url(&#39;https:\/\/abs.twimg.com\/emoji\/v2\/72x72\/1f916.png&#39;)\&quot; title=\&quot;Robot face\&quot; aria-label=\&quot;Emoji: Robot face\&quot;\u003e&amp;nbsp;\u003c\/span\u003e\u003cspan class=\&quot;visuallyhidden\&quot; aria-hidden=\&quot;true\&quot;\u003e\ud83e\udd16\u003c\/span\u003e&quot;}}]" data-disclosure-type="" data-component-context="tweet" > <div class="context"> </div> <div class="content"> <div class="stream-item-header"> <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="/magsout" data-user-id="15220855"> <img class="avatar js-action-profile-avatar" src="https://pbs.twimg.com/profile_images/744646840759496704/nemxawei_bigger.jpg" alt=""> <span class="FullNameGroup"> <strong class="fullname show-popup-with-id u-textTruncate " data-aria-label-part>Guillaume Démésy‏ <span class="Emoji Emoji--forLinks" style="background-image:url('https://abs.twimg.com/emoji/v2/72x72/1f916.png')" title="Robot face" aria-label="Emoji: Robot face">&nbsp;</span><span class="visuallyhidden" aria-hidden="true">🤖</span></strong><span>&rlm;</span><span class="UserBadges"></span><span class="UserNameBreak">&nbsp;</span></span><span class="username u-dir u-textTruncate" dir="ltr" data-aria-label-part>@<b>magsout</b></span></a> <small class="time"> <a href="/magsout/status/1059528031541321728" class="tweet-timestamp js-permalink js-nav js-tooltip" title="8:29 PM - 5 Nov 2018" data-conversation-id="1059528031541321728"><span class="_timestamp js-short-timestamp " data-aria-label-part="last" data-time="1541446142" data-time-ms="1541446142000" data-long-form="true">5 Nov 2018</span></a> </small> <div class="ProfileTweet-action ProfileTweet-action--more js-more-ProfileTweet-actions"> <div class="dropdown"> <button class="ProfileTweet-actionButton u-textUserColorHover dropdown-toggle js-dropdown-toggle" type="button"> <div class="IconContainer js-tooltip" title="More"> <span class="Icon Icon--caretDownLight Icon--small"></span> <span class="u-hiddenVisually">More</span> </div> </button> <div class="dropdown-menu is-autoCentered"> <div class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <ul> <li class="copy-link-to-tweet js-actionCopyLinkToTweet"> <button type="button" class="dropdown-link">Copy link to Tweet</button> </li> <li class="embed-link js-actionEmbedTweet" data-nav="embed_tweet"> <button type="button" class="dropdown-link">Embed Tweet</button> </li> <li class="mute-user-item"><button type="button" class="dropdown-link">Mute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>magsout</b></span></button></li> <li class="unmute-user-item"><button type="button" class="dropdown-link">Unmute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>magsout</b></span></button></li> <li class="block-link js-actionBlock" data-nav="block"> <button type="button" class="dropdown-link">Block <span class="username u-dir u-textTruncate" dir="ltr" >@<b>magsout</b></span></button> </li> <li class="unblock-link js-actionUnblock" data-nav="unblock"> <button type="button" class="dropdown-link">Unblock <span class="username u-dir u-textTruncate" dir="ltr" >@<b>magsout</b></span></button> </li> <li class="report-link js-actionReport" data-nav="report"> <button type="button" class="dropdown-link"> Report Tweet </button> </li> <li class="dropdown-divider"></li> <li class="js-actionMomentMakerAddTweetToOtherMoment MomentMakerAddTweetToOtherMoment"> <button type="button" class="dropdown-link">Add to other Moment</button> </li> <li class="js-actionMomentMakerCreateMoment"> <button type="button" class="dropdown-link">Add to new Moment</button> </li> </ul> </div> </div> </div> </div> <div class="js-tweet-text-container"> <p class="TweetTextSize js-tweet-text tweet-text" lang="en" data-aria-label-part="0">React.lazy, Suspense, Hook, React.memo, the <strong>future of React</strong> is pretty exciting <a href="/hashtag/react?src=hash" data-query-source="hashtag_click" class="twitter-hashtag pretty-link js-nav" dir="ltr" ><s>#</s><b>react</b></a></p> </div> <div class="stream-item-footer"> <div class="ProfileTweet-actionCountList u-hiddenVisually"> <span class="ProfileTweet-action--reply u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-reply-count-aria-1059528031541321728" >0 replies</span> </span> </span> <span class="ProfileTweet-action--retweet u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-retweet-count-aria-1059528031541321728" >0 retweets</span> </span> </span> <span class="ProfileTweet-action--favorite u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-favorite-count-aria-1059528031541321728" >0 likes</span> </span> </span> </div> <div class="ProfileTweet-actionList js-actions" role="group" aria-label="Tweet actions"> <div class="ProfileTweet-action ProfileTweet-action--reply"> <button class="ProfileTweet-actionButton js-actionButton js-actionReply" data-modal="ProfileTweet-reply" type="button" aria-describedby="profile-tweet-action-reply-count-aria-1059528031541321728"> <div class="IconContainer js-tooltip" title="Reply"> <span class="Icon Icon--medium Icon--reply"></span> <span class="u-hiddenVisually">Reply</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero "> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--retweet js-toggleState js-toggleRt"> <button class="ProfileTweet-actionButton js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button" aria-describedby="profile-tweet-action-retweet-count-aria-1059528031541321728"> <div class="IconContainer js-tooltip" title="Retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweet</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button"> <div class="IconContainer js-tooltip" title="Undo retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweeted</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--favorite js-toggleState"> <button class="ProfileTweet-actionButton js-actionButton js-actionFavorite" type="button" aria-describedby="profile-tweet-action-favorite-count-aria-1059528031541321728"> <div class="IconContainer js-tooltip" title="Like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Like</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo ProfileTweet-action--unfavorite u-linkClean js-actionButton js-actionFavorite" type="button"> <div class="IconContainer js-tooltip" title="Undo like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Liked</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--dm"> <button class="ProfileTweet-actionButton u-textUserColorHover js-actionButton js-actionShareViaDM" type="button" data-nav="share_tweet_dm" > <div class="IconContainer js-tooltip" title="Direct message"> <span class="Icon Icon--medium Icon--dm"></span> <span class="u-hiddenVisually">Direct message</span> </div> </button> </div> </div> </div> </div> </div> </li> <li class="js-stream-item stream-item stream-item " data-item-id="1059490548799680512" id="stream-item-tweet-1059490548799680512" data-item-type="tweet" > <div class="tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable dismissible-content original-tweet js-original-tweet " data-tweet-id="1059490548799680512" data-item-id="1059490548799680512" data-permalink-path="/nplexPHX/status/1059490548799680512" data-conversation-id="1059490548799680512" data-tweet-nonce="1059490548799680512-9a37f6ff-eda0-42ac-9eb3-4624d7d9f376" data-tweet-stat-initialized="true" data-screen-name="nplexPHX" data-name="NextPlex / Phoenix" data-user-id="1707306044" data-you-follow="false" data-follows-you="false" data-you-block="false" data-reply-to-users-json="[{&quot;id_str&quot;:&quot;1707306044&quot;,&quot;screen_name&quot;:&quot;nplexPHX&quot;,&quot;name&quot;:&quot;NextPlex \/ Phoenix&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;NextPlex \/ Phoenix&quot;,&quot;emojified_text_as_html&quot;:&quot;NextPlex \/ Phoenix&quot;}}]" data-disclosure-type="" data-component-context="tweet" > <div class="context"> </div> <div class="content"> <div class="stream-item-header"> <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="/nplexPHX" data-user-id="1707306044"> <img class="avatar js-action-profile-avatar" src="https://pbs.twimg.com/profile_images/378800000374612343/4c89a6f99ed5fbd6a6c4c9dd9b3a383e_bigger.png" alt=""> <span class="FullNameGroup"> <strong class="fullname show-popup-with-id u-textTruncate " data-aria-label-part>NextPlex / Phoenix</strong><span>&rlm;</span><span class="UserBadges"></span><span class="UserNameBreak">&nbsp;</span></span><span class="username u-dir u-textTruncate" dir="ltr" data-aria-label-part>@<b>nplexPHX</b></span></a> <small class="time"> <a href="/nplexPHX/status/1059490548799680512" class="tweet-timestamp js-permalink js-nav js-tooltip" title="6:00 PM - 5 Nov 2018" data-conversation-id="1059490548799680512"><span class="_timestamp js-short-timestamp " data-aria-label-part="last" data-time="1541437205" data-time-ms="1541437205000" data-long-form="true">5 Nov 2018</span></a> </small> <div class="ProfileTweet-action ProfileTweet-action--more js-more-ProfileTweet-actions"> <div class="dropdown"> <button class="ProfileTweet-actionButton u-textUserColorHover dropdown-toggle js-dropdown-toggle" type="button"> <div class="IconContainer js-tooltip" title="More"> <span class="Icon Icon--caretDownLight Icon--small"></span> <span class="u-hiddenVisually">More</span> </div> </button> <div class="dropdown-menu is-autoCentered"> <div class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <ul> <li class="copy-link-to-tweet js-actionCopyLinkToTweet"> <button type="button" class="dropdown-link">Copy link to Tweet</button> </li> <li class="embed-link js-actionEmbedTweet" data-nav="embed_tweet"> <button type="button" class="dropdown-link">Embed Tweet</button> </li> <li class="mute-user-item"><button type="button" class="dropdown-link">Mute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>nplexPHX</b></span></button></li> <li class="unmute-user-item"><button type="button" class="dropdown-link">Unmute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>nplexPHX</b></span></button></li> <li class="block-link js-actionBlock" data-nav="block"> <button type="button" class="dropdown-link">Block <span class="username u-dir u-textTruncate" dir="ltr" >@<b>nplexPHX</b></span></button> </li> <li class="unblock-link js-actionUnblock" data-nav="unblock"> <button type="button" class="dropdown-link">Unblock <span class="username u-dir u-textTruncate" dir="ltr" >@<b>nplexPHX</b></span></button> </li> <li class="report-link js-actionReport" data-nav="report"> <button type="button" class="dropdown-link"> Report Tweet </button> </li> <li class="dropdown-divider"></li> <li class="js-actionMomentMakerAddTweetToOtherMoment MomentMakerAddTweetToOtherMoment"> <button type="button" class="dropdown-link">Add to other Moment</button> </li> <li class="js-actionMomentMakerCreateMoment"> <button type="button" class="dropdown-link">Add to new Moment</button> </li> </ul> </div> </div> </div> </div> <div class="js-tweet-text-container"> <p class="TweetTextSize js-tweet-text tweet-text" lang="en" data-aria-label-part="0">Check out The <strong>Future of React</strong> with Ryan Florence tonight at 6:00pm <a href="https://t.co/crn7f62P21" rel="nofollow noopener" dir="ltr" data-expanded-url="http://bit.ly/2Pbh2NX" class="twitter-timeline-link" target="_blank" title="http://bit.ly/2Pbh2NX" ><span class="tco-ellipsis"></span><span class="invisible">http://</span><span class="js-display-url">bit.ly/2Pbh2NX</span><span class="invisible"></span><span class="tco-ellipsis"><span class="invisible">&nbsp;</span></span></a> <a href="/hashtag/Phoenix?src=hash" data-query-source="hashtag_click" class="twitter-hashtag pretty-link js-nav" dir="ltr" ><s>#</s><b>Phoenix</b></a> <a href="/hashtag/PHX?src=hash" data-query-source="hashtag_click" class="twitter-hashtag pretty-link js-nav" dir="ltr" ><s>#</s><b>PHX</b></a></p> </div> <div class="stream-item-footer"> <div class="ProfileTweet-actionCountList u-hiddenVisually"> <span class="ProfileTweet-action--reply u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-reply-count-aria-1059490548799680512" >0 replies</span> </span> </span> <span class="ProfileTweet-action--retweet u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-retweet-count-aria-1059490548799680512" >0 retweets</span> </span> </span> <span class="ProfileTweet-action--favorite u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-favorite-count-aria-1059490548799680512" >0 likes</span> </span> </span> </div> <div class="ProfileTweet-actionList js-actions" role="group" aria-label="Tweet actions"> <div class="ProfileTweet-action ProfileTweet-action--reply"> <button class="ProfileTweet-actionButton js-actionButton js-actionReply" data-modal="ProfileTweet-reply" type="button" aria-describedby="profile-tweet-action-reply-count-aria-1059490548799680512"> <div class="IconContainer js-tooltip" title="Reply"> <span class="Icon Icon--medium Icon--reply"></span> <span class="u-hiddenVisually">Reply</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero "> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--retweet js-toggleState js-toggleRt"> <button class="ProfileTweet-actionButton js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button" aria-describedby="profile-tweet-action-retweet-count-aria-1059490548799680512"> <div class="IconContainer js-tooltip" title="Retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweet</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button"> <div class="IconContainer js-tooltip" title="Undo retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweeted</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--favorite js-toggleState"> <button class="ProfileTweet-actionButton js-actionButton js-actionFavorite" type="button" aria-describedby="profile-tweet-action-favorite-count-aria-1059490548799680512"> <div class="IconContainer js-tooltip" title="Like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Like</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo ProfileTweet-action--unfavorite u-linkClean js-actionButton js-actionFavorite" type="button"> <div class="IconContainer js-tooltip" title="Undo like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Liked</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--dm"> <button class="ProfileTweet-actionButton u-textUserColorHover js-actionButton js-actionShareViaDM" type="button" data-nav="share_tweet_dm" > <div class="IconContainer js-tooltip" title="Direct message"> <span class="Icon Icon--medium Icon--dm"></span> <span class="u-hiddenVisually">Direct message</span> </div> </button> </div> </div> </div> </div> </div> </li> <li class="js-stream-item stream-item stream-item " data-item-id="1059232422884065280" id="stream-item-tweet-1059232422884065280" data-item-type="tweet" > <div class="tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable dismissible-content original-tweet js-original-tweet has-cards has-content " data-tweet-id="1059232422884065280" data-item-id="1059232422884065280" data-permalink-path="/mfpiccolo/status/1059232422884065280" data-conversation-id="1059232422884065280" data-tweet-nonce="1059232422884065280-be4cb53b-9f2b-468a-aa15-cdeb79861953" data-tweet-stat-initialized="true" data-screen-name="mfpiccolo" data-name="Mike Piccolo" data-user-id="409349725" data-you-follow="false" data-follows-you="false" data-you-block="false" data-reply-to-users-json="[{&quot;id_str&quot;:&quot;409349725&quot;,&quot;screen_name&quot;:&quot;mfpiccolo&quot;,&quot;name&quot;:&quot;Mike Piccolo&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Mike Piccolo&quot;,&quot;emojified_text_as_html&quot;:&quot;Mike Piccolo&quot;}}]" data-disclosure-type="" data-has-cards="true" data-component-context="tweet" > <div class="context"> </div> <div class="content"> <div class="stream-item-header"> <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="/mfpiccolo" data-user-id="409349725"> <img class="avatar js-action-profile-avatar" src="https://pbs.twimg.com/profile_images/723008863520231425/ljoH6ur2_bigger.jpg" alt=""> <span class="FullNameGroup"> <strong class="fullname show-popup-with-id u-textTruncate " data-aria-label-part>Mike Piccolo</strong><span>&rlm;</span><span class="UserBadges"></span><span class="UserNameBreak">&nbsp;</span></span><span class="username u-dir u-textTruncate" dir="ltr" data-aria-label-part>@<b>mfpiccolo</b></span></a> <small class="time"> <a href="/mfpiccolo/status/1059232422884065280" class="tweet-timestamp js-permalink js-nav js-tooltip" title="12:54 AM - 5 Nov 2018" data-conversation-id="1059232422884065280"><span class="_timestamp js-short-timestamp " data-aria-label-part="last" data-time="1541375663" data-time-ms="1541375663000" data-long-form="true">5 Nov 2018</span></a> </small> <div class="ProfileTweet-action ProfileTweet-action--more js-more-ProfileTweet-actions"> <div class="dropdown"> <button class="ProfileTweet-actionButton u-textUserColorHover dropdown-toggle js-dropdown-toggle" type="button"> <div class="IconContainer js-tooltip" title="More"> <span class="Icon Icon--caretDownLight Icon--small"></span> <span class="u-hiddenVisually">More</span> </div> </button> <div class="dropdown-menu is-autoCentered"> <div class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <ul> <li class="copy-link-to-tweet js-actionCopyLinkToTweet"> <button type="button" class="dropdown-link">Copy link to Tweet</button> </li> <li class="embed-link js-actionEmbedTweet" data-nav="embed_tweet"> <button type="button" class="dropdown-link">Embed Tweet</button> </li> <li class="mute-user-item"><button type="button" class="dropdown-link">Mute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>mfpiccolo</b></span></button></li> <li class="unmute-user-item"><button type="button" class="dropdown-link">Unmute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>mfpiccolo</b></span></button></li> <li class="block-link js-actionBlock" data-nav="block"> <button type="button" class="dropdown-link">Block <span class="username u-dir u-textTruncate" dir="ltr" >@<b>mfpiccolo</b></span></button> </li> <li class="unblock-link js-actionUnblock" data-nav="unblock"> <button type="button" class="dropdown-link">Unblock <span class="username u-dir u-textTruncate" dir="ltr" >@<b>mfpiccolo</b></span></button> </li> <li class="report-link js-actionReport" data-nav="report"> <button type="button" class="dropdown-link"> Report Tweet </button> </li> <li class="dropdown-divider"></li> <li class="js-actionMomentMakerAddTweetToOtherMoment MomentMakerAddTweetToOtherMoment"> <button type="button" class="dropdown-link">Add to other Moment</button> </li> <li class="js-actionMomentMakerCreateMoment"> <button type="button" class="dropdown-link">Add to new Moment</button> </li> </ul> </div> </div> </div> </div> <div class="js-tweet-text-container"> <p class="TweetTextSize js-tweet-text tweet-text" lang="en" data-aria-label-part="0">It is going to be very interesting to see the <strong>future of React</strong> and Redux. Following along here like: <a href="https://t.co/ZbD0BrKHdh" rel="nofollow noopener" dir="ltr" data-expanded-url="https://github.com/reduxjs/react-redux/issues/1063" class="twitter-timeline-link" target="_blank" title="https://github.com/reduxjs/react-redux/issues/1063" ><span class="tco-ellipsis"></span><span class="invisible">https://</span><span class="js-display-url">github.com/reduxjs/react-</span><span class="invisible">redux/issues/1063</span><span class="tco-ellipsis"><span class="invisible">&nbsp;</span>…</span></a><a href="https://t.co/rgKUbOuEEk" class="twitter-timeline-link u-hidden" data-pre-embedded="true" dir="ltr" >pic.twitter.com/rgKUbOuEEk</a></p> </div> <div class="AdaptiveMediaOuterContainer"> <div class="AdaptiveMedia is-video has-autoplayable-media " > <div class="AdaptiveMedia-container"> <div class="AdaptiveMedia-video"> <div class="AdaptiveMedia-videoContainer"> <div class="PlayableMedia PlayableMedia--gif"> <div class="PlayableMedia-container"> <div class="PlayableMedia-player " data-playable-media-url="" data-use-react-player data-use-player-precache data-border-top-left-radius="" data-border-top-right-radius="" data-border-bottom-left-radius="" data-border-bottom-right-radius="" style="padding-bottom: 100.0%; background-image:url('https://pbs.twimg.com/tweet_video_thumb/DrMmLknU4AAb_Gw.jpg')"> </div> </div> </div> </div> </div> </div> </div> </div> <div class="stream-item-footer"> <div class="ProfileTweet-actionCountList u-hiddenVisually"> <span class="ProfileTweet-action--reply u-hiddenVisually"> <span class="ProfileTweet-actionCount" data-tweet-stat-count="3"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-reply-count-aria-1059232422884065280" data-aria-label-part>3 replies</span> </span> </span> <span class="ProfileTweet-action--retweet u-hiddenVisually"> <span class="ProfileTweet-actionCount" data-tweet-stat-count="3"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-retweet-count-aria-1059232422884065280" data-aria-label-part>3 retweets</span> </span> </span> <span class="ProfileTweet-action--favorite u-hiddenVisually"> <span class="ProfileTweet-actionCount" data-tweet-stat-count="5"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-favorite-count-aria-1059232422884065280" data-aria-label-part>5 likes</span> </span> </span> </div> <div class="ProfileTweet-actionList js-actions" role="group" aria-label="Tweet actions"> <div class="ProfileTweet-action ProfileTweet-action--reply"> <button class="ProfileTweet-actionButton js-actionButton js-actionReply" data-modal="ProfileTweet-reply" type="button" aria-describedby="profile-tweet-action-reply-count-aria-1059232422884065280"> <div class="IconContainer js-tooltip" title="Reply"> <span class="Icon Icon--medium Icon--reply"></span> <span class="u-hiddenVisually">Reply</span> </div> <span class="ProfileTweet-actionCount "> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">3</span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--retweet js-toggleState js-toggleRt"> <button class="ProfileTweet-actionButton js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button" aria-describedby="profile-tweet-action-retweet-count-aria-1059232422884065280"> <div class="IconContainer js-tooltip" title="Retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweet</span> </div> <span class="ProfileTweet-actionCount"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">3</span> </span> </button><button class="ProfileTweet-actionButtonUndo js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button"> <div class="IconContainer js-tooltip" title="Undo retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweeted</span> </div> <span class="ProfileTweet-actionCount"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">3</span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--favorite js-toggleState"> <button class="ProfileTweet-actionButton js-actionButton js-actionFavorite" type="button" aria-describedby="profile-tweet-action-favorite-count-aria-1059232422884065280"> <div class="IconContainer js-tooltip" title="Like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Like</span> </div> <span class="ProfileTweet-actionCount"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">5</span> </span> </button><button class="ProfileTweet-actionButtonUndo ProfileTweet-action--unfavorite u-linkClean js-actionButton js-actionFavorite" type="button"> <div class="IconContainer js-tooltip" title="Undo like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Liked</span> </div> <span class="ProfileTweet-actionCount"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">5</span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--dm"> <button class="ProfileTweet-actionButton u-textUserColorHover js-actionButton js-actionShareViaDM" type="button" data-nav="share_tweet_dm" > <div class="IconContainer js-tooltip" title="Direct message"> <span class="Icon Icon--medium Icon--dm"></span> <span class="u-hiddenVisually">Direct message</span> </div> </button> </div> </div> </div> </div> </div> </li> <li class="js-stream-item stream-item stream-item " data-item-id="1058917233773096961" id="stream-item-tweet-1058917233773096961" data-item-type="tweet" > <div class="tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable dismissible-content original-tweet js-original-tweet " data-tweet-id="1058917233773096961" data-item-id="1058917233773096961" data-permalink-path="/reactsydney/status/1058917233773096961" data-conversation-id="1058917233773096961" data-tweet-nonce="1058917233773096961-8f63345f-2a09-4954-812a-89e8972a2e16" data-tweet-stat-initialized="true" data-screen-name="reactsydney" data-name="ReactJS Sydney" data-user-id="3866823198" data-you-follow="false" data-follows-you="false" data-you-block="false" data-reply-to-users-json="[{&quot;id_str&quot;:&quot;3866823198&quot;,&quot;screen_name&quot;:&quot;reactsydney&quot;,&quot;name&quot;:&quot;ReactJS Sydney&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;ReactJS Sydney&quot;,&quot;emojified_text_as_html&quot;:&quot;ReactJS Sydney&quot;}}]" data-disclosure-type="" data-component-context="tweet" > <div class="context"> </div> <div class="content"> <div class="stream-item-header"> <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="/reactsydney" data-user-id="3866823198"> <img class="avatar js-action-profile-avatar" src="https://pbs.twimg.com/profile_images/656277262342352896/-XVhkqUL_bigger.png" alt=""> <span class="FullNameGroup"> <strong class="fullname show-popup-with-id u-textTruncate " data-aria-label-part>ReactJS Sydney</strong><span>&rlm;</span><span class="UserBadges"></span><span class="UserNameBreak">&nbsp;</span></span><span class="username u-dir u-textTruncate" dir="ltr" data-aria-label-part>@<b>reactsydney</b></span></a> <small class="time"> <a href="/reactsydney/status/1058917233773096961" class="tweet-timestamp js-permalink js-nav js-tooltip" title="4:01 AM - 4 Nov 2018" data-conversation-id="1058917233773096961"><span class="_timestamp js-short-timestamp " data-aria-label-part="last" data-time="1541300516" data-time-ms="1541300516000" data-long-form="true">4 Nov 2018</span></a> </small> <div class="ProfileTweet-action ProfileTweet-action--more js-more-ProfileTweet-actions"> <div class="dropdown"> <button class="ProfileTweet-actionButton u-textUserColorHover dropdown-toggle js-dropdown-toggle" type="button"> <div class="IconContainer js-tooltip" title="More"> <span class="Icon Icon--caretDownLight Icon--small"></span> <span class="u-hiddenVisually">More</span> </div> </button> <div class="dropdown-menu is-autoCentered"> <div class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <ul> <li class="copy-link-to-tweet js-actionCopyLinkToTweet"> <button type="button" class="dropdown-link">Copy link to Tweet</button> </li> <li class="embed-link js-actionEmbedTweet" data-nav="embed_tweet"> <button type="button" class="dropdown-link">Embed Tweet</button> </li> <li class="mute-user-item"><button type="button" class="dropdown-link">Mute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>reactsydney</b></span></button></li> <li class="unmute-user-item"><button type="button" class="dropdown-link">Unmute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>reactsydney</b></span></button></li> <li class="block-link js-actionBlock" data-nav="block"> <button type="button" class="dropdown-link">Block <span class="username u-dir u-textTruncate" dir="ltr" >@<b>reactsydney</b></span></button> </li> <li class="unblock-link js-actionUnblock" data-nav="unblock"> <button type="button" class="dropdown-link">Unblock <span class="username u-dir u-textTruncate" dir="ltr" >@<b>reactsydney</b></span></button> </li> <li class="report-link js-actionReport" data-nav="report"> <button type="button" class="dropdown-link"> Report Tweet </button> </li> <li class="dropdown-divider"></li> <li class="js-actionMomentMakerAddTweetToOtherMoment MomentMakerAddTweetToOtherMoment"> <button type="button" class="dropdown-link">Add to other Moment</button> </li> <li class="js-actionMomentMakerCreateMoment"> <button type="button" class="dropdown-link">Add to new Moment</button> </li> </ul> </div> </div> </div> </div> <div class="js-tweet-text-container"> <p class="TweetTextSize js-tweet-text tweet-text" lang="en" data-aria-label-part="0"><img class="Emoji Emoji--forText" src="https://abs.twimg.com/emoji/v2/72x72/1f4e3.png" draggable="false" alt="📣" title="Cheering megaphone" aria-label="Emoji: Cheering megaphone"> Come learn about React Suspense, Hooks, Ave browser performance at our November event &quot;<strong>Future of React</strong>&quot; <a href="https://t.co/5Fq7m4XHh6" rel="nofollow noopener" dir="ltr" data-expanded-url="https://www.meetup.com/React-Sydney/events/255157655/" class="twitter-timeline-link" target="_blank" title="https://www.meetup.com/React-Sydney/events/255157655/" ><span class="tco-ellipsis"></span><span class="invisible">https://www.</span><span class="js-display-url">meetup.com/React-Sydney/e</span><span class="invisible">vents/255157655/</span><span class="tco-ellipsis"><span class="invisible">&nbsp;</span>…</span></a></p> </div> <div class="stream-item-footer"> <div class="ProfileTweet-actionCountList u-hiddenVisually"> <span class="ProfileTweet-action--reply u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-reply-count-aria-1058917233773096961" >0 replies</span> </span> </span> <span class="ProfileTweet-action--retweet u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-retweet-count-aria-1058917233773096961" >0 retweets</span> </span> </span> <span class="ProfileTweet-action--favorite u-hiddenVisually"> <span class="ProfileTweet-actionCount" data-tweet-stat-count="3"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-favorite-count-aria-1058917233773096961" data-aria-label-part>3 likes</span> </span> </span> </div> <div class="ProfileTweet-actionList js-actions" role="group" aria-label="Tweet actions"> <div class="ProfileTweet-action ProfileTweet-action--reply"> <button class="ProfileTweet-actionButton js-actionButton js-actionReply" data-modal="ProfileTweet-reply" type="button" aria-describedby="profile-tweet-action-reply-count-aria-1058917233773096961"> <div class="IconContainer js-tooltip" title="Reply"> <span class="Icon Icon--medium Icon--reply"></span> <span class="u-hiddenVisually">Reply</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero "> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--retweet js-toggleState js-toggleRt"> <button class="ProfileTweet-actionButton js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button" aria-describedby="profile-tweet-action-retweet-count-aria-1058917233773096961"> <div class="IconContainer js-tooltip" title="Retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweet</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button"> <div class="IconContainer js-tooltip" title="Undo retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweeted</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--favorite js-toggleState"> <button class="ProfileTweet-actionButton js-actionButton js-actionFavorite" type="button" aria-describedby="profile-tweet-action-favorite-count-aria-1058917233773096961"> <div class="IconContainer js-tooltip" title="Like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Like</span> </div> <span class="ProfileTweet-actionCount"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">3</span> </span> </button><button class="ProfileTweet-actionButtonUndo ProfileTweet-action--unfavorite u-linkClean js-actionButton js-actionFavorite" type="button"> <div class="IconContainer js-tooltip" title="Undo like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Liked</span> </div> <span class="ProfileTweet-actionCount"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">3</span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--dm"> <button class="ProfileTweet-actionButton u-textUserColorHover js-actionButton js-actionShareViaDM" type="button" data-nav="share_tweet_dm" > <div class="IconContainer js-tooltip" title="Direct message"> <span class="Icon Icon--medium Icon--dm"></span> <span class="u-hiddenVisually">Direct message</span> </div> </button> </div> </div> </div> </div> </div> </li> <li class="js-stream-item stream-item stream-item " data-item-id="1058821522410758144" id="stream-item-tweet-1058821522410758144" data-item-type="tweet" > <div class="tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable dismissible-content original-tweet js-original-tweet " data-tweet-id="1058821522410758144" data-item-id="1058821522410758144" data-permalink-path="/jsjoeio/status/1058821522410758144" data-conversation-id="1058821522410758144" data-tweet-nonce="1058821522410758144-4c1c9d2e-d924-47d0-adc8-0f47917d96ab" data-tweet-stat-initialized="true" data-screen-name="jsjoeio" data-name="JavaScript Joe" data-user-id="1567529924" data-you-follow="false" data-follows-you="true" data-you-block="false" data-mentions="ryanflorence phoenixreactjs" data-reply-to-users-json="[{&quot;id_str&quot;:&quot;1567529924&quot;,&quot;screen_name&quot;:&quot;jsjoeio&quot;,&quot;name&quot;:&quot;JavaScript Joe&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;JavaScript Joe&quot;,&quot;emojified_text_as_html&quot;:&quot;JavaScript Joe&quot;}},{&quot;id_str&quot;:&quot;16468446&quot;,&quot;screen_name&quot;:&quot;ryanflorence&quot;,&quot;name&quot;:&quot;Ryan Florence&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Ryan Florence&quot;,&quot;emojified_text_as_html&quot;:&quot;Ryan Florence&quot;}},{&quot;id_str&quot;:&quot;717956684086272000&quot;,&quot;screen_name&quot;:&quot;phoenixreactjs&quot;,&quot;name&quot;:&quot;Phoenix ReactJS&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Phoenix ReactJS&quot;,&quot;emojified_text_as_html&quot;:&quot;Phoenix ReactJS&quot;}}]" data-disclosure-type="" data-component-context="tweet" > <div class="context"> </div> <div class="content"> <div class="stream-item-header"> <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="/jsjoeio" data-user-id="1567529924"> <img class="avatar js-action-profile-avatar" src="https://pbs.twimg.com/profile_images/1048693326797463552/QBDmFRUJ_bigger.jpg" alt=""> <span class="FullNameGroup"> <strong class="fullname show-popup-with-id u-textTruncate " data-aria-label-part>JavaScript Joe</strong><span>&rlm;</span><span class="UserBadges"></span><span class="UserNameBreak">&nbsp;</span></span><span class="username u-dir u-textTruncate" dir="ltr" data-aria-label-part>@<b>jsjoeio</b></span></a> <small class="time"> <a href="/jsjoeio/status/1058821522410758144" class="tweet-timestamp js-permalink js-nav js-tooltip" title="9:41 PM - 3 Nov 2018" data-conversation-id="1058821522410758144"><span class="_timestamp js-short-timestamp " data-aria-label-part="last" data-time="1541277697" data-time-ms="1541277697000" data-long-form="true">3 Nov 2018</span></a> </small> <div class="ProfileTweet-action ProfileTweet-action--more js-more-ProfileTweet-actions"> <div class="dropdown"> <button class="ProfileTweet-actionButton u-textUserColorHover dropdown-toggle js-dropdown-toggle" type="button"> <div class="IconContainer js-tooltip" title="More"> <span class="Icon Icon--caretDownLight Icon--small"></span> <span class="u-hiddenVisually">More</span> </div> </button> <div class="dropdown-menu is-autoCentered"> <div class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <ul> <li class="copy-link-to-tweet js-actionCopyLinkToTweet"> <button type="button" class="dropdown-link">Copy link to Tweet</button> </li> <li class="embed-link js-actionEmbedTweet" data-nav="embed_tweet"> <button type="button" class="dropdown-link">Embed Tweet</button> </li> <li class="mute-user-item"><button type="button" class="dropdown-link">Mute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>jsjoeio</b></span></button></li> <li class="unmute-user-item"><button type="button" class="dropdown-link">Unmute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>jsjoeio</b></span></button></li> <li class="block-link js-actionBlock" data-nav="block"> <button type="button" class="dropdown-link">Block <span class="username u-dir u-textTruncate" dir="ltr" >@<b>jsjoeio</b></span></button> </li> <li class="unblock-link js-actionUnblock" data-nav="unblock"> <button type="button" class="dropdown-link">Unblock <span class="username u-dir u-textTruncate" dir="ltr" >@<b>jsjoeio</b></span></button> </li> <li class="report-link js-actionReport" data-nav="report"> <button type="button" class="dropdown-link"> Report Tweet </button> </li> <li class="dropdown-divider"></li> <li class="js-actionMomentMakerAddTweetToOtherMoment MomentMakerAddTweetToOtherMoment"> <button type="button" class="dropdown-link">Add to other Moment</button> </li> <li class="js-actionMomentMakerCreateMoment"> <button type="button" class="dropdown-link">Add to new Moment</button> </li> </ul> </div> </div> </div> </div> <div class="js-tweet-text-container"> <p class="TweetTextSize js-tweet-text tweet-text" lang="en" data-aria-label-part="0"><a href="/ryanflorence" class="twitter-atreply pretty-link js-nav" dir="ltr" data-mentioned-user-id="16468446" ><s>@</s><b>ryanflorence</b></a> Hey Ryan! The talk you&#39;re giving at <a href="/phoenixreactjs" class="twitter-atreply pretty-link js-nav" dir="ltr" data-mentioned-user-id="717956684086272000" ><s>@</s><b>phoenixreactjs</b></a> on Monday - &quot;The <strong>Future of React</strong>&quot;- will that be different from your talk &quot;90% Cleaner React from ReactConf?</p> </div> <div class="stream-item-footer"> <div class="ProfileTweet-actionCountList u-hiddenVisually"> <span class="ProfileTweet-action--reply u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-reply-count-aria-1058821522410758144" >0 replies</span> </span> </span> <span class="ProfileTweet-action--retweet u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-retweet-count-aria-1058821522410758144" >0 retweets</span> </span> </span> <span class="ProfileTweet-action--favorite u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-favorite-count-aria-1058821522410758144" >0 likes</span> </span> </span> </div> <div class="ProfileTweet-actionList js-actions" role="group" aria-label="Tweet actions"> <div class="ProfileTweet-action ProfileTweet-action--reply"> <button class="ProfileTweet-actionButton js-actionButton js-actionReply" data-modal="ProfileTweet-reply" type="button" aria-describedby="profile-tweet-action-reply-count-aria-1058821522410758144"> <div class="IconContainer js-tooltip" title="Reply"> <span class="Icon Icon--medium Icon--reply"></span> <span class="u-hiddenVisually">Reply</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero "> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--retweet js-toggleState js-toggleRt"> <button class="ProfileTweet-actionButton js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button" aria-describedby="profile-tweet-action-retweet-count-aria-1058821522410758144"> <div class="IconContainer js-tooltip" title="Retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweet</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button"> <div class="IconContainer js-tooltip" title="Undo retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweeted</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--favorite js-toggleState"> <button class="ProfileTweet-actionButton js-actionButton js-actionFavorite" type="button" aria-describedby="profile-tweet-action-favorite-count-aria-1058821522410758144"> <div class="IconContainer js-tooltip" title="Like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Like</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo ProfileTweet-action--unfavorite u-linkClean js-actionButton js-actionFavorite" type="button"> <div class="IconContainer js-tooltip" title="Undo like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Liked</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--dm"> <button class="ProfileTweet-actionButton u-textUserColorHover js-actionButton js-actionShareViaDM" type="button" data-nav="share_tweet_dm" > <div class="IconContainer js-tooltip" title="Direct message"> <span class="Icon Icon--medium Icon--dm"></span> <span class="u-hiddenVisually">Direct message</span> </div> </button> </div> </div> </div> </div> </div> </li> <li class="js-stream-item stream-item stream-item " data-item-id="1058724338793353217" id="stream-item-tweet-1058724338793353217" data-item-type="tweet" > <div class="tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable dismissible-content original-tweet js-original-tweet has-cards cards-forward " data-tweet-id="1058724338793353217" data-item-id="1058724338793353217" data-permalink-path="/arthurlevoyer/status/1058724338793353217" data-conversation-id="1058724338793353217" data-tweet-nonce="1058724338793353217-a830c6b1-0bc8-4d9b-9080-78776b971731" data-tweet-stat-initialized="true" data-screen-name="arthurlevoyer" data-name="Arthur" data-user-id="244981898" data-you-follow="false" data-follows-you="false" data-you-block="false" data-mentions="dan_abramov" data-reply-to-users-json="[{&quot;id_str&quot;:&quot;244981898&quot;,&quot;screen_name&quot;:&quot;arthurlevoyer&quot;,&quot;name&quot;:&quot;Arthur&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Arthur&quot;,&quot;emojified_text_as_html&quot;:&quot;Arthur&quot;}},{&quot;id_str&quot;:&quot;70345946&quot;,&quot;screen_name&quot;:&quot;dan_abramov&quot;,&quot;name&quot;:&quot;Dan Abramov&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Dan Abramov&quot;,&quot;emojified_text_as_html&quot;:&quot;Dan Abramov&quot;}}]" data-disclosure-type="" data-card2-type="player" data-has-cards="true" data-component-context="tweet" > <div class="context"> </div> <div class="content"> <div class="stream-item-header"> <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="/arthurlevoyer" data-user-id="244981898"> <img class="avatar js-action-profile-avatar" src="https://pbs.twimg.com/profile_images/860058867149021186/UVuLgyF0_bigger.jpg" alt=""> <span class="FullNameGroup"> <strong class="fullname show-popup-with-id u-textTruncate " data-aria-label-part>Arthur</strong><span>&rlm;</span><span class="UserBadges"></span><span class="UserNameBreak">&nbsp;</span></span><span class="username u-dir u-textTruncate" dir="ltr" data-aria-label-part>@<b>arthurlevoyer</b></span></a> <small class="time"> <a href="/arthurlevoyer/status/1058724338793353217" class="tweet-timestamp js-permalink js-nav js-tooltip" title="3:15 PM - 3 Nov 2018" data-conversation-id="1058724338793353217"><span class="_timestamp js-short-timestamp " data-aria-label-part="last" data-time="1541254527" data-time-ms="1541254527000" data-long-form="true">3 Nov 2018</span></a> </small> <div class="ProfileTweet-action ProfileTweet-action--more js-more-ProfileTweet-actions"> <div class="dropdown"> <button class="ProfileTweet-actionButton u-textUserColorHover dropdown-toggle js-dropdown-toggle" type="button"> <div class="IconContainer js-tooltip" title="More"> <span class="Icon Icon--caretDownLight Icon--small"></span> <span class="u-hiddenVisually">More</span> </div> </button> <div class="dropdown-menu is-autoCentered"> <div class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <ul> <li class="copy-link-to-tweet js-actionCopyLinkToTweet"> <button type="button" class="dropdown-link">Copy link to Tweet</button> </li> <li class="embed-link js-actionEmbedTweet" data-nav="embed_tweet"> <button type="button" class="dropdown-link">Embed Tweet</button> </li> <li class="mute-user-item"><button type="button" class="dropdown-link">Mute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>arthurlevoyer</b></span></button></li> <li class="unmute-user-item"><button type="button" class="dropdown-link">Unmute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>arthurlevoyer</b></span></button></li> <li class="block-link js-actionBlock" data-nav="block"> <button type="button" class="dropdown-link">Block <span class="username u-dir u-textTruncate" dir="ltr" >@<b>arthurlevoyer</b></span></button> </li> <li class="unblock-link js-actionUnblock" data-nav="unblock"> <button type="button" class="dropdown-link">Unblock <span class="username u-dir u-textTruncate" dir="ltr" >@<b>arthurlevoyer</b></span></button> </li> <li class="report-link js-actionReport" data-nav="report"> <button type="button" class="dropdown-link"> Report Tweet </button> </li> <li class="dropdown-divider"></li> <li class="js-actionMomentMakerAddTweetToOtherMoment MomentMakerAddTweetToOtherMoment"> <button type="button" class="dropdown-link">Add to other Moment</button> </li> <li class="js-actionMomentMakerCreateMoment"> <button type="button" class="dropdown-link">Add to new Moment</button> </li> </ul> </div> </div> </div> </div> <div class="js-tweet-text-container"> <p class="TweetTextSize js-tweet-text tweet-text" lang="en" data-aria-label-part="0">Might be running late but I just listened <a href="/dan_abramov" class="twitter-atreply pretty-link js-nav" dir="ltr" data-mentioned-user-id="70345946" ><s>@</s><b>dan_abramov</b></a> explains the <strong>future of React</strong> =&gt; <img class="Emoji Emoji--forText" src="https://abs.twimg.com/emoji/v2/72x72/1f92f.png" draggable="false" alt="🤯" title="Exploding head" aria-label="Emoji: Exploding head"><img class="Emoji Emoji--forText" src="https://abs.twimg.com/emoji/v2/72x72/1f92f.png" draggable="false" alt="🤯" title="Exploding head" aria-label="Emoji: Exploding head"> <a href="https://t.co/BWO0nDLCt2" rel="nofollow noopener" dir="ltr" data-expanded-url="https://youtu.be/dpw9EHDh2bM" class="twitter-timeline-link u-hidden" target="_blank" title="https://youtu.be/dpw9EHDh2bM" ><span class="tco-ellipsis"></span><span class="invisible">https://</span><span class="js-display-url">youtu.be/dpw9EHDh2bM</span><span class="invisible"></span><span class="tco-ellipsis"><span class="invisible">&nbsp;</span></span></a></p> </div> <div class="card2 js-media-container " data-card2-name="player" > <div class="js-macaw-cards-iframe-container initial-card-height card-type-player" data-src="/i/cards/tfw/v1/1058724338793353217?cardname=player&amp;autoplay_disabled=true&amp;forward=true&amp;earned=true&amp;edge=true&amp;lang=en" data-card-name="player" data-card-url="https://t.co/BWO0nDLCt2" data-publisher-id="10228272" data-creator-id="" data-amplify-content-id="" data-amplify-playlist-url="" data-full-card-iframe-url="/i/cards/tfw/v1/1058724338793353217?cardname=player&amp;autoplay_disabled=true&amp;earned=true&amp;edge=true&amp;lang=en" data-has-autoplayable-media="false"> </div> </div> <div class="stream-item-footer"> <div class="ProfileTweet-actionCountList u-hiddenVisually"> <span class="ProfileTweet-action--reply u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-reply-count-aria-1058724338793353217" >0 replies</span> </span> </span> <span class="ProfileTweet-action--retweet u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-retweet-count-aria-1058724338793353217" >0 retweets</span> </span> </span> <span class="ProfileTweet-action--favorite u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-favorite-count-aria-1058724338793353217" >0 likes</span> </span> </span> </div> <div class="ProfileTweet-actionList js-actions" role="group" aria-label="Tweet actions"> <div class="ProfileTweet-action ProfileTweet-action--reply"> <button class="ProfileTweet-actionButton js-actionButton js-actionReply" data-modal="ProfileTweet-reply" type="button" aria-describedby="profile-tweet-action-reply-count-aria-1058724338793353217"> <div class="IconContainer js-tooltip" title="Reply"> <span class="Icon Icon--medium Icon--reply"></span> <span class="u-hiddenVisually">Reply</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero "> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--retweet js-toggleState js-toggleRt"> <button class="ProfileTweet-actionButton js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button" aria-describedby="profile-tweet-action-retweet-count-aria-1058724338793353217"> <div class="IconContainer js-tooltip" title="Retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweet</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button"> <div class="IconContainer js-tooltip" title="Undo retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweeted</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--favorite js-toggleState"> <button class="ProfileTweet-actionButton js-actionButton js-actionFavorite" type="button" aria-describedby="profile-tweet-action-favorite-count-aria-1058724338793353217"> <div class="IconContainer js-tooltip" title="Like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Like</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo ProfileTweet-action--unfavorite u-linkClean js-actionButton js-actionFavorite" type="button"> <div class="IconContainer js-tooltip" title="Undo like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Liked</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--dm"> <button class="ProfileTweet-actionButton u-textUserColorHover js-actionButton js-actionShareViaDM" type="button" data-nav="share_tweet_dm" > <div class="IconContainer js-tooltip" title="Direct message"> <span class="Icon Icon--medium Icon--dm"></span> <span class="u-hiddenVisually">Direct message</span> </div> </button> </div> </div> </div> </div> </div> </li> <li class="js-stream-item stream-item stream-item " data-item-id="1058633774525669377" id="stream-item-tweet-1058633774525669377" data-item-type="tweet" > <div class="tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable dismissible-content original-tweet js-original-tweet " data-tweet-id="1058633774525669377" data-item-id="1058633774525669377" data-permalink-path="/thecat/status/1058633774525669377" data-conversation-id="1058633774525669377" data-tweet-nonce="1058633774525669377-e31fb5d9-4631-4d46-99de-a8612b59f659" data-tweet-stat-initialized="true" data-screen-name="thecat" data-name="Jeremy Lu" data-user-id="807633" data-you-follow="false" data-follows-you="false" data-you-block="false" data-reply-to-users-json="[{&quot;id_str&quot;:&quot;807633&quot;,&quot;screen_name&quot;:&quot;thecat&quot;,&quot;name&quot;:&quot;Jeremy Lu&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Jeremy Lu&quot;,&quot;emojified_text_as_html&quot;:&quot;Jeremy Lu&quot;}}]" data-disclosure-type="" data-component-context="tweet" > <div class="context"> </div> <div class="content"> <div class="stream-item-header"> <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="/thecat" data-user-id="807633"> <img class="avatar js-action-profile-avatar" src="https://pbs.twimg.com/profile_images/2757923060/70b16cbe6266b7dc04c2d57e1a432fd0_bigger.png" alt=""> <span class="FullNameGroup"> <strong class="fullname show-popup-with-id u-textTruncate " data-aria-label-part>Jeremy Lu</strong><span>&rlm;</span><span class="UserBadges"></span><span class="UserNameBreak">&nbsp;</span></span><span class="username u-dir u-textTruncate" dir="ltr" data-aria-label-part>@<b>thecat</b></span></a> <small class="time"> <a href="/thecat/status/1058633774525669377" class="tweet-timestamp js-permalink js-nav js-tooltip" title="9:15 AM - 3 Nov 2018" data-conversation-id="1058633774525669377"><span class="_timestamp js-short-timestamp " data-aria-label-part="last" data-time="1541232934" data-time-ms="1541232934000" data-long-form="true">3 Nov 2018</span></a> </small> <div class="ProfileTweet-action ProfileTweet-action--more js-more-ProfileTweet-actions"> <div class="dropdown"> <button class="ProfileTweet-actionButton u-textUserColorHover dropdown-toggle js-dropdown-toggle" type="button"> <div class="IconContainer js-tooltip" title="More"> <span class="Icon Icon--caretDownLight Icon--small"></span> <span class="u-hiddenVisually">More</span> </div> </button> <div class="dropdown-menu is-autoCentered"> <div class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <ul> <li class="copy-link-to-tweet js-actionCopyLinkToTweet"> <button type="button" class="dropdown-link">Copy link to Tweet</button> </li> <li class="embed-link js-actionEmbedTweet" data-nav="embed_tweet"> <button type="button" class="dropdown-link">Embed Tweet</button> </li> <li class="mute-user-item"><button type="button" class="dropdown-link">Mute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>thecat</b></span></button></li> <li class="unmute-user-item"><button type="button" class="dropdown-link">Unmute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>thecat</b></span></button></li> <li class="block-link js-actionBlock" data-nav="block"> <button type="button" class="dropdown-link">Block <span class="username u-dir u-textTruncate" dir="ltr" >@<b>thecat</b></span></button> </li> <li class="unblock-link js-actionUnblock" data-nav="unblock"> <button type="button" class="dropdown-link">Unblock <span class="username u-dir u-textTruncate" dir="ltr" >@<b>thecat</b></span></button> </li> <li class="report-link js-actionReport" data-nav="report"> <button type="button" class="dropdown-link"> Report Tweet </button> </li> <li class="dropdown-divider"></li> <li class="js-actionMomentMakerAddTweetToOtherMoment MomentMakerAddTweetToOtherMoment"> <button type="button" class="dropdown-link">Add to other Moment</button> </li> <li class="js-actionMomentMakerCreateMoment"> <button type="button" class="dropdown-link">Add to new Moment</button> </li> </ul> </div> </div> </div> </div> <div class="js-tweet-text-container"> <p class="TweetTextSize js-tweet-text tweet-text" lang="en" data-aria-label-part="0">“Hooks represents our vision for the <strong>future of React</strong>&quot; // writing&#39;s on the wall</p> </div> <div class="stream-item-footer"> <div class="ProfileTweet-actionCountList u-hiddenVisually"> <span class="ProfileTweet-action--reply u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-reply-count-aria-1058633774525669377" >0 replies</span> </span> </span> <span class="ProfileTweet-action--retweet u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-retweet-count-aria-1058633774525669377" >0 retweets</span> </span> </span> <span class="ProfileTweet-action--favorite u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-favorite-count-aria-1058633774525669377" >0 likes</span> </span> </span> </div> <div class="ProfileTweet-actionList js-actions" role="group" aria-label="Tweet actions"> <div class="ProfileTweet-action ProfileTweet-action--reply"> <button class="ProfileTweet-actionButton js-actionButton js-actionReply" data-modal="ProfileTweet-reply" type="button" aria-describedby="profile-tweet-action-reply-count-aria-1058633774525669377"> <div class="IconContainer js-tooltip" title="Reply"> <span class="Icon Icon--medium Icon--reply"></span> <span class="u-hiddenVisually">Reply</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero "> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--retweet js-toggleState js-toggleRt"> <button class="ProfileTweet-actionButton js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button" aria-describedby="profile-tweet-action-retweet-count-aria-1058633774525669377"> <div class="IconContainer js-tooltip" title="Retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweet</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button"> <div class="IconContainer js-tooltip" title="Undo retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweeted</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--favorite js-toggleState"> <button class="ProfileTweet-actionButton js-actionButton js-actionFavorite" type="button" aria-describedby="profile-tweet-action-favorite-count-aria-1058633774525669377"> <div class="IconContainer js-tooltip" title="Like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Like</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo ProfileTweet-action--unfavorite u-linkClean js-actionButton js-actionFavorite" type="button"> <div class="IconContainer js-tooltip" title="Undo like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Liked</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--dm"> <button class="ProfileTweet-actionButton u-textUserColorHover js-actionButton js-actionShareViaDM" type="button" data-nav="share_tweet_dm" > <div class="IconContainer js-tooltip" title="Direct message"> <span class="Icon Icon--medium Icon--dm"></span> <span class="u-hiddenVisually">Direct message</span> </div> </button> </div> </div> </div> </div> </div> </li> <li class="js-stream-item stream-item stream-item " data-item-id="1058424831866220546" id="stream-item-tweet-1058424831866220546" data-item-type="tweet" > <div class="tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable dismissible-content original-tweet js-original-tweet " data-tweet-id="1058424831866220546" data-item-id="1058424831866220546" data-permalink-path="/Nosidotgif/status/1058424831866220546" data-conversation-id="1058424831866220546" data-tweet-nonce="1058424831866220546-1956b12c-7019-4727-881d-ec58a78bc422" data-tweet-stat-initialized="true" data-screen-name="Nosidotgif" data-name="🌲 Diego Nosi 🌲" data-user-id="540482303" data-you-follow="false" data-follows-you="false" data-you-block="false" data-reply-to-users-json="[{&quot;id_str&quot;:&quot;540482303&quot;,&quot;screen_name&quot;:&quot;Nosidotgif&quot;,&quot;name&quot;:&quot;\ud83c\udf32 Diego Nosi \ud83c\udf32&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;\ud83c\udf32 Diego Nosi \ud83c\udf32&quot;,&quot;emojified_text_as_html&quot;:&quot;\u003cspan class=\&quot;Emoji Emoji--forLinks\&quot; style=\&quot;background-image:url(&#39;https:\/\/abs.twimg.com\/emoji\/v2\/72x72\/1f332.png&#39;)\&quot; title=\&quot;Evergreen tree\&quot; aria-label=\&quot;Emoji: Evergreen tree\&quot;\u003e&amp;nbsp;\u003c\/span\u003e\u003cspan class=\&quot;visuallyhidden\&quot; aria-hidden=\&quot;true\&quot;\u003e\ud83c\udf32\u003c\/span\u003e Diego Nosi \u003cspan class=\&quot;Emoji Emoji--forLinks\&quot; style=\&quot;background-image:url(&#39;https:\/\/abs.twimg.com\/emoji\/v2\/72x72\/1f332.png&#39;)\&quot; title=\&quot;Evergreen tree\&quot; aria-label=\&quot;Emoji: Evergreen tree\&quot;\u003e&amp;nbsp;\u003c\/span\u003e\u003cspan class=\&quot;visuallyhidden\&quot; aria-hidden=\&quot;true\&quot;\u003e\ud83c\udf32\u003c\/span\u003e&quot;}}]" data-disclosure-type="" data-component-context="tweet" > <div class="context"> </div> <div class="content"> <div class="stream-item-header"> <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="/Nosidotgif" data-user-id="540482303"> <img class="avatar js-action-profile-avatar" src="https://pbs.twimg.com/profile_images/1063152670490402821/OIzuu5Wb_bigger.jpg" alt=""> <span class="FullNameGroup"> <strong class="fullname show-popup-with-id u-textTruncate " data-aria-label-part><span class="Emoji Emoji--forLinks" style="background-image:url('https://abs.twimg.com/emoji/v2/72x72/1f332.png')" title="Evergreen tree" aria-label="Emoji: Evergreen tree">&nbsp;</span><span class="visuallyhidden" aria-hidden="true">🌲</span> Diego Nosi <span class="Emoji Emoji--forLinks" style="background-image:url('https://abs.twimg.com/emoji/v2/72x72/1f332.png')" title="Evergreen tree" aria-label="Emoji: Evergreen tree">&nbsp;</span><span class="visuallyhidden" aria-hidden="true">🌲</span></strong><span>&rlm;</span><span class="UserBadges"></span><span class="UserNameBreak">&nbsp;</span></span><span class="username u-dir u-textTruncate" dir="ltr" data-aria-label-part>@<b>Nosidotgif</b></span></a> <small class="time"> <a href="/Nosidotgif/status/1058424831866220546" class="tweet-timestamp js-permalink js-nav js-tooltip" title="7:25 PM - 2 Nov 2018" data-conversation-id="1058424831866220546"><span class="_timestamp js-short-timestamp " data-aria-label-part="last" data-time="1541183119" data-time-ms="1541183119000" data-long-form="true">2 Nov 2018</span></a> </small> <div class="ProfileTweet-action ProfileTweet-action--more js-more-ProfileTweet-actions"> <div class="dropdown"> <button class="ProfileTweet-actionButton u-textUserColorHover dropdown-toggle js-dropdown-toggle" type="button"> <div class="IconContainer js-tooltip" title="More"> <span class="Icon Icon--caretDownLight Icon--small"></span> <span class="u-hiddenVisually">More</span> </div> </button> <div class="dropdown-menu is-autoCentered"> <div class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <ul> <li class="copy-link-to-tweet js-actionCopyLinkToTweet"> <button type="button" class="dropdown-link">Copy link to Tweet</button> </li> <li class="embed-link js-actionEmbedTweet" data-nav="embed_tweet"> <button type="button" class="dropdown-link">Embed Tweet</button> </li> <li class="mute-user-item"><button type="button" class="dropdown-link">Mute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>Nosidotgif</b></span></button></li> <li class="unmute-user-item"><button type="button" class="dropdown-link">Unmute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>Nosidotgif</b></span></button></li> <li class="block-link js-actionBlock" data-nav="block"> <button type="button" class="dropdown-link">Block <span class="username u-dir u-textTruncate" dir="ltr" >@<b>Nosidotgif</b></span></button> </li> <li class="unblock-link js-actionUnblock" data-nav="unblock"> <button type="button" class="dropdown-link">Unblock <span class="username u-dir u-textTruncate" dir="ltr" >@<b>Nosidotgif</b></span></button> </li> <li class="report-link js-actionReport" data-nav="report"> <button type="button" class="dropdown-link"> Report Tweet </button> </li> <li class="dropdown-divider"></li> <li class="js-actionMomentMakerAddTweetToOtherMoment MomentMakerAddTweetToOtherMoment"> <button type="button" class="dropdown-link">Add to other Moment</button> </li> <li class="js-actionMomentMakerCreateMoment"> <button type="button" class="dropdown-link">Add to new Moment</button> </li> </ul> </div> </div> </div> </div> <div class="js-tweet-text-container"> <p class="TweetTextSize js-tweet-text tweet-text" lang="en" data-aria-label-part="0">Been reading about react hooks and... ok, they are pretty cool. As a dev how uses almost every available react api, this is an early Christmas. But the &quot;<strong>future of react</strong>&quot; part kind of frightens me. Not sure if a hook oriented react instead of class oriented is something im up for.</p> </div> <div class="stream-item-footer"> <div class="ProfileTweet-actionCountList u-hiddenVisually"> <span class="ProfileTweet-action--reply u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-reply-count-aria-1058424831866220546" >0 replies</span> </span> </span> <span class="ProfileTweet-action--retweet u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-retweet-count-aria-1058424831866220546" >0 retweets</span> </span> </span> <span class="ProfileTweet-action--favorite u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-favorite-count-aria-1058424831866220546" >0 likes</span> </span> </span> </div> <div class="ProfileTweet-actionList js-actions" role="group" aria-label="Tweet actions"> <div class="ProfileTweet-action ProfileTweet-action--reply"> <button class="ProfileTweet-actionButton js-actionButton js-actionReply" data-modal="ProfileTweet-reply" type="button" aria-describedby="profile-tweet-action-reply-count-aria-1058424831866220546"> <div class="IconContainer js-tooltip" title="Reply"> <span class="Icon Icon--medium Icon--reply"></span> <span class="u-hiddenVisually">Reply</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero "> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--retweet js-toggleState js-toggleRt"> <button class="ProfileTweet-actionButton js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button" aria-describedby="profile-tweet-action-retweet-count-aria-1058424831866220546"> <div class="IconContainer js-tooltip" title="Retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweet</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button"> <div class="IconContainer js-tooltip" title="Undo retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweeted</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--favorite js-toggleState"> <button class="ProfileTweet-actionButton js-actionButton js-actionFavorite" type="button" aria-describedby="profile-tweet-action-favorite-count-aria-1058424831866220546"> <div class="IconContainer js-tooltip" title="Like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Like</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo ProfileTweet-action--unfavorite u-linkClean js-actionButton js-actionFavorite" type="button"> <div class="IconContainer js-tooltip" title="Undo like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Liked</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--dm"> <button class="ProfileTweet-actionButton u-textUserColorHover js-actionButton js-actionShareViaDM" type="button" data-nav="share_tweet_dm" > <div class="IconContainer js-tooltip" title="Direct message"> <span class="Icon Icon--medium Icon--dm"></span> <span class="u-hiddenVisually">Direct message</span> </div> </button> </div> </div> </div> </div> </div> </li> <li class="js-stream-item stream-item stream-item " data-item-id="1058382501796823041" id="stream-item-tweet-1058382501796823041" data-item-type="tweet" > <div class="tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable dismissible-content original-tweet js-original-tweet " data-tweet-id="1058382501796823041" data-item-id="1058382501796823041" data-permalink-path="/andrioid/status/1058382501796823041" data-conversation-id="1058270840448606208" data-is-reply-to="true" data-has-parent-tweet="true" data-tweet-nonce="1058382501796823041-adac83c3-ea85-4554-af6e-539bd283d590" data-tweet-stat-initialized="true" data-screen-name="andrioid" data-name="Andri Ó 🏠🇩🇰" data-user-id="14566494" data-you-follow="false" data-follows-you="true" data-you-block="false" data-mentions="vilhelmnielsen dan_abramov" data-reply-to-users-json="[{&quot;id_str&quot;:&quot;14566494&quot;,&quot;screen_name&quot;:&quot;andrioid&quot;,&quot;name&quot;:&quot;Andri \u00d3 \ud83c\udfe0\ud83c\udde9\ud83c\uddf0&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Andri \u00d3 \ud83c\udfe0\ud83c\udde9\ud83c\uddf0&quot;,&quot;emojified_text_as_html&quot;:&quot;Andri \u00d3 \u003cspan class=\&quot;Emoji Emoji--forLinks\&quot; style=\&quot;background-image:url(&#39;https:\/\/abs.twimg.com\/emoji\/v2\/72x72\/1f3e0.png&#39;)\&quot; title=\&quot;House building\&quot; aria-label=\&quot;Emoji: House building\&quot;\u003e&amp;nbsp;\u003c\/span\u003e\u003cspan class=\&quot;visuallyhidden\&quot; aria-hidden=\&quot;true\&quot;\u003e\ud83c\udfe0\u003c\/span\u003e\u003cspan class=\&quot;Emoji Emoji--forLinks\&quot; style=\&quot;background-image:url(&#39;https:\/\/abs.twimg.com\/emoji\/v2\/72x72\/1f1e9-1f1f0.png&#39;)\&quot; title=\&quot;Flag of Denmark\&quot; aria-label=\&quot;Emoji: Flag of Denmark\&quot;\u003e&amp;nbsp;\u003c\/span\u003e\u003cspan class=\&quot;visuallyhidden\&quot; aria-hidden=\&quot;true\&quot;\u003e\ud83c\udde9\ud83c\uddf0\u003c\/span\u003e&quot;}},{&quot;id_str&quot;:&quot;40741561&quot;,&quot;screen_name&quot;:&quot;vilhelmnielsen&quot;,&quot;name&quot;:&quot;Sebastian Nielsen&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Sebastian Nielsen&quot;,&quot;emojified_text_as_html&quot;:&quot;Sebastian Nielsen&quot;}},{&quot;id_str&quot;:&quot;70345946&quot;,&quot;screen_name&quot;:&quot;dan_abramov&quot;,&quot;name&quot;:&quot;Dan Abramov&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Dan Abramov&quot;,&quot;emojified_text_as_html&quot;:&quot;Dan Abramov&quot;}}]" data-disclosure-type="" data-component-context="tweet" > <div class="context"> </div> <div class="content"> <div class="stream-item-header"> <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="/andrioid" data-user-id="14566494"> <img class="avatar js-action-profile-avatar" src="https://pbs.twimg.com/profile_images/899268970028683264/XBCqTlNK_bigger.jpg" alt=""> <span class="FullNameGroup"> <strong class="fullname show-popup-with-id u-textTruncate " data-aria-label-part>Andri Ó <span class="Emoji Emoji--forLinks" style="background-image:url('https://abs.twimg.com/emoji/v2/72x72/1f3e0.png')" title="House building" aria-label="Emoji: House building">&nbsp;</span><span class="visuallyhidden" aria-hidden="true">🏠</span><span class="Emoji Emoji--forLinks" style="background-image:url('https://abs.twimg.com/emoji/v2/72x72/1f1e9-1f1f0.png')" title="Flag of Denmark" aria-label="Emoji: Flag of Denmark">&nbsp;</span><span class="visuallyhidden" aria-hidden="true">🇩🇰</span></strong><span>&rlm;</span><span class="UserBadges"></span><span class="UserNameBreak">&nbsp;</span></span><span class="username u-dir u-textTruncate" dir="ltr" data-aria-label-part>@<b>andrioid</b></span></a> <small class="time"> <a href="/andrioid/status/1058382501796823041" class="tweet-timestamp js-permalink js-nav js-tooltip" title="4:37 PM - 2 Nov 2018" data-conversation-id="1058270840448606208"><span class="_timestamp js-short-timestamp " data-aria-label-part="last" data-time="1541173026" data-time-ms="1541173026000" data-long-form="true">2 Nov 2018</span></a> </small> <div class="ProfileTweet-action ProfileTweet-action--more js-more-ProfileTweet-actions"> <div class="dropdown"> <button class="ProfileTweet-actionButton u-textUserColorHover dropdown-toggle js-dropdown-toggle" type="button"> <div class="IconContainer js-tooltip" title="More"> <span class="Icon Icon--caretDownLight Icon--small"></span> <span class="u-hiddenVisually">More</span> </div> </button> <div class="dropdown-menu is-autoCentered"> <div class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <ul> <li class="copy-link-to-tweet js-actionCopyLinkToTweet"> <button type="button" class="dropdown-link">Copy link to Tweet</button> </li> <li class="embed-link js-actionEmbedTweet" data-nav="embed_tweet"> <button type="button" class="dropdown-link">Embed Tweet</button> </li> <li class="mute-user-item"><button type="button" class="dropdown-link">Mute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>andrioid</b></span></button></li> <li class="unmute-user-item"><button type="button" class="dropdown-link">Unmute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>andrioid</b></span></button></li> <li class="block-link js-actionBlock" data-nav="block"> <button type="button" class="dropdown-link">Block <span class="username u-dir u-textTruncate" dir="ltr" >@<b>andrioid</b></span></button> </li> <li class="unblock-link js-actionUnblock" data-nav="unblock"> <button type="button" class="dropdown-link">Unblock <span class="username u-dir u-textTruncate" dir="ltr" >@<b>andrioid</b></span></button> </li> <li class="report-link js-actionReport" data-nav="report"> <button type="button" class="dropdown-link"> Report Tweet </button> </li> <li class="dropdown-divider"></li> <li class="js-actionMomentMakerAddTweetToOtherMoment MomentMakerAddTweetToOtherMoment"> <button type="button" class="dropdown-link">Add to other Moment</button> </li> <li class="js-actionMomentMakerCreateMoment"> <button type="button" class="dropdown-link">Add to new Moment</button> </li> </ul> </div> </div> </div> </div> <div class="ReplyingToContextBelowAuthor" data-aria-label-part> Replying to <a class="pretty-link js-user-profile-link" href="/vilhelmnielsen" data-user-id="40741561" rel="noopener" dir="ltr"><span class="username u-dir u-textTruncate" dir="ltr" >@<b>vilhelmnielsen</b></span></a> <a class="pretty-link js-user-profile-link" href="/dan_abramov" data-user-id="70345946" rel="noopener" dir="ltr"><span class="username u-dir u-textTruncate" dir="ltr" >@<b>dan_abramov</b></span></a> </div> <div class="js-tweet-text-container"> <p class="TweetTextSize js-tweet-text tweet-text" lang="en" data-aria-label-part="0">Agreed. I don’t wanna spend time learning to use half of the solution when it’s not complete yet. But I’m looking forward to the <strong>future of React</strong></p> </div> <div class="stream-item-footer"> <div class="ProfileTweet-actionCountList u-hiddenVisually"> <span class="ProfileTweet-action--reply u-hiddenVisually"> <span class="ProfileTweet-actionCount" data-tweet-stat-count="1"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-reply-count-aria-1058382501796823041" data-aria-label-part>1 reply</span> </span> </span> <span class="ProfileTweet-action--retweet u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-retweet-count-aria-1058382501796823041" >0 retweets</span> </span> </span> <span class="ProfileTweet-action--favorite u-hiddenVisually"> <span class="ProfileTweet-actionCount" data-tweet-stat-count="1"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-favorite-count-aria-1058382501796823041" data-aria-label-part>1 like</span> </span> </span> </div> <div class="ProfileTweet-actionList js-actions" role="group" aria-label="Tweet actions"> <div class="ProfileTweet-action ProfileTweet-action--reply"> <button class="ProfileTweet-actionButton js-actionButton js-actionReply" data-modal="ProfileTweet-reply" type="button" aria-describedby="profile-tweet-action-reply-count-aria-1058382501796823041"> <div class="IconContainer js-tooltip" title="Reply"> <span class="Icon Icon--medium Icon--reply"></span> <span class="u-hiddenVisually">Reply</span> </div> <span class="ProfileTweet-actionCount "> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">1</span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--retweet js-toggleState js-toggleRt"> <button class="ProfileTweet-actionButton js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button" aria-describedby="profile-tweet-action-retweet-count-aria-1058382501796823041"> <div class="IconContainer js-tooltip" title="Retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweet</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button"> <div class="IconContainer js-tooltip" title="Undo retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweeted</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--favorite js-toggleState"> <button class="ProfileTweet-actionButton js-actionButton js-actionFavorite" type="button" aria-describedby="profile-tweet-action-favorite-count-aria-1058382501796823041"> <div class="IconContainer js-tooltip" title="Like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Like</span> </div> <span class="ProfileTweet-actionCount"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">1</span> </span> </button><button class="ProfileTweet-actionButtonUndo ProfileTweet-action--unfavorite u-linkClean js-actionButton js-actionFavorite" type="button"> <div class="IconContainer js-tooltip" title="Undo like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Liked</span> </div> <span class="ProfileTweet-actionCount"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">1</span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--dm"> <button class="ProfileTweet-actionButton u-textUserColorHover js-actionButton js-actionShareViaDM" type="button" data-nav="share_tweet_dm" > <div class="IconContainer js-tooltip" title="Direct message"> <span class="Icon Icon--medium Icon--dm"></span> <span class="u-hiddenVisually">Direct message</span> </div> </button> </div> </div> </div> </div> </div> </li> <li class="js-stream-item stream-item stream-item " data-item-id="1058380394901504001" id="stream-item-tweet-1058380394901504001" data-item-type="tweet" > <div class="tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable dismissible-content original-tweet js-original-tweet has-cards cards-forward " data-tweet-id="1058380394901504001" data-item-id="1058380394901504001" data-permalink-path="/krvajalmiguel/status/1058380394901504001" data-conversation-id="1058380394901504001" data-tweet-nonce="1058380394901504001-89934c37-e163-4bb6-89bc-e359d9d3936b" data-tweet-stat-initialized="true" data-screen-name="krvajalmiguel" data-name="Miguel Carvajal 🇨🇺" data-user-id="1902636858" data-you-follow="false" data-follows-you="false" data-you-block="false" data-mentions="reactjs" data-reply-to-users-json="[{&quot;id_str&quot;:&quot;1902636858&quot;,&quot;screen_name&quot;:&quot;krvajalmiguel&quot;,&quot;name&quot;:&quot;Miguel Carvajal \ud83c\udde8\ud83c\uddfa&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Miguel Carvajal \ud83c\udde8\ud83c\uddfa&quot;,&quot;emojified_text_as_html&quot;:&quot;Miguel Carvajal \u003cspan class=\&quot;Emoji Emoji--forLinks\&quot; style=\&quot;background-image:url(&#39;https:\/\/abs.twimg.com\/emoji\/v2\/72x72\/1f1e8-1f1fa.png&#39;)\&quot; title=\&quot;Flag of Cuba\&quot; aria-label=\&quot;Emoji: Flag of Cuba\&quot;\u003e&amp;nbsp;\u003c\/span\u003e\u003cspan class=\&quot;visuallyhidden\&quot; aria-hidden=\&quot;true\&quot;\u003e\ud83c\udde8\ud83c\uddfa\u003c\/span\u003e&quot;}},{&quot;id_str&quot;:&quot;1566463268&quot;,&quot;screen_name&quot;:&quot;reactjs&quot;,&quot;name&quot;:&quot;React&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;React&quot;,&quot;emojified_text_as_html&quot;:&quot;React&quot;}}]" data-disclosure-type="" data-card2-type="summary" data-has-cards="true" data-component-context="tweet" > <div class="context"> </div> <div class="content"> <div class="stream-item-header"> <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="/krvajalmiguel" data-user-id="1902636858"> <img class="avatar js-action-profile-avatar" src="https://pbs.twimg.com/profile_images/1045363734649204737/sGl6zlUP_bigger.jpg" alt=""> <span class="FullNameGroup"> <strong class="fullname show-popup-with-id u-textTruncate " data-aria-label-part>Miguel Carvajal <span class="Emoji Emoji--forLinks" style="background-image:url('https://abs.twimg.com/emoji/v2/72x72/1f1e8-1f1fa.png')" title="Flag of Cuba" aria-label="Emoji: Flag of Cuba">&nbsp;</span><span class="visuallyhidden" aria-hidden="true">🇨🇺</span></strong><span>&rlm;</span><span class="UserBadges"></span><span class="UserNameBreak">&nbsp;</span></span><span class="username u-dir u-textTruncate" dir="ltr" data-aria-label-part>@<b>krvajalmiguel</b></span></a> <small class="time"> <a href="/krvajalmiguel/status/1058380394901504001" class="tweet-timestamp js-permalink js-nav js-tooltip" title="4:28 PM - 2 Nov 2018" data-conversation-id="1058380394901504001"><span class="_timestamp js-short-timestamp " data-aria-label-part="last" data-time="1541172524" data-time-ms="1541172524000" data-long-form="true">2 Nov 2018</span></a> </small> <div class="ProfileTweet-action ProfileTweet-action--more js-more-ProfileTweet-actions"> <div class="dropdown"> <button class="ProfileTweet-actionButton u-textUserColorHover dropdown-toggle js-dropdown-toggle" type="button"> <div class="IconContainer js-tooltip" title="More"> <span class="Icon Icon--caretDownLight Icon--small"></span> <span class="u-hiddenVisually">More</span> </div> </button> <div class="dropdown-menu is-autoCentered"> <div class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <ul> <li class="copy-link-to-tweet js-actionCopyLinkToTweet"> <button type="button" class="dropdown-link">Copy link to Tweet</button> </li> <li class="embed-link js-actionEmbedTweet" data-nav="embed_tweet"> <button type="button" class="dropdown-link">Embed Tweet</button> </li> <li class="mute-user-item"><button type="button" class="dropdown-link">Mute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>krvajalmiguel</b></span></button></li> <li class="unmute-user-item"><button type="button" class="dropdown-link">Unmute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>krvajalmiguel</b></span></button></li> <li class="block-link js-actionBlock" data-nav="block"> <button type="button" class="dropdown-link">Block <span class="username u-dir u-textTruncate" dir="ltr" >@<b>krvajalmiguel</b></span></button> </li> <li class="unblock-link js-actionUnblock" data-nav="unblock"> <button type="button" class="dropdown-link">Unblock <span class="username u-dir u-textTruncate" dir="ltr" >@<b>krvajalmiguel</b></span></button> </li> <li class="report-link js-actionReport" data-nav="report"> <button type="button" class="dropdown-link"> Report Tweet </button> </li> <li class="dropdown-divider"></li> <li class="js-actionMomentMakerAddTweetToOtherMoment MomentMakerAddTweetToOtherMoment"> <button type="button" class="dropdown-link">Add to other Moment</button> </li> <li class="js-actionMomentMakerCreateMoment"> <button type="button" class="dropdown-link">Add to new Moment</button> </li> </ul> </div> </div> </div> </div> <div class="js-tweet-text-container"> <p class="TweetTextSize js-tweet-text tweet-text" lang="en" data-aria-label-part="0">Listen to the ⁦<a href="/reactjs" class="twitter-atreply pretty-link js-nav" dir="ltr" data-mentioned-user-id="1566463268" ><s>@</s><b>reactjs</b></a>⁩ team talking about the future of <a href="/hashtag/React?src=hash" data-query-source="hashtag_click" class="twitter-hashtag pretty-link js-nav" dir="ltr" ><s>#</s><b>React</b></a><a href="https://t.co/HKaXdzI4Go" rel="nofollow noopener" dir="ltr" data-expanded-url="https://pca.st/episode/4af67619-1f4d-4b24-87e4-a82c34e322f5" class="twitter-timeline-link u-hidden" target="_blank" title="https://pca.st/episode/4af67619-1f4d-4b24-87e4-a82c34e322f5" ><span class="tco-ellipsis"></span><span class="invisible">https://</span><span class="js-display-url">pca.st/episode/4af676</span><span class="invisible">19-1f4d-4b24-87e4-a82c34e322f5</span><span class="tco-ellipsis"><span class="invisible">&nbsp;</span>…</span></a></p> </div> <div class="card2 js-media-container " data-card2-name="summary" > <div class="js-macaw-cards-iframe-container initial-card-height card-type-summary" data-src="/i/cards/tfw/v1/1058380394901504001?cardname=summary&amp;autoplay_disabled=true&amp;forward=true&amp;earned=true&amp;edge=true&amp;lang=en" data-card-name="summary" data-card-url="https://t.co/HKaXdzI4Go" data-publisher-id="243848770" data-creator-id="" data-amplify-content-id="" data-amplify-playlist-url="" data-full-card-iframe-url="/i/cards/tfw/v1/1058380394901504001?cardname=summary&amp;autoplay_disabled=true&amp;earned=true&amp;edge=true&amp;lang=en" data-has-autoplayable-media="false"> </div> </div> <div class="stream-item-footer"> <div class="ProfileTweet-actionCountList u-hiddenVisually"> <span class="ProfileTweet-action--reply u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-reply-count-aria-1058380394901504001" >0 replies</span> </span> </span> <span class="ProfileTweet-action--retweet u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-retweet-count-aria-1058380394901504001" >0 retweets</span> </span> </span> <span class="ProfileTweet-action--favorite u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-favorite-count-aria-1058380394901504001" >0 likes</span> </span> </span> </div> <div class="ProfileTweet-actionList js-actions" role="group" aria-label="Tweet actions"> <div class="ProfileTweet-action ProfileTweet-action--reply"> <button class="ProfileTweet-actionButton js-actionButton js-actionReply" data-modal="ProfileTweet-reply" type="button" aria-describedby="profile-tweet-action-reply-count-aria-1058380394901504001"> <div class="IconContainer js-tooltip" title="Reply"> <span class="Icon Icon--medium Icon--reply"></span> <span class="u-hiddenVisually">Reply</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero "> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--retweet js-toggleState js-toggleRt"> <button class="ProfileTweet-actionButton js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button" aria-describedby="profile-tweet-action-retweet-count-aria-1058380394901504001"> <div class="IconContainer js-tooltip" title="Retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweet</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button"> <div class="IconContainer js-tooltip" title="Undo retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweeted</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--favorite js-toggleState"> <button class="ProfileTweet-actionButton js-actionButton js-actionFavorite" type="button" aria-describedby="profile-tweet-action-favorite-count-aria-1058380394901504001"> <div class="IconContainer js-tooltip" title="Like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Like</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo ProfileTweet-action--unfavorite u-linkClean js-actionButton js-actionFavorite" type="button"> <div class="IconContainer js-tooltip" title="Undo like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Liked</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--dm"> <button class="ProfileTweet-actionButton u-textUserColorHover js-actionButton js-actionShareViaDM" type="button" data-nav="share_tweet_dm" > <div class="IconContainer js-tooltip" title="Direct message"> <span class="Icon Icon--medium Icon--dm"></span> <span class="u-hiddenVisually">Direct message</span> </div> </button> </div> </div> </div> </div> </div> </li> <li class="js-stream-item stream-item stream-item " data-item-id="1058359433284276224" id="stream-item-tweet-1058359433284276224" data-item-type="tweet" > <div class="tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable dismissible-content original-tweet js-original-tweet has-cards cards-forward " data-tweet-id="1058359433284276224" data-item-id="1058359433284276224" data-permalink-path="/techfinman/status/1058359433284276224" data-conversation-id="1058359433284276224" data-tweet-nonce="1058359433284276224-dc8da943-fbc9-4153-a048-56cf98d314de" data-tweet-stat-initialized="true" data-screen-name="techfinman" data-name="テクニクシャンマン" data-user-id="789502008281604096" data-you-follow="false" data-follows-you="false" data-you-block="false" data-reply-to-users-json="[{&quot;id_str&quot;:&quot;789502008281604096&quot;,&quot;screen_name&quot;:&quot;techfinman&quot;,&quot;name&quot;:&quot;\u30c6\u30af\u30cb\u30af\u30b7\u30e3\u30f3\u30de\u30f3&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;\u30c6\u30af\u30cb\u30af\u30b7\u30e3\u30f3\u30de\u30f3&quot;,&quot;emojified_text_as_html&quot;:&quot;\u30c6\u30af\u30cb\u30af\u30b7\u30e3\u30f3\u30de\u30f3&quot;}}]" data-disclosure-type="" data-card2-type="summary" data-has-cards="true" data-component-context="tweet" > <div class="context"> </div> <div class="content"> <div class="stream-item-header"> <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="/techfinman" data-user-id="789502008281604096"> <img class="avatar js-action-profile-avatar" src="https://pbs.twimg.com/profile_images/789503033566605313/HjcH_f1o_bigger.jpg" alt=""> <span class="FullNameGroup"> <strong class="fullname show-popup-with-id u-textTruncate " data-aria-label-part>テクニクシャンマン</strong><span>&rlm;</span><span class="UserBadges"></span><span class="UserNameBreak">&nbsp;</span></span><span class="username u-dir u-textTruncate" dir="ltr" data-aria-label-part>@<b>techfinman</b></span></a> <small class="time"> <a href="/techfinman/status/1058359433284276224" class="tweet-timestamp js-permalink js-nav js-tooltip" title="3:05 PM - 2 Nov 2018" data-conversation-id="1058359433284276224"><span class="_timestamp js-short-timestamp " data-aria-label-part="last" data-time="1541167526" data-time-ms="1541167526000" data-long-form="true">2 Nov 2018</span></a> </small> <div class="ProfileTweet-action ProfileTweet-action--more js-more-ProfileTweet-actions"> <div class="dropdown"> <button class="ProfileTweet-actionButton u-textUserColorHover dropdown-toggle js-dropdown-toggle" type="button"> <div class="IconContainer js-tooltip" title="More"> <span class="Icon Icon--caretDownLight Icon--small"></span> <span class="u-hiddenVisually">More</span> </div> </button> <div class="dropdown-menu is-autoCentered"> <div class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <ul> <li class="copy-link-to-tweet js-actionCopyLinkToTweet"> <button type="button" class="dropdown-link">Copy link to Tweet</button> </li> <li class="embed-link js-actionEmbedTweet" data-nav="embed_tweet"> <button type="button" class="dropdown-link">Embed Tweet</button> </li> <li class="mute-user-item"><button type="button" class="dropdown-link">Mute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>techfinman</b></span></button></li> <li class="unmute-user-item"><button type="button" class="dropdown-link">Unmute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>techfinman</b></span></button></li> <li class="block-link js-actionBlock" data-nav="block"> <button type="button" class="dropdown-link">Block <span class="username u-dir u-textTruncate" dir="ltr" >@<b>techfinman</b></span></button> </li> <li class="unblock-link js-actionUnblock" data-nav="unblock"> <button type="button" class="dropdown-link">Unblock <span class="username u-dir u-textTruncate" dir="ltr" >@<b>techfinman</b></span></button> </li> <li class="report-link js-actionReport" data-nav="report"> <button type="button" class="dropdown-link"> Report Tweet </button> </li> <li class="dropdown-divider"></li> <li class="js-actionMomentMakerAddTweetToOtherMoment MomentMakerAddTweetToOtherMoment"> <button type="button" class="dropdown-link">Add to other Moment</button> </li> <li class="js-actionMomentMakerCreateMoment"> <button type="button" class="dropdown-link">Add to new Moment</button> </li> </ul> </div> </div> </div> </div> <div class="js-tweet-text-container"> <p class="TweetTextSize js-tweet-text tweet-text" lang="en" data-aria-label-part="0">streamich/react-use (#17 - All languages - Weekly) React Hooks — <strong>future of React</strong> <img class="Emoji Emoji--forText" src="https://abs.twimg.com/emoji/v2/72x72/1f44d.png" draggable="false" alt="👍" title="Thumbs up sign" aria-label="Emoji: Thumbs up sign"> react-use <a href="https://t.co/N1GH1h2jIn" rel="nofollow noopener" dir="ltr" data-expanded-url="https://ift.tt/2OUtscW" class="twitter-timeline-link u-hidden" target="_blank" title="https://ift.tt/2OUtscW" ><span class="tco-ellipsis"></span><span class="invisible">https://</span><span class="js-display-url">ift.tt/2OUtscW</span><span class="invisible"></span><span class="tco-ellipsis"><span class="invisible">&nbsp;</span></span></a></p> </div> <div class="card2 js-media-container " data-card2-name="summary" > <div class="js-macaw-cards-iframe-container initial-card-height card-type-summary" data-src="/i/cards/tfw/v1/1058359433284276224?cardname=summary&amp;autoplay_disabled=true&amp;forward=true&amp;earned=true&amp;edge=true&amp;lang=en" data-card-name="summary" data-card-url="https://t.co/N1GH1h2jIn" data-publisher-id="13334762" data-creator-id="" data-amplify-content-id="" data-amplify-playlist-url="" data-full-card-iframe-url="/i/cards/tfw/v1/1058359433284276224?cardname=summary&amp;autoplay_disabled=true&amp;earned=true&amp;edge=true&amp;lang=en" data-has-autoplayable-media="false"> </div> </div> <div class="stream-item-footer"> <div class="ProfileTweet-actionCountList u-hiddenVisually"> <span class="ProfileTweet-action--reply u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-reply-count-aria-1058359433284276224" >0 replies</span> </span> </span> <span class="ProfileTweet-action--retweet u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-retweet-count-aria-1058359433284276224" >0 retweets</span> </span> </span> <span class="ProfileTweet-action--favorite u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-favorite-count-aria-1058359433284276224" >0 likes</span> </span> </span> </div> <div class="ProfileTweet-actionList js-actions" role="group" aria-label="Tweet actions"> <div class="ProfileTweet-action ProfileTweet-action--reply"> <button class="ProfileTweet-actionButton js-actionButton js-actionReply" data-modal="ProfileTweet-reply" type="button" aria-describedby="profile-tweet-action-reply-count-aria-1058359433284276224"> <div class="IconContainer js-tooltip" title="Reply"> <span class="Icon Icon--medium Icon--reply"></span> <span class="u-hiddenVisually">Reply</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero "> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--retweet js-toggleState js-toggleRt"> <button class="ProfileTweet-actionButton js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button" aria-describedby="profile-tweet-action-retweet-count-aria-1058359433284276224"> <div class="IconContainer js-tooltip" title="Retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweet</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button"> <div class="IconContainer js-tooltip" title="Undo retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweeted</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--favorite js-toggleState"> <button class="ProfileTweet-actionButton js-actionButton js-actionFavorite" type="button" aria-describedby="profile-tweet-action-favorite-count-aria-1058359433284276224"> <div class="IconContainer js-tooltip" title="Like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Like</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo ProfileTweet-action--unfavorite u-linkClean js-actionButton js-actionFavorite" type="button"> <div class="IconContainer js-tooltip" title="Undo like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Liked</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--dm"> <button class="ProfileTweet-actionButton u-textUserColorHover js-actionButton js-actionShareViaDM" type="button" data-nav="share_tweet_dm" > <div class="IconContainer js-tooltip" title="Direct message"> <span class="Icon Icon--medium Icon--dm"></span> <span class="u-hiddenVisually">Direct message</span> </div> </button> </div> </div> </div> </div> </div> </li> <li class="js-stream-item stream-item stream-item " data-item-id="1058027078178738177" id="stream-item-tweet-1058027078178738177" data-item-type="tweet" > <div class="tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable dismissible-content original-tweet js-original-tweet tweet-has-context " data-tweet-id="1058027078178738177" data-item-id="1058027078178738177" data-permalink-path="/VinSpee/status/1058027078178738177" data-conversation-id="1058024815905386496" data-is-reply-to="true" data-has-parent-tweet="true" data-tweet-nonce="1058027078178738177-194f4fd5-a434-4cf4-b3d6-6561a1f0a2df" data-tweet-stat-initialized="true" data-screen-name="VinSpee" data-name="Vince Speelman" data-user-id="14988794" data-you-follow="false" data-follows-you="true" data-you-block="false" data-mentions="reactjs" data-reply-to-users-json="[{&quot;id_str&quot;:&quot;14988794&quot;,&quot;screen_name&quot;:&quot;VinSpee&quot;,&quot;name&quot;:&quot;Vince Speelman&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Vince Speelman&quot;,&quot;emojified_text_as_html&quot;:&quot;Vince Speelman&quot;}},{&quot;id_str&quot;:&quot;1566463268&quot;,&quot;screen_name&quot;:&quot;reactjs&quot;,&quot;name&quot;:&quot;React&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;React&quot;,&quot;emojified_text_as_html&quot;:&quot;React&quot;}}]" data-disclosure-type="" data-component-context="tweet" > <div class="context"> <div class="tweet-context with-icn "> <p class="social-proof"> <span class="Icon Icon--small Icon--heartBadge"></span> <a class="pretty-link user-profile-link js-user-profile-link" data-user-id="70345946" href="/dan_abramov" rel="noopener">Dan Abramov</a> liked </p> </div> </div> <div class="content"> <div class="stream-item-header"> <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="/VinSpee" data-user-id="14988794"> <img class="avatar js-action-profile-avatar" src="https://pbs.twimg.com/profile_images/763381341383749632/s4VgaGMz_bigger.jpg" alt=""> <span class="FullNameGroup"> <strong class="fullname show-popup-with-id u-textTruncate " data-aria-label-part>Vince Speelman</strong><span>&rlm;</span><span class="UserBadges"></span><span class="UserNameBreak">&nbsp;</span></span><span class="username u-dir u-textTruncate" dir="ltr" data-aria-label-part>@<b>VinSpee</b></span></a> <small class="time"> <a href="/VinSpee/status/1058027078178738177" class="tweet-timestamp js-permalink js-nav js-tooltip" title="5:04 PM - 1 Nov 2018" data-conversation-id="1058024815905386496"><span class="_timestamp js-short-timestamp " data-aria-label-part="last" data-time="1541088287" data-time-ms="1541088287000" data-long-form="true">1 Nov 2018</span></a> </small> <div class="ProfileTweet-action ProfileTweet-action--more js-more-ProfileTweet-actions"> <div class="dropdown"> <button class="ProfileTweet-actionButton u-textUserColorHover dropdown-toggle js-dropdown-toggle" type="button"> <div class="IconContainer js-tooltip" title="More"> <span class="Icon Icon--caretDownLight Icon--small"></span> <span class="u-hiddenVisually">More</span> </div> </button> <div class="dropdown-menu is-autoCentered"> <div class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <ul> <li class="copy-link-to-tweet js-actionCopyLinkToTweet"> <button type="button" class="dropdown-link">Copy link to Tweet</button> </li> <li class="embed-link js-actionEmbedTweet" data-nav="embed_tweet"> <button type="button" class="dropdown-link">Embed Tweet</button> </li> <li class="mute-user-item"><button type="button" class="dropdown-link">Mute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>VinSpee</b></span></button></li> <li class="unmute-user-item"><button type="button" class="dropdown-link">Unmute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>VinSpee</b></span></button></li> <li class="block-link js-actionBlock" data-nav="block"> <button type="button" class="dropdown-link">Block <span class="username u-dir u-textTruncate" dir="ltr" >@<b>VinSpee</b></span></button> </li> <li class="unblock-link js-actionUnblock" data-nav="unblock"> <button type="button" class="dropdown-link">Unblock <span class="username u-dir u-textTruncate" dir="ltr" >@<b>VinSpee</b></span></button> </li> <li class="report-link js-actionReport" data-nav="report"> <button type="button" class="dropdown-link"> Report Tweet </button> </li> <li class="dropdown-divider"></li> <li class="js-actionMomentMakerAddTweetToOtherMoment MomentMakerAddTweetToOtherMoment"> <button type="button" class="dropdown-link">Add to other Moment</button> </li> <li class="js-actionMomentMakerCreateMoment"> <button type="button" class="dropdown-link">Add to new Moment</button> </li> </ul> </div> </div> </div> </div> <div class="js-tweet-text-container"> <p class="TweetTextSize js-tweet-text tweet-text" lang="en" data-aria-label-part="0">I’m really excited for the <strong>future of React</strong>.</p> </div> <div class="stream-item-footer"> <div class="ProfileTweet-actionCountList u-hiddenVisually"> <span class="ProfileTweet-action--reply u-hiddenVisually"> <span class="ProfileTweet-actionCount" data-tweet-stat-count="1"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-reply-count-aria-1058027078178738177" data-aria-label-part>1 reply</span> </span> </span> <span class="ProfileTweet-action--retweet u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-retweet-count-aria-1058027078178738177" >0 retweets</span> </span> </span> <span class="ProfileTweet-action--favorite u-hiddenVisually"> <span class="ProfileTweet-actionCount" data-tweet-stat-count="1"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-favorite-count-aria-1058027078178738177" data-aria-label-part>1 like</span> </span> </span> </div> <div class="ProfileTweet-actionList js-actions" role="group" aria-label="Tweet actions"> <div class="ProfileTweet-action ProfileTweet-action--reply"> <button class="ProfileTweet-actionButton js-actionButton js-actionReply" data-modal="ProfileTweet-reply" type="button" aria-describedby="profile-tweet-action-reply-count-aria-1058027078178738177"> <div class="IconContainer js-tooltip" title="Reply"> <span class="Icon Icon--medium Icon--reply"></span> <span class="u-hiddenVisually">Reply</span> </div> <span class="ProfileTweet-actionCount "> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">1</span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--retweet js-toggleState js-toggleRt"> <button class="ProfileTweet-actionButton js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button" aria-describedby="profile-tweet-action-retweet-count-aria-1058027078178738177"> <div class="IconContainer js-tooltip" title="Retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweet</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button"> <div class="IconContainer js-tooltip" title="Undo retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweeted</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--favorite js-toggleState"> <button class="ProfileTweet-actionButton js-actionButton js-actionFavorite" type="button" aria-describedby="profile-tweet-action-favorite-count-aria-1058027078178738177"> <div class="IconContainer js-tooltip" title="Like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Like</span> </div> <span class="ProfileTweet-actionCount"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">1</span> </span> </button><button class="ProfileTweet-actionButtonUndo ProfileTweet-action--unfavorite u-linkClean js-actionButton js-actionFavorite" type="button"> <div class="IconContainer js-tooltip" title="Undo like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Liked</span> </div> <span class="ProfileTweet-actionCount"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">1</span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--dm"> <button class="ProfileTweet-actionButton u-textUserColorHover js-actionButton js-actionShareViaDM" type="button" data-nav="share_tweet_dm" > <div class="IconContainer js-tooltip" title="Direct message"> <span class="Icon Icon--medium Icon--dm"></span> <span class="u-hiddenVisually">Direct message</span> </div> </button> </div> </div> </div> <div class="self-thread-context"> Show this thread </div> <div class="self-thread-tweet-cta"> <div class="mini-avatar-with-thread"> <img class="avatar--circular size24" src="https://pbs.twimg.com/profile_images/763381341383749632/s4VgaGMz_normal.jpg"> </div> <a href="/VinSpee/status/1058027078178738177" class="js-nav show-thread-link">Show this thread</a> </div> </div> </div> </li> <li class="js-stream-item stream-item stream-item " data-item-id="1057890738552406017" id="stream-item-tweet-1057890738552406017" data-item-type="tweet" > <div class="tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable dismissible-content original-tweet js-original-tweet has-cards cards-forward " data-tweet-id="1057890738552406017" data-item-id="1057890738552406017" data-permalink-path="/programmingncr/status/1057890738552406017" data-conversation-id="1057890738552406017" data-tweet-nonce="1057890738552406017-c16c144c-7b68-4cc3-afaf-002139e5e776" data-tweet-stat-initialized="true" data-screen-name="programmingncr" data-name="Programming Gurgaon" data-user-id="3306610117" data-you-follow="false" data-follows-you="false" data-you-block="false" data-reply-to-users-json="[{&quot;id_str&quot;:&quot;3306610117&quot;,&quot;screen_name&quot;:&quot;programmingncr&quot;,&quot;name&quot;:&quot;Programming Gurgaon&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Programming Gurgaon&quot;,&quot;emojified_text_as_html&quot;:&quot;Programming Gurgaon&quot;}}]" data-disclosure-type="" data-card2-type="summary" data-has-cards="true" data-component-context="tweet" > <div class="context"> </div> <div class="content"> <div class="stream-item-header"> <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="/programmingncr" data-user-id="3306610117"> <img class="avatar js-action-profile-avatar" src="https://pbs.twimg.com/profile_images/662602436222193664/qKuvsfnG_bigger.jpg" alt=""> <span class="FullNameGroup"> <strong class="fullname show-popup-with-id u-textTruncate " data-aria-label-part>Programming Gurgaon</strong><span>&rlm;</span><span class="UserBadges"></span><span class="UserNameBreak">&nbsp;</span></span><span class="username u-dir u-textTruncate" dir="ltr" data-aria-label-part>@<b>programmingncr</b></span></a> <small class="time"> <a href="/programmingncr/status/1057890738552406017" class="tweet-timestamp js-permalink js-nav js-tooltip" title="8:03 AM - 1 Nov 2018" data-conversation-id="1057890738552406017"><span class="_timestamp js-short-timestamp " data-aria-label-part="last" data-time="1541055781" data-time-ms="1541055781000" data-long-form="true">1 Nov 2018</span></a> </small> <div class="ProfileTweet-action ProfileTweet-action--more js-more-ProfileTweet-actions"> <div class="dropdown"> <button class="ProfileTweet-actionButton u-textUserColorHover dropdown-toggle js-dropdown-toggle" type="button"> <div class="IconContainer js-tooltip" title="More"> <span class="Icon Icon--caretDownLight Icon--small"></span> <span class="u-hiddenVisually">More</span> </div> </button> <div class="dropdown-menu is-autoCentered"> <div class="dropdown-caret"> <div class="caret-outer"></div> <div class="caret-inner"></div> </div> <ul> <li class="copy-link-to-tweet js-actionCopyLinkToTweet"> <button type="button" class="dropdown-link">Copy link to Tweet</button> </li> <li class="embed-link js-actionEmbedTweet" data-nav="embed_tweet"> <button type="button" class="dropdown-link">Embed Tweet</button> </li> <li class="mute-user-item"><button type="button" class="dropdown-link">Mute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>programmingncr</b></span></button></li> <li class="unmute-user-item"><button type="button" class="dropdown-link">Unmute <span class="username u-dir u-textTruncate" dir="ltr" >@<b>programmingncr</b></span></button></li> <li class="block-link js-actionBlock" data-nav="block"> <button type="button" class="dropdown-link">Block <span class="username u-dir u-textTruncate" dir="ltr" >@<b>programmingncr</b></span></button> </li> <li class="unblock-link js-actionUnblock" data-nav="unblock"> <button type="button" class="dropdown-link">Unblock <span class="username u-dir u-textTruncate" dir="ltr" >@<b>programmingncr</b></span></button> </li> <li class="report-link js-actionReport" data-nav="report"> <button type="button" class="dropdown-link"> Report Tweet </button> </li> <li class="dropdown-divider"></li> <li class="js-actionMomentMakerAddTweetToOtherMoment MomentMakerAddTweetToOtherMoment"> <button type="button" class="dropdown-link">Add to other Moment</button> </li> <li class="js-actionMomentMakerCreateMoment"> <button type="button" class="dropdown-link">Add to new Moment</button> </li> </ul> </div> </div> </div> </div> <div class="js-tweet-text-container"> <p class="TweetTextSize js-tweet-text tweet-text" lang="en" data-aria-label-part="0">What you guys think about React Hooks? <a href="https://t.co/f9rRgkh9yW" rel="nofollow noopener" dir="ltr" data-expanded-url="https://www.reddit.com/r/learnprogramming/comments/9t5twc/what_you_guys_think_about_react_hooks/" class="twitter-timeline-link" target="_blank" title="https://www.reddit.com/r/learnprogramming/comments/9t5twc/what_you_guys_think_about_react_hooks/" ><span class="tco-ellipsis"></span><span class="invisible">https://www.</span><span class="js-display-url">reddit.com/r/learnprogram</span><span class="invisible">ming/comments/9t5twc/what_you_guys_think_about_react_hooks/</span><span class="tco-ellipsis"><span class="invisible">&nbsp;</span>…</span></a> React Hooks is a new feature of React that aims to help with writing more expressive code. Is this going to be the <strong>future of React</strong>? Are other frameworks going to follow suit and implement their own versions of Hoo…</p> </div> <div class="card2 js-media-container " data-card2-name="summary" > <div class="js-macaw-cards-iframe-container initial-card-height card-type-summary" data-src="/i/cards/tfw/v1/1057890738552406017?cardname=summary&amp;autoplay_disabled=true&amp;forward=true&amp;earned=true&amp;edge=true&amp;lang=en" data-card-name="summary" data-card-url="https://t.co/f9rRgkh9yW" data-publisher-id="811377" data-creator-id="" data-amplify-content-id="" data-amplify-playlist-url="" data-full-card-iframe-url="/i/cards/tfw/v1/1057890738552406017?cardname=summary&amp;autoplay_disabled=true&amp;earned=true&amp;edge=true&amp;lang=en" data-has-autoplayable-media="false"> </div> </div> <div class="stream-item-footer"> <div class="ProfileTweet-actionCountList u-hiddenVisually"> <span class="ProfileTweet-action--reply u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-reply-count-aria-1057890738552406017" >0 replies</span> </span> </span> <span class="ProfileTweet-action--retweet u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-retweet-count-aria-1057890738552406017" >0 retweets</span> </span> </span> <span class="ProfileTweet-action--favorite u-hiddenVisually"> <span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0"> <span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-favorite-count-aria-1057890738552406017" >0 likes</span> </span> </span> </div> <div class="ProfileTweet-actionList js-actions" role="group" aria-label="Tweet actions"> <div class="ProfileTweet-action ProfileTweet-action--reply"> <button class="ProfileTweet-actionButton js-actionButton js-actionReply" data-modal="ProfileTweet-reply" type="button" aria-describedby="profile-tweet-action-reply-count-aria-1057890738552406017"> <div class="IconContainer js-tooltip" title="Reply"> <span class="Icon Icon--medium Icon--reply"></span> <span class="u-hiddenVisually">Reply</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero "> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--retweet js-toggleState js-toggleRt"> <button class="ProfileTweet-actionButton js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button" aria-describedby="profile-tweet-action-retweet-count-aria-1057890738552406017"> <div class="IconContainer js-tooltip" title="Retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweet</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button"> <div class="IconContainer js-tooltip" title="Undo retweet"> <span class="Icon Icon--medium Icon--retweet"></span> <span class="u-hiddenVisually">Retweeted</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--favorite js-toggleState"> <button class="ProfileTweet-actionButton js-actionButton js-actionFavorite" type="button" aria-describedby="profile-tweet-action-favorite-count-aria-1057890738552406017"> <div class="IconContainer js-tooltip" title="Like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Like</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button><button class="ProfileTweet-actionButtonUndo ProfileTweet-action--unfavorite u-linkClean js-actionButton js-actionFavorite" type="button"> <div class="IconContainer js-tooltip" title="Undo like"> <span role="presentation" class="Icon Icon--heart Icon--medium"></span> <div class="HeartAnimation"></div> <span class="u-hiddenVisually">Liked</span> </div> <span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero"> <span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span> </span> </button> </div> <div class="ProfileTweet-action ProfileTweet-action--dm"> <button class="ProfileTweet-actionButton u-textUserColorHover js-actionButton js-actionShareViaDM" type="button" data-nav="share_tweet_dm" > <div class="IconContainer js-tooltip" title="Direct message"> <span class="Icon Icon--medium Icon--dm"></span> <span class="u-hiddenVisually">Direct message</span> </div> </button> </div> </div> </div> </div> </div> </li> ` for i, match := range re.FindAllString(str, -1) { fmt.Println(match, "found at index", i) } }

Please keep in mind that these code samples are automatically generated and are not guaranteed to work. If you find any syntax errors, feel free to submit a bug report. For a full regex reference for Golang, please visit: https://golang.org/pkg/regexp/