All Projects → reactql → examples

reactql / examples

Licence: MIT license
ReactQL example projects

ReactQL

ReactQL - example projects

New: Projects for kit v2.x!

ReactQL is a starter kit for building React + GraphQL front-ends.

It's written as an ES6 Javascript kit, and has a CLI tool for quickly spawning new projects on Windows, Mac or Linux.

It features a universal code base, that runs both in the browser and server-side, and offers a built-in web server with server-side rendering. Check out the full feature list.

This flexibility makes the kit ideal for a variety of use cases -- from building rich, single page web and mobile apps, to running your own GraphQL or even REST server with full server-side React.js.

This repo features a growing list of runnable examples to demonstrate how ReactQL can be used.

Projects

Current example projects:

Build a monolithic GraphQL app that accepts user/passwords, validates against an in-memory SQLite DB, and returns a JWT via cookies and stored in the browser in localStorage for stateful and stateless future requests.

How to run

Each project appears in its own Github repo.

Clone the relevant repo then run:

npm i

... to install the required packages for that particular project.

Finally, run npm start to spawn a hot-reloading Webpack dev server on http://localhost:8080 and a full server-side rendering capable web server on http://localhost:8081 -- both environments will rebuild automatically on code changes.

To run in 'production' mode

Run:

npm run build-run

And navigate to http://localhost:4000

Want to start your own project?

See the CLI tool for easily deploying this starter kit on Mac, Windows or Linux.

PRs welcome!

If you have your own examples to share, check out the contribution guidelines.

Need help?

Complete documentation @ https://reactql.org

Or open an issue on Github.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].