question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Make readme a bit more friendly for new users

See original GitHub issue

Hey, 👋

I’m finally trying this package (with hooks) instead of apollo mess and have some suggestions:

The biggest one is lack of examples - using Api section to gather pieces of examples in a whole picture is pretty hard for a new user and examples section suggests visiting another repos with next.js examples which also doesn’t really help in a plain koa + graphql-api-koa project.

Some examples in the docs, before Api section - not codesandbox or other repo links, just some plain md examples with basic things - set up provider, write a query, run a query, run a mutation. They would really help.

Second suggestion is to move apollo comparison to bottom maybe - it’s kinda big and you have to scroll a lot to get to setup/usage sections and is not needed for people, who don’t use apollo or just want to quick start with this package.

Thanks and sorry for the issues, just sharing my thoughts from a new user perspective. As an author, it’s sometimes not obvious to see this because you are familiar with the package. I think this changes may help new users a lot 😃

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:7
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
eurobobcommented, Jun 4, 2019

@jaydenseric You don’t think it’s too bad because you wrote it. It makes perfect sense to you. That doesn’t make it inherently intuitive. Piecing it together from the API is a tough task, and even your two steps before omit certain knowledge. How do I connect to a specific graphql server?

2reactions
vladshcherbincommented, Apr 16, 2019

The readme Setup and Usage sections are right; to get started, all you need to do is:

  1. Create a single GraphQL instance and use GraphQLProvider to provide it for your app. This should wrap your router/routes.
  2. Use the useGraphQL React hook in your components to make queries and mutations.

This is exactly what I’m talking about - there are steps but no examples to quickly see what it looks like or copy paste to try it.

Check for example react-apollo, while it has a website with a nice step by step get started page, there is also a usage section in the docs, also with a step by step example. This is what really helps to get started, at least for me 😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

Writing a Friendly README | Rowan Manning
A README is one of the first things people see when they find your open source project. It should be helpful, welcoming, and...
Read more >
How to Create the Perfect README for Your Open Source ...
Start by adding the title for your project · Add a few short statements describing why your project exists and what it does...
Read more >
A Beginners Guide to writing a Kickass README | by Akash
A project with nice README and screenshots will get the attention of users better since it's a direct way to explain why this...
Read more >
The Easiest way to create a README For Github - YouTube
https:// readme.so/⭐ Kite is a free AI-powered coding assistant that will help you code faster and smarter. The Kite plugin integrates with ...
Read more >
GitHub Profile README | Setup + Templates - YouTube
IMPORTANT:Use the special promo code "JSM_YT_SQUAD" on checkout to save $50!GitHub added the ability to add a Readme file on your profile, ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found