Build an app with React and GraphQL

Unlock Course Get started!

Join 8190 other students

Log in to get

Access to 30+ free courses

Interactive hands-on content

Challenge weeks - code to win!

Join a friendly community

Subscribe to access!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

with Karl Hadwen

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 13 interactive screencasts

Build an app with React and GraphQL

13 lessons1 hour

1. Welcome to the course!

2. Installing our dependencies & creating our skeleton project

3. Important: please watch before continuing 👀

4. Frontend Career Path

5. Frontend Developer Career Path Promo

6. Giving our application life!

7. Let's talk about GraphQL

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

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

10. Finishing our Pokemon component

11. Let's style our application!

12. Responsively styling our application

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

Learn JavaScript for free

161 lessons | 7 hours

with Per Harald Borgen

Per Harald Borgen

Learn React for free

148 lessons | 11 hours

with Bob Ziroll

Bob Ziroll

HTML & CSS crash course

31 lessons | 4 hours

with Kevin Powell

Kevin Powell

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.