Skip to content

nanlabs/react-data-visualization-hub

Repository files navigation

React Data Visualization Hub

This repository contains proof of concept examples for various react data visualization libraries.

Description

In this repository, you will find practical demonstrations of different data visualization libraries. These demonstrations are designed to showcase the capabilities and features of each library through specific examples.

React Vite TypeScript Starter

This project was generated using create-awesome-node-app. DON'T USE THIS TEMPLATE AS IT! Generate yours using the command and following the options in the interactive menu. Check the docs for more information!

Features

  • ⚡️ Instant HMR - use Vite on dev (no more refresh!)
  • ⚛ React - React is used for UI
  • 🦾 TypeScript - type safe

Extra documentation

You can find useful information such as project structure, available scripts and much more in the docs folder!

Pre-packed

Dev tools

  • TypeScript
  • eslint - Linting utility for JavaScript and JSX
  • prettier - Opinionated code formatter
  • husky - Git hooks made easy
  • lint-staged - Run linters against staged git files and don't let 💩 slip into your code base!

Quickstart

fnm use
pnpm install
pnpm run dev

Development

While developing, you will probably rely mostly on pnpm run start; however, there are additional scripts at your disposal:

pnpm run <script> Description
dev Serves your app at for local development
format Formats the project using Prettier
lint Lints the project for potential errors
lint:fix Lints the project and fixes all correctable errors

Production

Scripts for preparing and viewing the production version:

pnpm run <script> Description
preview Serves your app using your production ready setup (.env.production)
build Builds the application to dist/

Contributing

You can report bugs, request features and create Pull Requests in the Create-Node-App/cna-templates repository!