i18n with React, Apollo Client 2.0 & How do you know when you're ready for Redux?

🍭Goodies in this week's newsletter🍭

Learn what happened when Netflix removed their client-side React code
Start the internationalization process in your React application with i18nnext and a tutorial
Integrate GraphQL easier with version 2.0 of Apollo Client
Learn some basic authentication techniques with a tutorial from Evan Gow
Figure out when you're ready to use Redux in your React application

Happy Coding!

-Sophia Shoemaker

Apollo Client 2.0 released

Apollo Client is a caching GraphQL client with integrations for React. It allows you to build UI components that fetch data via GraphQL. GraphQL is a great tool for managing data and Apollo Client is designed to make it easier for you to enjoy the benefits of GraphQL. The Apollo team recently released version 2.0 and one of the most important features of Apollo Client 2.0 is the move to a network layer powered by observables, instead of promises. Check it out!

Videos

Netflix: Removing client-side React.js improved performance by 50%

Last week Netflix hosted an engineering talk at their headquarters and discussed the details of how they've modified their landing pages. Removing client-side React.js (but keeping it on the server) resulted in a 50% performance improvement on their landing pages. Watch this video and find out all the details!

Tutorials

Server & Authentication Basics: Express, Sessions, Passport, and cURL

Authentication is such a common task in many applications but can often feel like a tricky beast. This article from Evan Gow gives you a complete tutorial on how to setup authentication with express and Passport.

I18n with React and i18next

More and more apps are being designed for the global market which means your app will need to work for an audience using various languages and dialects. React does not have internationalization (i18n) built-in, but it is not hard to internationalize an app, especially with the help from i18next. This article from alligator.io will show you how to integrate this library into your application.

When do I know I'm ready for Redux?

Redux is a great tool, but if used too soon in an application or used when you're just starting out with React could potentially add complexity and confusion when it's unnecessary. This blog post discusses the scaling process some members of engineering team at the Austrailian Broadcasting Company went through to build a new React application and slowly integrate Redux.

Code

Gitpoint: Github in your pocket

Gitpoint is a React Native application for browsing Github. It's the mobile version of Github I've always wanted! 😉

gatsby-source-stripe: A Gatsby plugin for Stripe

Gatsby Source Stripe is a plugin for building websites using Stripe as a data source. This plugin allows for pulling in data from the Stripe API. This plugin is a source plugin, so it only brings in the data (to be used, for example, in creating a Stripe dashboard, or an e-commerce store). To actually edit the data in your Stripe account, to handle transactions, make charges, you will need to use some kind of backend server.

About

Fullstack React: The Book

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.

Like what you've been reading from Fullstack React? You can help us spread the word. Please forward this email to you friends (and let them know they can subscribe here).

Follow us on Twitter

Curated with love by Sophia Shoemaker and the Fullstack.io team.

Suggestions are welcome, just reply to this email - we'd love to hear from you.

Subscribe with Email

Issue 83 November 1st 2017