Skip to content

Files

This branch is 7598 commits behind cube-js/cube:master.

react-dashboard

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
Oct 23, 2019
Apr 30, 2020
Oct 25, 2019
Apr 30, 2020
Oct 25, 2019
Oct 24, 2019
Oct 23, 2019
Oct 23, 2019
Oct 23, 2019
Oct 23, 2019
Oct 23, 2019
Oct 24, 2019
Oct 23, 2019
Oct 23, 2019
Oct 23, 2019
Oct 23, 2019
Oct 23, 2019
Oct 23, 2019

Cube.js

WebsiteDocsBlogSlackTwitter

React Dashboard: an Ultimate Guide

An ultimate guide on how to build dynamic analytics dashboards with React. You will learn how to create an API for analytics on top of your database, build beautiful charts, save dashboard data with the AppSync GraphQL backend, and how to authorize your users with AWS Cognito.

The guide is available here.

Build Internal Dashboards

Learn how to build a full-stack React Dashboard from the database to the dynamic charts and drag-n-drop features. You’ll learn how to create an analytics API with Cube.js, how to generate a React dashboard boilerplate, and then customize it however you want.

Build Customer-Facing Dashboards

Learn how to build the React Dashboard directly into your app. You’ll learn the best practices on the backend organization of analytics API and building a customer-facing dynamic React Dashboard.

Build an Analytics Platform

Do you want to build your own data analytics platform, like Mixpanel or Google Analytics? You can learn how to set up a backend infrastructure, as well as understand the best practices both on the backend and frontend.

Table of Contents

  1. Overview and Analytics Backend
  2. Authentication and GraphQL API
  3. Customize Theme
  4. Explore Page
  5. Query Builder
  6. Charts Styling
  7. Dashboard Page
  8. Deployment