Initialize React application setup for Angular-to-React migration#164
Open
devin-ai-integration[bot] wants to merge 2 commits intomasterfrom
Open
Initialize React application setup for Angular-to-React migration#164devin-ai-integration[bot] wants to merge 2 commits intomasterfrom
devin-ai-integration[bot] wants to merge 2 commits intomasterfrom
Conversation
…act migration - Scaffold React app with Vite and TypeScript template - Install core dependencies: react-router-dom, zustand, @tanstack/react-query, workbox, vite-plugin-pwa - Create project folder structure (components, pages, hooks, contexts, services, types, utils, config) - Configure TypeScript with path aliases (@/*) - Configure PWA with vite-plugin-pwa matching Angular service worker setup - Copy static assets (icons, images, manifest, favicon) from Angular project - Setup Prettier with matching Angular project config - Create environment configuration and placeholder files Co-Authored-By: Matthew Guerra <matthew.guerra@cognition.ai>
Author
🤖 Devin AI EngineerI'll be helping with this pull request! Here's what you should know: ✅ I will automatically:
Note: I can only respond to comments from users who have write access to this repository. ⚙️ Control Options:
|
…, remove duplicate manifest Co-Authored-By: Matthew Guerra <matthew.guerra@cognition.ai>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Initialize React app with Vite + TypeScript for Angular-to-React migration
Summary
Scaffolds a new React application (
react-hn/) inside the existing Angular repository to begin the Angular-to-React migration. Sets up:create-vitereact-router-dom,zustand,@tanstack/react-query,workbox-*vite-plugin-pwawith manifest and workbox runtime caching matching the Angular service worker setup@/*path aliases, strict mode, ES2020 target@/imports to work at runtimeicons/,images/,favicon.ico)Story,Comment,User, andFeedTypebased on the Angular modelsnpm run testscriptBuild (
tsc -b && vite build) and lint (eslint .) both pass cleanly.Updates since last revision
resolve.aliasinvite.config.tsso@/*imports work at runtime (not just typecheck)public/manifest.json(VitePWA plugin generatesmanifest.webmanifest)npx prettier --write .to unify formatting across all filesvitestand added"test": "vitest"script topackage.jsonLocal Testing Screenshot
Review & Testing Checklist for Human
cd react-hn && npm install && npm run dev, verify the default Vite+React page loads atlocalhost:5173. Runnpm run buildto confirm PWA service worker generation.@/alias works: The alias is configured but not yet used in imports. When migrating components, confirmimport { env } from '@/config/env'resolves correctly.https://node-hnapi.herokuapp.com) insrc/config/env.tsmay be unreachable (Heroku free tier sunset). Not blocking for init but will need updating before API integration.Notes