Skip to content

nanlabs/nanlabs-splash

Repository files navigation

nanlabs-splash-2 Frontend

This project was generated using create-react-webpack-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

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
npm install
npm run start

Useful resources

Development

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

npm run <script> Description
dev Serves your app at for local development
test Runs unit tests with Jest. See testing
test:watch Runs test in watch mode to re-run tests when changed
format Formats the project using Prettier
lint Lints the project for potential errors
lint:fix Lints the project and fixes all correctable errors

Production

Generate production files running

npm run build

Generate and serve production files running

npm run serve

Available scripts:

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

Testing

To add a unit test, create a .test.js file anywhere inside of src/. Jest will automatically find these files.

Contributing

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