Embark on a comprehensive journey from novice to expert in GraphQL with this full-stack application development course. Learn to create a GraphQL server on Node.js, build a React front-end with Apollo, and utilize MongoDB for data storage. Begin with an introduction to GraphQL and its overview, then dive into practical implementation by setting up an Express app and configuring GraphQL. Master essential concepts such as schema creation, root queries, resolve functions, and type relations. Explore advanced topics including mutations, connecting to mLab, and working with Mongoose models. Transition to front-end development by creating a React app, implementing Apollo Client, and crafting various components. Delve into making queries from React, rendering data, and managing component state. Conclude by refining your skills in composing queries, handling variables, re-fetching queries, and styling the application for a polished finish.
Overview
Syllabus
)- Introduction to GraphQL.
)- A Birdseye View of GraphQL.
)- Project (stack) Overview.
)- Making Queries (front-end preview).
)- Express App Setup.
)- Setting up GraphQL.
)- GraphQL Schema.
)- Root Query.
)- The Resolve Function.
)- Testing Queries in Graphiql.
)- GraphQL ID Type.
)- Author Type.
)- Type Relations.
)- GraphQL Lists.
)- More on Root Queries.
)- Connecting to mLab.
)- Mongoose Models.
)- Mutations.
)- More on Mutations.
)- Updating the Resolve Functions.
)- GraphQL NonNull.
)- Adding a Front-end.
)- Create React App.
)- Book List Component.
)- Apollo Client Setup.
)- Making Queries from React.
)- Rendering Data in a Component.
)- Add Book Component.
)- External Query File.
)- Updating Component State.
)- Composing Queries.
)- Query variables.
)- Re-fetching Queries.
)- Book Details Component.
)- Making a Single Query.
)- Styling the App.
Taught by
freeCodeCamp.org
