Facebook/react-native
1
0
Fork 0
mirror of https://github.com/facebook/react-native.git synced 2025-11-01 09:14:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Deploy website

Browse Source 
Deploy website version based on eb23114c60
This commit is contained in:
Website Deployment Script
2018-01-18 21:15:55 +00:00
parent eb23114c60
commit 345ef1913a
4 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
blog/2018/01/18/implementing-twitters-app-loading-animation-in-react-native.html
+3 -3
View File
@@ -1,11 +1,11 @@
<html><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/><title>Implementing Twitter’s App Loading Animation in React Native · React Native</title><meta name="viewport" content="width=device-width"/><meta name="generator" content="Docusaurus"/><meta property="og:title" content="Implementing Twitter’s App Loading Animation in React Native · React Native"/><meta property="og:type" content="website"/><meta property="og:url" content="https://facebook.github.io/react-native/blog/2018/01/18/implementing-twitters-app-loading-animation-in-react-native.html"/><meta property="og:description" content="&lt;img src=&quot;/react-native/blog/assets/loading-screen-01.gif&quot; style=&quot;float: left; padding-right: 80px; padding-bottom: 20px&quot;/&gt;"/><link rel="shortcut icon" href="/react-native/img/favicon.png"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css"/><link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/solarized-dark.min.css"/><link rel="alternate" type="application/atom+xml" href="https://facebook.github.io/blog/atom.xml" title="React Native Blog ATOM Feed"/><link rel="alternate" type="application/rss+xml" href="https://facebook.github.io/blog/feed.xml" title="React Native Blog RSS Feed"/><script type="text/javascript" src="https://snack.expo.io/embed.js"></script><script type="text/javascript" src="/react-native/js/codeblocks.js"></script><link rel="stylesheet" href="/react-native/css/main.css"/></head><body class="sideNavVisible"><div class="fixedHeaderContainer"><div class="headerWrapper wrapper"><header><a href="/react-native/"><img class="logo" src="/react-native/img/header_logo.png"/><h2 class="headerTitle">React Native</h2></a><a href="/react-native/versions.html"><h3>0.53-RC</h3></a><div class="navigationWrapper navigationSlider"><nav class="slidingNav"><ul class="nav-site nav-site-internal"><li><a href="/react-native/docs/getting-started.html" target="_self">Docs</a></li><li><a href="/react-native/en/help.html" target="_self">Community</a></li><li><a href="/react-native/blog" target="_self">Blog</a></li><li class="navSearchWrapper reactNavSearchWrapper"><input type="text" id="search_input_react" placeholder="Search"/></li><li><a href="https://github.com/facebook/react-native" target="_self">GitHub</a></li><li><a href="https://reactjs.org/" target="_self">React</a></li></ul></nav></div></header></div></div><div class="navPusher"><div class="docMainWrapper wrapper"><div class="container docsNavContainer" id="docsNav"><nav class="toc"><div class="toggleNav"><section class="navWrapper wrapper"><div class="navBreadcrumb wrapper"><div class="navToggle" id="navToggler"><i></i></div><h2><i>›</i><span>Recent Posts</span></h2></div><div class="navGroups"><div class="navGroup navGroupActive"><h3>Recent Posts</h3><ul><li class="navListItem navListItemActive"><a class="navItem navItemActive" href="/react-native/blog/2018/01/18/implementing-twitters-app-loading-animation-in-react-native.html">Implementing Twitter’s App Loading Animation in React Native</a></li><li class="navListItem"><a class="navItem" href="/react-native/blog/2017/11/06/react-native-monthly-5.html">React Native Monthly #5</a></li><li class="navListItem"><a class="navItem" href="/react-native/blog/2017/09/21/react-native-monthly-4.html">React Native Monthly #4</a></li><li class="navListItem"><a class="navItem" href="/react-native/blog/2017/08/30/react-native-monthly-3.html">React Native Monthly #3</a></li><li class="navListItem"><a class="navItem" href="/react-native/blog/2017/08/07/react-native-performance-in-marketplace.html">React Native Performance in Marketplace</a></li></ul></div></div></section></div><script>
<html><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/><title>Implementing Twitter’s App Loading Animation in React Native · React Native</title><meta name="viewport" content="width=device-width"/><meta name="generator" content="Docusaurus"/><meta property="og:title" content="Implementing Twitter’s App Loading Animation in React Native · React Native"/><meta property="og:type" content="website"/><meta property="og:url" content="https://facebook.github.io/react-native/blog/2018/01/18/implementing-twitters-app-loading-animation-in-react-native.html"/><meta property="og:description" content="Twitter’s iOS app has a loading animation I quite enjoy."/><link rel="shortcut icon" href="/react-native/img/favicon.png"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css"/><link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/solarized-dark.min.css"/><link rel="alternate" type="application/atom+xml" href="https://facebook.github.io/blog/atom.xml" title="React Native Blog ATOM Feed"/><link rel="alternate" type="application/rss+xml" href="https://facebook.github.io/blog/feed.xml" title="React Native Blog RSS Feed"/><script type="text/javascript" src="https://snack.expo.io/embed.js"></script><script type="text/javascript" src="/react-native/js/codeblocks.js"></script><link rel="stylesheet" href="/react-native/css/main.css"/></head><body class="sideNavVisible"><div class="fixedHeaderContainer"><div class="headerWrapper wrapper"><header><a href="/react-native/"><img class="logo" src="/react-native/img/header_logo.png"/><h2 class="headerTitle">React Native</h2></a><a href="/react-native/versions.html"><h3>0.53-RC</h3></a><div class="navigationWrapper navigationSlider"><nav class="slidingNav"><ul class="nav-site nav-site-internal"><li><a href="/react-native/docs/getting-started.html" target="_self">Docs</a></li><li><a href="/react-native/en/help.html" target="_self">Community</a></li><li><a href="/react-native/blog" target="_self">Blog</a></li><li class="navSearchWrapper reactNavSearchWrapper"><input type="text" id="search_input_react" placeholder="Search"/></li><li><a href="https://github.com/facebook/react-native" target="_self">GitHub</a></li><li><a href="https://reactjs.org/" target="_self">React</a></li></ul></nav></div></header></div></div><div class="navPusher"><div class="docMainWrapper wrapper"><div class="container docsNavContainer" id="docsNav"><nav class="toc"><div class="toggleNav"><section class="navWrapper wrapper"><div class="navBreadcrumb wrapper"><div class="navToggle" id="navToggler"><i></i></div><h2><i>›</i><span>Recent Posts</span></h2></div><div class="navGroups"><div class="navGroup navGroupActive"><h3>Recent Posts</h3><ul><li class="navListItem navListItemActive"><a class="navItem navItemActive" href="/react-native/blog/2018/01/18/implementing-twitters-app-loading-animation-in-react-native.html">Implementing Twitter’s App Loading Animation in React Native</a></li><li class="navListItem"><a class="navItem" href="/react-native/blog/2017/11/06/react-native-monthly-5.html">React Native Monthly #5</a></li><li class="navListItem"><a class="navItem" href="/react-native/blog/2017/09/21/react-native-monthly-4.html">React Native Monthly #4</a></li><li class="navListItem"><a class="navItem" href="/react-native/blog/2017/08/30/react-native-monthly-3.html">React Native Monthly #3</a></li><li class="navListItem"><a class="navItem" href="/react-native/blog/2017/08/07/react-native-performance-in-marketplace.html">React Native Performance in Marketplace</a></li></ul></div></div></section></div><script>
var toggler = document.getElementById('navToggler');
var nav = document.getElementById('docsNav');
toggler.onclick = function() {
nav.classList.toggle('docsSliderActive');
};
</script></nav></div><div class="container mainContainer documentContainer postContainer blogContainer"><div class="wrapper"><div class="lonePost"><div class="post"><header class="postHeader"><h1><a href="/react-native/blog/2018/01/18/implementing-twitters-app-loading-animation-in-react-native.html">Implementing Twitter’s App Loading Animation in React Native</a></h1><p class="post-meta">January 18, 2018</p><div class="authorBlock"><p class="post-authorName"><a href="https://github.com/TheSavior" target="_blank">Eli White</a>Software Engineer at Facebook</p><div class="authorPhoto authorPhoto-big"><a href="https://github.com/TheSavior" target="_blank"><img src="https://avatars2.githubusercontent.com/u/249164?s=460&amp;v=4"/></a></div></div></header><div><span><p><img src="/react-native/blog/assets/loading-screen-01.gif" style="float: left; padding-right: 80px; padding-bottom: 20px"/></p>
<p>Twitter’s iOS app has a loading animation I quite enjoy.</p>
</script></nav></div><div class="container mainContainer documentContainer postContainer blogContainer"><div class="wrapper"><div class="lonePost"><div class="post"><header class="postHeader"><h1><a href="/react-native/blog/2018/01/18/implementing-twitters-app-loading-animation-in-react-native.html">Implementing Twitter’s App Loading Animation in React Native</a></h1><p class="post-meta">January 18, 2018</p><div class="authorBlock"><p class="post-authorName"><a href="https://github.com/TheSavior" target="_blank">Eli White</a>Software Engineer at Facebook</p><div class="authorPhoto authorPhoto-big"><a href="https://github.com/TheSavior" target="_blank"><img src="https://avatars2.githubusercontent.com/u/249164?s=460&amp;v=4"/></a></div></div></header><div><span><p>Twitter’s iOS app has a loading animation I quite enjoy.</p>
<p><img src="/react-native/blog/assets/loading-screen-01.gif" style="float: left; padding-right: 80px; padding-bottom: 20px"/></p>
<p>Once the app is ready, the Twitter logo delightfully expands, revealing the app.</p>
<p>I wanted to figure out how to recreate this loading animation with React Native.</p>
<hr style="clear: both; margin-bottom: 40px; width: 80px"/>
blog/atom.xml
+2 -2
View File
@@ -13,9 +13,9 @@
<link href="https://facebook.github.io/blog/2018/01/18/implementing-twitters-app-loading-animation-in-react-native.html">
</link>
<updated>2018-01-18T06:00:00Z</updated>
<summary type="html"><![CDATA[<img src="/react-native/blog/assets/loading-screen-01.gif" style="float: left; padding-right: 80px; padding-bottom: 20px"/>
<summary type="html"><![CDATA[Twitter’s iOS app has a loading animation I quite enjoy.
Twitter’s iOS app has a loading animation I quite enjoy.
<img src="/react-native/blog/assets/loading-screen-01.gif" style="float: left; padding-right: 80px; padding-bottom: 20px"/>
Once the app is ready, the Twitter logo delightfully expands, revea]]></summary>
<author>
blog/feed.xml
+2 -2
View File
@@ -17,9 +17,9 @@
<link>https://facebook.github.io/blog/2018/01/18/implementing-twitters-app-loading-animation-in-react-native.html</link>
<guid>https://facebook.github.io/blog/2018/01/18/implementing-twitters-app-loading-animation-in-react-native.html</guid>
<pubDate>Thu, 18 Jan 2018 06:00:00 GMT</pubDate>
<description><![CDATA[<img src="/react-native/blog/assets/loading-screen-01.gif" style="float: left; padding-right: 80px; padding-bottom: 20px"/>
<description><![CDATA[Twitter’s iOS app has a loading animation I quite enjoy.
Twitter’s iOS app has a loading animation I quite enjoy.
<img src="/react-native/blog/assets/loading-screen-01.gif" style="float: left; padding-right: 80px; padding-bottom: 20px"/>
Once the app is ready, the Twitter logo delightfully expands, revea]]></description>
</item>
blog/index.html
+2 -2
View File
@@ -4,8 +4,8 @@
toggler.onclick = function() {
nav.classList.toggle('docsSliderActive');
};
</script></nav></div><div class="container mainContainer documentContainer postContainer blogContainer"><div class="wrapper"><div class="posts"><div class="post"><header class="postHeader"><h1><a href="/react-native/blog/2018/01/18/implementing-twitters-app-loading-animation-in-react-native.html">Implementing Twitter’s App Loading Animation in React Native</a></h1><p class="post-meta">January 18, 2018</p><div class="authorBlock"><p class="post-authorName"><a href="https://github.com/TheSavior" target="_blank">Eli White</a>Software Engineer at Facebook</p><div class="authorPhoto authorPhoto-big"><a href="https://github.com/TheSavior" target="_blank"><img src="https://avatars2.githubusercontent.com/u/249164?s=460&amp;v=4"/></a></div></div></header><article class="post-content"><div><span><p><img src="/react-native/blog/assets/loading-screen-01.gif" style="float: left; padding-right: 80px; padding-bottom: 20px"/></p>
<p>Twitter’s iOS app has a loading animation I quite enjoy.</p>
</script></nav></div><div class="container mainContainer documentContainer postContainer blogContainer"><div class="wrapper"><div class="posts"><div class="post"><header class="postHeader"><h1><a href="/react-native/blog/2018/01/18/implementing-twitters-app-loading-animation-in-react-native.html">Implementing Twitter’s App Loading Animation in React Native</a></h1><p class="post-meta">January 18, 2018</p><div class="authorBlock"><p class="post-authorName"><a href="https://github.com/TheSavior" target="_blank">Eli White</a>Software Engineer at Facebook</p><div class="authorPhoto authorPhoto-big"><a href="https://github.com/TheSavior" target="_blank"><img src="https://avatars2.githubusercontent.com/u/249164?s=460&amp;v=4"/></a></div></div></header><article class="post-content"><div><span><p>Twitter’s iOS app has a loading animation I quite enjoy.</p>
<p><img src="/react-native/blog/assets/loading-screen-01.gif" style="float: left; padding-right: 80px; padding-bottom: 20px"/></p>
<p>Once the app is ready, the Twitter logo delightfully expands, revealing the app.</p>
<p>I wanted to figure out how to recreate this loading animation with React Native.</p>
<hr style="clear: both; margin-bottom: 40px; width: 80px"/>