PayPal's open source JavaScript libararies, GraphQL basics & blog tutorial & building microservices with Docker & React
🍬Goodies in this week's newsletter: 🍬
- Learn how to build a blog with GraphQL, CosmicJS and React
- Watch a video on the basics of GraphQL
- Peruse PayPal's open source JavaScript libraries and find something to use in your next project!
- Migrate to a microservice architecture by reading an in-depth tutorial that uses Docker, Flask, and React
Happy Coding!
-Sophia Shoemaker
Videos
Fun Fun Function: GraphQL Basics
In this fun video, you'll learn how to wrap the GoodReads API in GraphQL and build everything from scratch using node.js, express, express-graphql in JavaScript.
youtube.com
Tutorials
Microservices with Docker, Flask, and React
Migrating applications to a microservice architecture is a hot topic these days. While "microservice architecture" encompasses a broad spectrum of techniques and tools, generally it means breaking your application down into smaller, more modular services that are independent from each other. This allows for better testing and integration with a wide range of clients (desktop, phone, "Internet of Things" devices, etc). Docker is a frequently used tool to speed up development of a microservice architecture.
In this course, you'll learn how spin up a reproducible development environment with Docker to manage a number of microservices. Once the app is up and running locally, you'll learn how to deploy it to an Amazon EC2 instance. Finally, you'll learn how to scale the services on Amazon EC2 Container Service (ECS).
testdriven.io
How to build a blog with React, GraphQL & CosmicJS
In this tutorial, Tony Spiro gives us the basic rundown on how to set up a blog using React, GraphQL and CosmicJS.
hackernoon.com
Code
Convert Sketch files to React Native components
Do you have designs in Sketch, and need to turn those into a mobile app? This will take those designs, and automatically create React Native components.
github.com
Nuka Carousel: A pure React carousel component
Includes animations, optional slide positions, animation duration and beforeSlide & afterSlide hooks.
PayPal's open source cross domain suite of JavaScript tools
PayPal has put together a suite of JavaScript tools and open sourced them. Some are React-specific and others are more general JavaScript libraries. Some of the libraries include:
xcomponent: Turn iframes into React-like components that you can directly pass props and callbacks to, and allow the child windows to directly call functions passed by the parent.
beaver-logger: batches together logs, and flushes them to your server periodically. It also comes with a server-side node component for receiving the logs, but you’re free to reimplement this for any platform you like.
zaglo-promise: Forces all promises into synchronous mode by default — meaning if they’re resolved synchronously, the function passed to .then() will also be called synchronously.
medium.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.