React Relay App
| Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
|---|---|---|---|---|---|---|---|---|---|---|
| React Starter Kit | 21,922 |  | 1 | 5 | 4 days ago | 23 | March 07, 2016 | 5 | mit | TypeScript |
| The web's most popular Jamstack front-end template (boilerplate) for building web applications with React | ||||||||||
| Parse Server | 20,260 |  | 1,140 | 89 | 18 hours ago | 220 | September 20, 2022 | 403 | apache-2.0 | JavaScript |
| Parse Server for Node.js / Express | ||||||||||
| Relay | 17,763 |  | 1,540 | 227 | 5 days ago | 2,790 | September 23, 2022 | 525 | mit | Rust |
| Relay is a JavaScript framework for building data-driven React applications. | ||||||||||
| Awesome Graphql | 13,998 | a month ago | ||||||||
| Awesome list of GraphQL | ||||||||||
| Postgraphile | 11,948 |  | 76 | 99 | 6 days ago | 156 | May 25, 2022 | 66 | mit | TypeScript |
| Execute one command (or mount one Node.js middleware) and get an instant high-performance GraphQL API for your PostgreSQL database! | ||||||||||
| Graphql | 9,134 | 148 | 272 | 2 months ago | 21 | August 21, 2021 | 206 | mit | Go | |
| An implementation of GraphQL for Go / Golang | ||||||||||
| Graphene | 7,682 |  | 683 | 155 | 5 days ago | 94 | May 30, 2022 | 120 | mit | Python |
| GraphQL framework for Python | ||||||||||
| Este | 5,484 | 4 years ago | mit | TypeScript | ||||||
| This repo is suspended. | ||||||||||
| Graphql Ruby | 5,231 |  | 886 | 168 | 5 days ago | 269 | September 08, 2022 | 85 | mit | Ruby |
| Ruby implementation of GraphQL | ||||||||||
| React Firebase Starter | 4,457 |  | 2 | 5 months ago | 25 | July 22, 2016 | 135 | mit | JavaScript | |
| Boilerplate (seed) project for creating web apps with React.js, GraphQL.js and Relay | ||||||||||
React client application + Relay Modern
This project was bootstrapped with Create React App and after ejection its been integrated with Flow, GraphQL & Relay. All tests during development been running against an API Laravel Lumen server .
Server code its here: React-Lumen-Boilerplate
Notes:
This isn´t a production package, its been built from scratch using minimum plugins, trying to avoid the hidden magic good packages provide, self teach getting hands dirty with code, hopefully will help others and will save you time learning GraphQL in a pure Relay Modern environment.
- Todo CRUD its taken from RelayJS-examples, and lumen backend has been prepared to be able to serve the endpoints the Todo CRUD needs. Might not be the best approach but its a good way to see how both world work together.
-
The Auth uses
Laravel Passportto generate tokens, based on the Personal Access Tokens functionality Passport provides out of the box. - No fetch, no Axios this is a pure Relay example thus this has no need to use any other network framework.
- No Redux as Relay has its own personal storage. pending
Install
Clone or download the repo to your working environment-
git clone [email protected]:kikoseijo/react-relay-app.git
Using the console navigate to the project working root directory
cd react-relay-app
Install dependencies, you can use NPM or Yarn, its your choice-
yarn install
You will need a GraphQL server to work with, you can try the Lumen boilerplate that will respond to all the demo endpoints.
yarn run relay # will generate the necessary files for "**Relay Modern**" to work.
Libraries
Other libraries
Development libraries
Available commands
You can use npm or yarn, its your choice.
| Commands | Descriptions |
|---|---|
| yarn start | starts application under development environment |
| yarn build | builds application ready for production |
| yarn schema | Will download db schema from configured server .graphqlconfig |
| yarn gen | Generates compiled GraphQL to the __generated__ folders |
| yarn db |
yarn schema && yarn gen with a single command |
| yarn playground | GraphQL playground, on port 3003 |
| yarn pretty | It does pretty things, called when pushing code trough git |
Todo
This is what i consider the minimum features this package should have to help you start working with Relay.
- [x] Integrate with Laravel Lumen using laravel-graphql
- [x] Token based Auth with Laravel Passport
- [x] Integrate Bootstrap v4, SASS
- [x] Implement HashRouter for github pages
- [x] Full CRUDs
- [ ] Optimize rendering user experience
- [ ] Fix fake mutations on todo demo against server
- [ ] Implement local & server form validation
- [ ] Implement Relay paginations
- [ ] ...
Credits
Sunnyface.com, is a software development company from Málaga, Spain. We provide quality software based on the cloud for local & international companies, providing technology solutions with the most modern programming languages.
DevOps Web development
Custom App Development Mobile aplications
Social Apps and Startups Residents mobile application
Graphic designer Freelance senior programmer
