Fullstack React is a weekly newsletter about the React ecosystem with an emphasis on useful libraries, tutorials and code. Subscribe to read the best articles each week on React, Flux, GraphQL, Relay, and friends.

Subscribe with Email

Email

No spam, ever. We'll never share your email address and you can opt out at any time.

Highlights include the first release of the new experimental package for creating custom renderers and the removal of unused code which reduces bundle size. Check the change log for more bug fixes and improvements.

Tutorials

This 4-part series covers how to get started with Ethereum and React. Learn how to create a smart contract and deploy it to the Ethereum blockchain, using the minimum toolset required: Remix, Metamask, and any text editor and then integrating with React.

Few things are worse in software development than thinking that you've covered every possible use case, and then discovering (or receiving) new edge cases that will further complicate your code once you account for them. What if we could determine all possible UI states that can result from all possible actions performed on each state? And what if we can visualize these states, actions, and transitions between states? Designers use UX flows to determine the next state of the UI depending on the current state. Finite state machines are a way to model behavior in an application similar to how a UX flow works.

This article by David Khourshid discusses using the concept of finite state machines in React applications and how they can improve development time as well as reduce errors and mistakes.

Danijel Vincijanovic covers many of the basic concepts of Redux in this article. If you don't understand the concepts in Redux or even if you've already chosen another library for state management, it's a valuable resource to learn how Redux works "under the hood".

You can break all navigation solutions for React Native into two categories — JavaScript and Native.
Javascript navigators are written entirely in JavaScript and executed entirely in JavaScript.
Native navigators are navigators written in the platform’s native language (typically Objective-C or Java) and are exposed to React Native via a JavaScript API. The primary difference is that navigation is executed off of the JavaScript thread.

With so many different options for navigation which one should you choose? This article covers the pros and cons of each navigation option in React Native.

About

Learn React the right way with Fullstack React: The Complete Guide to ReactJS and Friends. If you've already purchased a copy, you automatically get access to the latest changes. If you haven't purchased a copy yet, don't delay and get the most up to date and comprehensive information and tutorials.