tuanphungcz/startWithGraphlQL

How to get started with graphQL

Fast-track with GraphQL

So I guess you have already heard something about the GraphQL, and you don't exactly what it is or where to start with it or you just wanna chill around 😃

Well, I was exatly there, long story short, yesterday it was raining so I finally decided to look into this hot thing called GraphQL.

I run into a really a nice ilustration from Mark Johnson's medium article, how it would look like if UI is having a conversation with backend, it would look something like this.

And then I read an article from Peggy Rayzis, about how they were able to replace Redux code with React Apollo and remove 5,000 lines of code.😵

I mean ... whaaaaat? This is super mega coool 🤩

I need to google this GraphlQL magic thing out. (Ok google, teach me how to graphQL! 💪)

And this is my fast-track of learning GraqhQL, maybe it will save someone time 😉

---

1. Introduction - Oh my gosh, this is exiting 😍

• Lessons from 4 Years of GraphQL - Lee Byron (Video) - Lee, the co-creator of graphQL talks about how did GraphQL started at facebok, evolution and history, best practices and lessons from 4 years of using graphQL.

• So what’s this GraphQL thing I keep hearing about? (Medium)

• Zero Config GraphQL State Management - Peggy Rayzis (Youtube) - Declarative data fetching, zero-config caching, combining local & server data - Apollo boost FTW!

• GraphQL: Everything You Need to Know (Medium)

2. Learn more about this 🤩

• From REST to GraphQL - Marc-Andre Giroux (Youtube)

• Moving Existing API From REST To GraphQL - Brooks Swinnerton (Youtube)

• Managing your local data in Apollo Client with apollo-link-state (Medium)

• Reducing our Redux code with React Apollo (Medium) - Whaaaat? We can remove redux from our app? ... mindblowing

• How GraphQL Replaces Redux (Medium)

---

3. Show me some code 🔥

• State Management in React Apps with Apollo Client - Sara Vieira (Youtube)

• Apollo-link-state - Let's manage state with queries - Sara Vieira (Youtube)

4. Let's do some coding, oh yeah! 💪

And finally but not least, this is basically everything you need to know to start your first graphQL app

• The Fullstack Tutorial for GraphQL - One of the best free course on GraphQL

Code examples

• Pupstagram
• Apollo Client 2.0 example

4. What next?

• add more cool GraphQL stuff to this repo 😍🙏
• learn more about by reading official documentation: https://graphql.org/learn/
• For more awesome resources related to GraphQL check out: Awesome-graphql
• follow on twitter: Peggy Rayzis, Sara Vieira 🎉, ᐸGerardSans/ᐳ 😉, Lee Byron