React Templates & Themes Logo React Templates & Themes
React 8base Starter App screenshot

React 8base Starter App

Author Avatar Theme by 8base
Updated: 12 Aug 2021
13 Stars

A ReactJS App that's already setup to connect with 8base Authentication and GraphQL API

Github

Overview

The 8base + ReactJS Starter App is a pre-configured starter app designed to help developers quickly get started with building ReactJS applications using the 8base platform. The app includes features such as user authentication, GraphQL API integration, and a minimalistic styling approach. It provides a template and instructions for setting up the necessary environment variables and dependencies to run the app.

Features

  • User Authentication: The app supports user sign-in and sign-up functionalities using 8base authentication, which is powered by either Cognito or Auth0. It includes example code for enforcing authentication at the router level using a ProtectedRoute component.
  • GraphQL API Integration: The app utilizes an 8base workspace to access and update data using the GraphQL API. It demonstrates how to make authenticated queries using Apollo Client and provides examples of GraphQL queries, mutations, and subscriptions.
  • Minimal Styling: The app comes with minimal styling, allowing developers to easily add their own styling preferences and CSS frameworks.

Installation

To install and run the 8base + ReactJS Starter App, follow these steps:

  1. Create an 8base workspace and Authentication Profile.
  2. Set the required environment variables by copying the provided .env template to a new .env.local file. Ensure that you do not commit any environment variables to git tracking.
  3. Install the app’s dependencies by running the necessary commands.
  4. Run the app and visit http://localhost:3000 to test it out.

Summary

The 8base + ReactJS Starter App is a pre-configured template that helps developers quickly start building ReactJS applications using the 8base platform. It provides out-of-the-box user authentication and GraphQL API integration, reducing the initial setup time. The app is designed to be easily customizable and allows developers to add their own styling preferences. It also encourages contribution and improvement from the community through forking and submitting pull requests.