Build an app with React and GraphQL with Karl Hadwen

Have you ever wondered how to connect React.js & GraphQL? Look no further! We will be creating a Pokemon application that uses React, GraphQL, and Apollo to build out a front-end application that lists out Pokemon characters!

Why learn GraphQL as a React dev?

Compared to REST APIs, GraphQL dramatically increases the speed of building and iterating on frontend apps. It also reduces the amount of data sent from the server to the client, making apps faster and more responsive.

In other words, GraphQL is something all React developers should know how to work with. So take a step to improve your React & GraphQL skill right now, and don’t worry…we have awesome coding challenges too!

⚡ Contents ⚡

  • 00:00:00 - Welcome to the course!
  • 00:06:14 - Installing our dependencies & creating our skeleton project
  • 00:10:25 - Giving our application life!
  • 00:18:18 - Let’s talk about GraphQL
  • 00:22:38 - Using our container component to map over our Pokemons!
  • 00:33:06 - Adding a GraphQL query and creating our Pokemon component!
  • 00:43:42 - Finishing our Pokemon component
  • 00:46:20 - Let’s style our application!
  • 00:56:34 - Responsively styling our application

#graphql #react #developer

Build a React and GraphQL App Tutorial [Pokemon App] - Full Course
3.05 GEEK