Full-Stack React with GraphQL and Apollo Boost

Course details

New!Additional Bonus Section:Updates for Full CRUDFunctionality

This course is designed for anyone who wants to start building applications with React and GraphQL! In this course, we will build a recipe application from scratchwith full authentication (sign up, sign in, sign out), as well as the ability to create, browse, search for, save, and delete recipes.

Building this projectwill give you the skills toto create full-stackReact andGraphQL applications from scratch for any theme you like!

This coursepresumes some experience with React, but if you are familiar with basic JavaScript concepts and have someknowledge of ES6 features, you will be able tofollow along just fine.

1. We willbegin by building a backend with Node.js using the Express framework, then learn how to integrate our backend with GraphQL. We'll learn about essential topics within GraphQL such as queries, mutations, schemas and resolvers, we'll learn theGraphQL syntax and work extensively with GraphiQL to test our queries and mutations, after which we will move onto working withReact.

2. Then wewill build a React application and then connect it to our GraphQL-Express backend using Apollo Boost. We'll cover all of the latest features ofApollo Boost and React Apollo, includingApolloClient, ApolloProvider/ApolloConsumer, as well asQuery and Mutation components. On top of that, we'll learn how to refetch queries, use optimistic UI, nest query and mutation components, use fragmentsand much more!

3. On top of learning all about Apollo Boost, we will use essential React libraries such as React Router (version 4) to provide routing for our application, learn how to make protected routes,use essential lifecycle methods, reinforce proper state management practices, use helpful ES6 features such as theobject and array spread operators and object and array destructuring,as well as cleanerReact practices such as the property initializer syntax.

4. Once we are done creating our application, we willgo through the process of deploying to Heroku. We will create a postbuild script that will allow us to deploy our full-stack app using the Heroku CLI.

5. As a bonus section, we're going to dive into some additionalReact component libraries (i.e. react-pose, react-spinners)that will give us the ability to further style andanimate our application to make itproduction-ready, giveusers the ability to customize their recipes, and make our application responsive with CSS grid.