Build an app with React and GraphQL

Join 6481 other students

Sign in to get

Access to 30+ free courses

New courses added monthly

Weekly coding challenges

Huge discord community

Exclusive chat access

Subscribe to access!62% covid discount

Get access to this course and ALL other Scrimba courses at great value. Our 30-day money back guarantee makes this risk free for you.

Career Path includes

75+ hours of content

100s of coding challenges

Exclusive Study Group access

HTML, CSS, JS & React

Getting Hired section

30-day money-back guarantee

Subscribe now!62% covid discountSubscribe to access with 62% covid discount.

with Karl Hadwen

6481 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 10 interactive screencasts

▼

Build an app with React and GraphQL

10 lessons - 59 min

1. Welcome to the course!

2. Installing our dependencies & creating our skeleton project

3. Frontend Developer Career Path Promo

4. Giving our application life!

5. Let's talk about GraphQL

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

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

8. Finishing our Pokemon component

9. Let's style our application!

10. 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!