A simple react client for Github's graphQL API 🚀In short, this project allows you to browse repositories available on Github using an infinite scroll. It uses the new Github GraphQL v4 and well the new `apollo/client` library.
A simple react client for Github's graphQL API 🚀
In short, this project allows you to browse repositories available on Github using an infinite scroll. It uses the new Github GraphQL v4 and well the new
To get this project running locally, please follow the instructions below. It's also important to note that the app doesn't contain an authentication feature yet. Meaning you will need to generate a private personal token on GitHub and add it to the
.envfile (use the
After following the steps above, please use the
.env.example as an example to store your token.
git clone https://github.com/JadRizk/repoWare.git cd repoWare/ yarn -or- npm i yarn start or npm run start
Open your localhost on port 3000 to the project running the browser.
Here is a list of useful scripts available:
// Run the dev server locally yarn start -or- npm run start // Build the production file yarn build -or- npm run build // Run tests yarn test -or- npm run test // Format the code using prettier yarn format -or- npm run format // Lint Code using ESLint yarn lint -or- npm run lint
ADD AUTOMATED TESTS !
Add user authentication using Github REST API (we can get the token and then use it to query the graphql endpoint)
Add a feature to allow the user to star or watch repos from the app (Use optimistic UI)
Add Infinite Scroll for the issues list
Add the option to filter by a minimum amount of stars
Add a view to display the top 10 repos for specific languages
Source Code: https://github.com/JadRizk/repoWare
Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.
This Edureka video on "What is ReactJS ?" will help you understand the fundamentals of ReactJS and help you in building a strong foundation in React by understanding the advantages of ReactJS along with its features and major aspects.
I have been using React JS in my projects for quite some time now and am used to managing routing in my app using the react-router package. I have always been keen on having as little dependencies in my apps as possible, so, I always felt perturbed by the use of this particular package in simpler apps which did not have complex routes.
In this post, I will share my own point of view about React Hooks, and as the title of this post implies, I am not a big fan.