React 8base Starter App
A ReactJS App that's already setup to connect with 8base Authentication and GraphQL API
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.
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.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Apollo
Apollo is an open-source platform for building GraphQL APIs that connects with any data source. It provides a powerful set of tools and features for developers, including client and server-side caching, real-time data synchronization, and a seamless integration with popular frontend frameworks.
- Graphql
A website that uses GraphQL as a query language to manage data fetching and state management. This includes features such as a strongly typed schema, client-side caching, and declarative data fetching to streamline data management and optimize website performance.