Full-Stack React with GraphQL and Apollo Boost

Like 1 Comment

Download Tutorial Full-Stack React with GraphQL and Apollo Boost

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 scratch with full authentication (sign up, sign in, sign out), as well as the ability to create, browse, search for, save, and delete recipes.

Building this project will give you the skills to to create full-stack React and GraphQL applications from scratch for any theme you like!

This course presumes some experience with React, but if you are familiar with basic JavaScript concepts and have some knowledge of ES6 features, you will be able to follow along just fine.

  1. We will begin by building a backend with Node.js using the Express framework, then learn how tointegrate our backend with GraphQL. We’ll learn about essential topics within GraphQL such asqueries, mutations, schemas and resolvers, we’ll learn the GraphQL syntax and work extensively with GraphiQL to test our queries and mutations, after which we will move onto working with React.
  2. Then we will  build a React application and then connect it to our GraphQL-Express backend using Apollo Boost. We’ll cover all of the latest features of Apollo Boost and React Apollo, including ApolloClient, ApolloProvider/ApolloConsumer, as well as Query and Mutation components. On top of that, we’ll learn how to refetch queries, use optimistic UI, nest query and mutation components, use fragments and 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 the object and array spread operators and object and array destructuring, as well as cleaner React practices such as the property initializer syntax.
  4. Once we are done creating our application, we will go 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 additional React component libraries (i.e. react-pose, react-spinners) that will give us the ability to further style and animate our application to make it production-ready, give users the ability to customize their recipes, and make our application responsive with CSS grid.
Who is the target audience?
  • Any developer who wants to learn to make full-stack web applications with React and GraphQL from scratch

Screenshot Tutorials/Courses

Download Tutorials/Courses

Go to Download Tutorials Page

Password : freetuts.download

About the Author: Ho Thi Phuong Thao

I am Ho Thi Phuong Thao, 26 years old. Graduated from Van Hien University with excellent grades. With 4 years of experience in teaching English and many other subjects. I am an English teacher of American English Center in Vietnam. By loving the teacher and sharing the knowledge widely with everyone, I establish the freetuts.download website to help people download completely free courses in all areas of their lives. I hope to receive the donation from readers. Once again sincerely thank you

1 Comment

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

error: Content is protected !!