Build an app with React and GraphQL

Unlock Course Get started!

Join 7294 other students

Sign in to get

Access to 30+ free courses

New courses added monthly

Weekly coding challenge

Join a friendly community

Subscribe to access!

Subscribe to access to this course and ALL other courses. You get a 30-day money-back guarantee, no questions asked.

Subscription includes

All courses, bootcamps, paths

100s of coding challenges

Certificates of completion

Exclusive Pro members chat

New courses bi-weekly

with Karl Hadwen

7294 students enrolled

Course level: Intermediate

This course teaches React developers to work with GraphQL and Apollo. You'll learn it by building a simple Pokemon app, and solve several code challenges along the way.

What's inside

This course contains 11 interactive screencasts

▼

Build an app with React and GraphQL

11 lessons - 1 hour

1. Welcome to the course!

2. Installing our dependencies & creating our skeleton project

3. Important: please watch before continuing 👀

4. Frontend Developer Career Path Promo

5. Giving our application life!

6. Let's talk about GraphQL

7. Using our container component to map over our Pokemons!

8. Adding a GraphQL query and creating our Pokemon component!

9. Finishing our Pokemon component

10. Let's style our application!

11. Responsively styling our application

Prerequisites

Before taking this course, you should have a basic understanding of HTML, CSS, JavaScript, and React. Here’s our suggested resources to get you up to speed.

The course creator

Meet your teacher

Karl Hadwen

Im a JavaScript and React developer with over ten years of experience creating highly functional and scalable e-commerce websites. I also run a YouTube channel focused on React, JavaScript, and GraphQL. Follow me on Twitter: @karlhadwen

Follow me on twitter

Why this course rocks

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 repsonsive.

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!

The course assumes you know basic React beforehand. If you've gone through our Learn React For Free course, you'll be well equipped to tackle this one.