Master the World of ReactJS - Issue #12
Tags: react, redux, typescript, javascript
Published: 2018-07-12 20:04:32

---
title: Master the World of ReactJS - Issue #12
published: yes
description: Master the World of ReactJS. Each week Andrés Cidel serves the finest articles about the theories, trends, tools and topics.
tags: React, Redux, Typescript, JavaScript
---

By <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">Andrés Cidel</a> · July 7 · Issue #12 · <a href="https://www.getrevue.co/profile/Andres-at-Jexia/issues/master-the-world-of-reactjs-issue-12-121452?utm_campaign=Issue&amp;utm_content=view_in_browser&amp;utm_medium=email&amp;utm_source=Master+the+World+of+ReactJS" data-href="https://www.getrevue.co/profile/Andres-at-Jexia/issues/master-the-world-of-reactjs-issue-12-121452?utm_campaign=Issue&amp;utm_content=view_in_browser&amp;utm_medium=email&amp;utm_source=Master+the+World+of+ReactJS" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank">Join the weekly newsletter</a></p>

<img src="https://thepracticaldev.s3.amazonaws.com/i/gx99mdnarj5i6n2728uh.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">
<strong>Master the World of ReactJS. Each week Andrés Cidel serves the finest articles about the theories, trends, tools and topics.</strong>

<h3><p><a href="https://github.com/musghost">Andrés</a> is full-stack developer at developer platform <a href="https://www.jexia.com">Jexia</a>. Are you an advanced React user? Stay ahead with Andrés’ <a href="https://www.getrevue.co/profile/Andres-from-Jexia">React Ninjas Newsletter</a>.</p></h3>
<hr>
<h2>Fundamentals</h2>
<p>
<strong style='display: block;'><a href="https://blog.usejournal.com/a-beginners-guide-to-react-36b19943d58f?gi=f8e712941ca5&amp;utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Master%20the%20World%20of%20ReactJS">A beginner’s guide to React</a></strong>
<p>This guide is intended to help you in your quest to understand four fundamental aspects of this incredibly powerful library.</p>
</p>
<p>
<strong style='display: block;'><a href="https://blog.logrocket.com/5-common-practices-that-you-can-stop-doing-in-react-9e866df5d269?gi=1b6acbbd3a1&amp;utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Master%20the%20World%20of%20ReactJS">5 common practices that you can stop doing in React</a></strong>
<p>Sometimes best-practices can compromise performance, readability, and make things unproductive in the long run.</p>
</p>
<p>
<strong style='display: block;'><a href="https://medium.com/@KasraKhosravi/component-state-local-state-redux-store-and-loaders-d0e093b4c80b?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Master%20the%20World%20of%20ReactJS">Component State: Local State, Redux Store and Loaders</a></strong>
<p>There is no denial of the similarities between a React application and a Lego structure.<br></p>
</p>
<p>
<strong style='display: block;'><a href="https://medium.com/@russellgoldman1/diving-into-reactjs-part-2-jsx-components-and-installation-15a4f2f65da6?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Master%20the%20World%20of%20ReactJS">Diving into ReactJS — Part 2 (JSX, Components and Installation)</a></strong>
<p>Note: This article is one of many parts of an edition on ReactJS. If you haven’t read part 1, I’d suggest checking that out before reading part 2.</p>
</p>
<h2>Best-practices</h2>
<p>
<strong style='display: block;'><a href="https://code-maze.com/react-netcore-delete-request/?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Master%20the%20World%20of%20ReactJS">Handling delete request in React</a></strong>
<p>Find out how to handle delete request in React project. How to connect Redux files with the component to show the data on the page.</p>
</p>
<p>
<strong style='display: block;'><a href="https://medium.com/@pnpsegonne/tutorial-creating-a-form-with-react-redux-c1b3025cf26b?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Master%20the%20World%20of%20ReactJS">Creating a form with React + Redux</a></strong>
<p>Working as a software engineer I was faced with the daunting task of creating a large collection of forms while using React.</p>
</p>
<p>
<strong style='display: block;'><a href="https://medium.com/@kurtwanger40/deploy-react-component-as-an-npm-library-d396efc25122?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Master%20the%20World%20of%20ReactJS">Deploy React component as an NPM library</a></strong>
<p>Since the advent of Node.js in 2009, everything we knew about JavaScript changed.</p>
</p>
<p>
<strong style='display: block;'><a href="https://blog.usejournal.com/testing-graphql-container-components-with-react-apollo-and-jest-9706a00b4aeb?gi=8756dc7ff37a&amp;utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Master%20the%20World%20of%20ReactJS">Test GraphQL container components with React Apollo and Jest</a></strong>
<p>Our team is in the middle of adopting React + GraphQL using React Apollo.</p>
</p>
<h2>Tutorials</h2>
<p>
<strong style='display: block;'><a href="https://medium.com/paloit/dissecting-webpack-part-i-b56b61259e2a?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Master%20the%20World%20of%20ReactJS">Dissecting Webpack, Part I</a></strong>
<p>This article attempts to simplify major concepts in the building of a frontend project, specifically with React.<br></p>
</p>
<p>
<strong style='display: block;'><a href="http://krasimirtsonev.com/blog/article/story-about-react-redux-server-side-rendering-ssr?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Master%20the%20World%20of%20ReactJS">A story about React, Redux and server-side rendering</a></strong>
<p>Long time ago in a kingdom far away there was an app. It was supported by the well known React and Redux families but there was a problem. It was damn slow.</p>
</p>
<p>
<strong style='display: block;'><a href="https://codeburst.io/stateful-peanut-butter-and-svg-elly-a-react-d3-tutorial-c959f5a9ed49?gi=b20c748ac1e5&amp;utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Master%20the%20World%20of%20ReactJS">Stateful Peanut Butter and SVG-elly: a React + D3 Tutorial</a></strong>
<p>There are fewer people and projects using D3 than React, but when it comes to creating data visualization in 2018, there really isn’t anything that comes close.<br></p>
</p>
<p>
<strong style='display: block;'><a href="https://medium.com/@alexbrambila/how-to-implement-claims-based-oidc-authorization-with-react-f7f47582b18c?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Master%20the%20World%20of%20ReactJS">How to implement claims-based OIDC authorization with React</a></strong>
<p>In this tutorial I’ll be enhancing the React single page app we created in the previous tutorial.</p>
</p>
<p>
<strong style='display: block;'><a href="https://medium.com/@peterekeneeze/build-a-react-js-weather-app-with-stateless-functional-components-e61567004b54?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Master%20the%20World%20of%20ReactJS">Build a weather app with stateless functional components</a></strong>
<p>In this tutorial I’ll show how to use components when building a weather app that shows the conditions of a particular city when you supply the city and country.&nbsp;<br></p>
</p>
<h2>Tools</h2>
<p>
<strong style='display: block;'><a href="https://blog.callstack.io/announcing-rebolt-207a1686a242?gi=c765f5b35307&amp;utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Master%20the%20World%20of%20ReactJS">Announcing Rebolt</a></strong>
<p>We are really happy to announce an initial release of Rebolt?—?our take on developing React Native applications in Reason.<br></p>
</p>
<p>
<strong style='display: block;'><a href="https://medium.com/@AndrewLocke/migrating-an-existing-react-project-6ca4a38da19f?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Master%20the%20World%20of%20ReactJS">Migrating an existing React project</a></strong>
<p>Single-spa allows you to build micro frontends that coexist and can each be written with their own framework.</p>
</p>
<p>
<strong style='display: block;'><a href="https://medium.com/@duytq94/facebook-reactions-animation-with-react-native-8f750e136ff5?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Master%20the%20World%20of%20ReactJS">Facebook reactions animation with React Native</a></strong>
<p>We checkout that what is different when implement the same thing on Flutter and React Native, and which platform does better in this case.</p>
</p>
<h2>Video</h2>
<p>
<strong style='display: block;'><a href="https://medium.com/@remarkablemark/server-side-rendering-with-react-46715f501651?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Master%20the%20World%20of%20ReactJS">Server-side rendering with React</a></strong>
<p>A quick introduction on server-side rendering with React, Express, and Node.js.<br></p>
<strong style='display: block;'><a href="https://www.youtube.com/watch?utm_campaign=Revue%20newsletter&amp;utm_medium=Newsletter&amp;utm_source=Master%20the%20World%20of%20ReactJS&amp;v=sI83N5OeNGI">React.portal: the good, the bad and the ugly</a></strong>
<p>React 16 has a first class portal implementation. But wait, what's a portal? In this talk I will go over what portals are on the web and what problems they solve. I will also take a look at React.Portal&nbsp;<br></p>

By <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">Andrés Cidel</a> · Issue #12 · <a href="https://www.getrevue.co/profile/Andres-at-Jexia/issues/master-the-world-of-reactjs-issue-12-121452?utm_campaign=Issue&amp;utm_content=view_in_browser&amp;utm_medium=email&amp;utm_source=Master+the+World+of+ReactJS" data-href="https://www.getrevue.co/profile/Andres-at-Jexia/issues/master-the-world-of-reactjs-issue-12-121452?utm_campaign=Issue&amp;utm_content=view_in_browser&amp;utm_medium=email&amp;utm_source=Master+the+World+of+ReactJS" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank">Join the weekly newsletter</a></p>