Build an app with React and GraphQL

Unlock Course Get started!

Join 7673 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 monthly

with Karl Hadwen

7673 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 12 interactive screencasts

Build an app with React and GraphQL

12 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

12. Congratulations on completing Build an app with React and GraphQL! 🎉

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.

HTML & CSS Crash Course

31 lessons | 4 hours

with Kevin Powell

Kevin Powell

Learn React for free

59 lessons | 5 hours

with Bob Ziroll

Bob Ziroll

Introduction to JavaScript

34 lessons | 1 hour

with Dylan C. Israel

Dylan C. Israel

Meet your teacher

The course creator

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.