Frontend Serverless with React and GraphQL, v2

Building a frontend React application is complex. You have to not only control how your various UI elements will appear on a page, but you need to make sure that it will look great across a variety of different screen types and you also need to manage fetching the wide variety of data needed to feed all these individual components. You also need to manage user login, SEO optimization, and on top of all that deploy your site in a way so that it will effortlessly scale when your site gets featured on Ellen.

Learn how spend your time writing business logic, not boilerplate code in your React apps.

This course teaches you how to build React apps that are both quick to get off the ground for an MVP and flexible enough to grow with your changing business needs.

We cover everything that you will need to build your own end-to-end strongly-typed React apps that enable you to focus less on writing fragile, single purpose data fetching code and more on creating features that your users care about.

Learn by doing: build a Recipe Sharing App

We will learn all of these best practices by creating a Recipe Sharing application called Next Chop. Here is some of what you will be learning:

• Use libraries and Styled Components for a lovely UI
• Site-wide templates for a consistent layout
• Apollo and GraphCMS for a flexible GraphQL backendEliminate type errors with GraphQLCodeGen
• Custom alerts and modals for helpful user feedback
• Manage user state with Auth0 and React Hooks
• Fetch exactly the data you need for individual 'favorites', 'all', and 'my' recipe pages
• Keep track of user likes for a particular recipe
• Learn mutations with 'create' and 'update' recipe pages
• Image uploads to share your most delicous recipes
• Secure backend with a proxy service to verify all requests
• Automated serverless deployment with Vercel