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
i18nnextand 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!
apollodata.com
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!
youtube.com
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.
medium.com
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.
medium.com
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! 😉
github.com
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.
github.com
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.
fullstackreact.com
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.