React Ninjas Newsletter — Issue #14
Tags: react, redux, javascript, frontend
Published: 2018-07-23 12:54:30

---
title: React Ninjas Newsletter — Issue #14
published: yes
description: Stay up-to-date and ahead of your peers with Andrés Cidel’s newsletter for React Ninjas.
tags: react, redux, javascript, frontend
---

Weekly · </em><a href="https://medium.com/@andres_49956" data-href="https://medium.com/@andres_49956" data-anchor-type="2" data-user-id="8e5cac1aeeb3" data-action-value="8e5cac1aeeb3" data-action="show-user-card" data-action-type="hover" class="markup--user markup--p-user" target="_blank"><em class="markup--em markup--p-em">Andrés Cidel</em></a><em class="markup--em markup--p-em"> · July 22· </em><a href="https://www.getrevue.co/profile/Andres-from-Jexia/issues/react-ninjas-newsletter-issue-12-121460?utm_campaign=Issue&amp;utm_content=view_in_browser&amp;utm_medium=email&amp;utm_source=React+Ninjas+Newsletter" data-href="https://www.getrevue.co/profile/Andres-from-Jexia/issues/react-ninjas-newsletter-issue-12-121460?utm_campaign=Issue&amp;utm_content=view_in_browser&amp;utm_medium=email&amp;utm_source=React+Ninjas+Newsletter" class="markup--anchor markup--p-anchor" rel="nofollow noopener noopener nofollow noopener nofollow noopener" target="_blank"><em class="markup--em markup--p-em">Join for free</em></a><em class="markup--em markup--p-em"> or add </em><a href="about:invalid#zSoyz" data-href="ttp://fetchrss.com/rss/5b3a43798a93f8d6608b4567838652969.xml" class="markup--anchor markup--p-anchor" rel="nofollow noopener nofollow noopener" target="_blank"><em class="markup--em markup--p-em">the newsletter rss</em></a></p>

<img src="https://thepracticaldev.s3.amazonaws.com/i/t6kxnuqqtpl0hv8bh1dk.jpg"></img><figcaption class="imageCaption">Image by <a href="https://www.linkedin.com/in/danilowoz/" data-href="https://www.linkedin.com/in/danilowoz/" class="markup--anchor markup--figure-anchor" rel="nofollow noopener nofollow noopener nofollow noopener" target="_blank">Danilo Woznica</a></figcaption></figure><p name="f0f5" id="f0f5" class="graf graf--p graf-after--figure"><strong class="markup--strong markup--p-strong">

<h3><p><a href="https://github.com/musghost">Andrés</a> currently applies his knowledge to build developer platform <a href="https://www.jexia.com/">Jexia</a>. Just learning React? Join his newsletter '<a href="https://www.getrevue.co/profile/Andres-at-Jexia">Master the World of ReactJS</a>’.<br></p></h3>
<hr>
<h2>Fundamentals</h2>
<p>
<strong style='display: block;'><a href="https://codeburst.io/typescript-3-0-announced-9826ad44d7dc?gi=41391a071eb0&amp;utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=React%20Ninjas%20Newsletter">TypeScript 3.0 Release Candidate</a></strong>
<p>There is a TypeScript 3.0 on the horizon, and with it are some long anticipated updates in the pipeline, though nothing to the falsified hype level of #smooshgate.</p>
<p>
<strong style='display: block;'><a href="https://medium.com/@sarahelson81/using-webpack-4-to-create-browser-compatible-apps-5fd292d7ab4f?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=React%20Ninjas%20Newsletter">Using Webpack 4 to create browser compatible apps</a></strong>
<p>Often criticised by the JavaScript community for being a ‘customisation hell’, Webpack has tried to try a new approach.&nbsp;<br></p>
</p>
<h2>Best-practices</h2>
<p>
<strong style='display: block;'><a href="https://medium.com/prod-io/react-native-realities-5e6027c2b465?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=React%20Ninjas%20Newsletter">React Native realities</a></strong>
<p>A summary of our efforts to incorporate React Native into our native apps.<br></p>
</p>
<p>
<strong style='display: block;'><a href="https://hackernoon.com/improving-the-performance-of-javascript-applications-c05385185f9f?gi=8b247330f1ed&amp;utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=React%20Ninjas%20Newsletter">Improving the performance of JavaScript applications</a></strong>
<p>As developers we all tend to have our own views regarding technologies, languages and frameworks. We argue a lot about code style, indentation and best practices.</p>
</p>
<p>
<strong style='display: block;'><a href="https://medium.com/@Pinterest_Engineering/a-one-year-pwa-retrospective-f4a2f4129e05">A one year PWA retrospective</a></strong>
<p>I wrote a brief 1 year retrospective of our experience at Pinterest with investing in a PWA. We started last July and the results have been amazing!</p>
</p>
<p>
<strong style='display: block;'><a href="https://medium.com/@anum.amin/react-native-integrating-push-notifications-using-fcm-349fff071591?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=React%20Ninjas%20Newsletter">React Native: Integrating push notifications using FCM</a></strong>
<p>Recently, I integrated push notifications using react-native-firebase. I came across many challenges during the process of integration to successful implementation.</p>
</p>
<p>
<strong style='display: block;'><a href="https://medium.com/news-uk-technology/part-2-choosing-the-technical-approach-3bddae47e8bf?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=React%20Ninjas%20Newsletter">Re-engineering Sunday Times: choosing the technical approach</a></strong>
<p>This programme is a major project to re-engineer the technology behind the digital versions of The Times and The Sunday Times.</p>
</p>
<h2>Tutorials</h2>
<p>
<strong style='display: block;'><a href="https://blog.expo.io/setting-up-expo-and-bitbucket-pipelines-8995ef036a18?gi=6f3730c638ec&amp;utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=React%20Ninjas%20Newsletter">Setting up Expo and Bitbucket Pipelines</a></strong>
<p>Expo is a great tool to build apps, real quick. At Peakfijn we recently made the switch to React Native and Expo, and we are happy with the results.</p>
</p>
<p>
<strong style='display: block;'><a href="https://blog.bitsrc.io/monorepo-architecture-simplified-with-bit-and-npm-b1354be62870?gi=6c5c48c8b7e9&amp;utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=React%20Ninjas%20Newsletter">Monorepos made easier with Bit and NPM</a></strong>
<p>How to easily build a monorepo architecture using Bit, NPM, Lerna, Yarn Workspaces and friends.</p>
</p>
<p>
<strong style='display: block;'><a href="https://medium.com/google-design/google-photos-45b714dfbed1">Building the Google Photos Web UI</a></strong>
<p>Turns out, a "simple" photo grid ain't so simple and a performant grid is no small feat! An awesome under the hood look at the magic behind Google Photos layout..</p>
</p>
<p>
<strong style='display: block;'><a href="https://medium.com/@victorvarghese/building-facebook-messenger-clone-in-react-native-6d0f77bcd926?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=React%20Ninjas%20Newsletter">Building a Facebook Messenger clone in React Native</a></strong>
<p>Building a scalable application in react-native to ensure things are cool. Since I am working on a chat module, Facebook messenger popped into my mind.<br></p>
</p>
<p>
<strong style='display: block;'><a href="https://medium.com/@wesharehoodies/lets-build-a-customizable-rich-text-editor-with-slate-and-react-beefd5d441f2?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=React%20Ninjas%20Newsletter">Build a fast and customisable text editor with Slate and React</a></strong>
<p>A rich text editor’s aim is to reduce the effort for users trying to express their formatting as valid HTML markup.</p>
</p>
<h2>Tools</h2>
<p>
<strong style='display: block;'><a href="https://github.com/facebook/react/issues/13206?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=React%20Ninjas%20Newsletter">Releasing Suspense · Issue #13206 · facebook/react · GitHub</a></strong>
<p>Let's use this issue to track the remaining tasks for releasing Suspense to open source.</p>
<p>
<strong style='display: block;'><a href="https://github.com/medipass/react-ugent">A headless React Component to conditionally render based on browser, device and OS.</a></strong>
</p>
Weekly · </em><a href="https://medium.com/@andres_49956" data-href="https://medium.com/@andres_49956" data-anchor-type="2" data-user-id="8e5cac1aeeb3" data-action-value="8e5cac1aeeb3" data-action="show-user-card" data-action-type="hover" class="markup--user markup--p-user" target="_blank"><em class="markup--em markup--p-em">Andrés Cidel</em></a><em class="markup--em markup--p-em"> · July 22· </em><a href="https://www.getrevue.co/profile/Andres-from-Jexia/issues/react-ninjas-newsletter-issue-12-121460?utm_campaign=Issue&amp;utm_content=view_in_browser&amp;utm_medium=email&amp;utm_source=React+Ninjas+Newsletter" data-href="https://www.getrevue.co/profile/Andres-from-Jexia/issues/react-ninjas-newsletter-issue-12-121460?utm_campaign=Issue&amp;utm_content=view_in_browser&amp;utm_medium=email&amp;utm_source=React+Ninjas+Newsletter" class="markup--anchor markup--p-anchor" rel="nofollow noopener noopener nofollow noopener nofollow noopener" target="_blank"><em class="markup--em markup--p-em">Join for free</em></a><em class="markup--em markup--p-em"> or add </em><a href="about:invalid#zSoyz" data-href="ttp://fetchrss.com/rss/5b3a43798a93f8d6608b4567838652969.xml" class="markup--anchor markup--p-anchor" rel="nofollow noopener nofollow noopener" target="_blank"><em class="markup--em markup--p-em">the newsletter rss</em></a></p>