Peregrine is a scouting app for FRC competitions. This is the frontend, written in TypeScript with Preact

Setup

Prerequisites

• Install Node (Current is preferred, not LTS)
• Install git (Windows, Mac, Linux)
• Install VSCode

Recommended VSCode Extensions

Install these by opening the extensions panel in the side bar and searching for them

• Live Share
• ESLint
• Prettier
• EditorConfig
• GitLens
• Glean

Project Setup

• git clone https://github.com/pigmice2733/peregrine-frontend
• cd peregrine-frontend
• npm i
• npm start Starts a local server with HMR on port 2733
• npm run build Creates an optimized build with code splitting (output is still readable)
• NODE_ENV=production npm run build Creates an optimized build with code splitting (output is mangled and not readable)

We are using Parcel as our development bundler/server, because it is fast and supports HMR (automatically injecting changes into a running site). We are using Rollup in production because it is able to make highly optimized bundles with scope hoisting, tree shaking, and code splitting.