Save & Share

Flavor

  • PCRE2 (PHP)
  • ECMAScript (JavaScript)
  • Python
  • Golang
  • Java
  • .NET 7.0 (C#)
  • Rust
  • PCRE (Legacy)
  • Regex Flavor Guide

Function

  • Match
  • Substitution
  • List
  • Unit Tests
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]
  • Character class intersection
    [\w&&[^\d]]
  • 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
Processing...

Test String

Code Generator

Language

Generated Code

using System; using System.Text.RegularExpressions; public class Example { public static void Main() { string pattern = @"data-item-type=""tweet"".*?data-tweet-id=""(.*?)"".*?data-permalink-path=""(.*?)"".*?data-screen-name=""(.*?)"".*?data-name=""(.*?)"".*?data-user-id=""(.*?)"".*?tweet-text"".*?>(.*?)<\/p>"; string input = @" <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> "; RegexOptions options = RegexOptions.Multiline | RegexOptions.Singleline; foreach (Match m in Regex.Matches(input, pattern, options)) { Console.WriteLine("'{0}' found at index {1}.", m.Value, m.Index); } } }

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 C#, please visit: https://msdn.microsoft.com/en-us/library/system.text.regularexpressions.regex(v=vs.110).aspx