React Development Agency London

Vite SPA builds

Vite is the right answer for client-rendered marketing sites and dashboards where SEO is dealt with at the route or data layer. Fast dev server, small bundle, clean output. Most Dedote SPAs ship on Vite with React Router for the routing layer.

• Vite + React 18 with TypeScript
• React Router for routing
• Bundle analysis and code-splitting
• Pre-rendering or SSR option where SEO demands it

Next.js apps and sites

Next.js is the right answer when SEO needs server-side rendering or static generation, when authentication and API routes sit in the same app, or when the brief includes incremental static regeneration. We build on Next 15 with the App Router and React Server Components.

• Next 15 with App Router
• React Server Components where appropriate
• Edge or node deployment
• ISR and on-demand revalidation

TypeScript and component architecture

TypeScript is the default at Dedote. Every component is typed. Every API surface is typed. Type checking catches the bugs that runtime tests miss. Architecture follows a clear pattern: ui primitives, composed components, page-level views.

• Strict TypeScript with no implicit any
• Component prop types and discriminated unions
• Shared type packages across monorepos
• Type-safe API integration

Tailwind and shadcn systems

Tailwind is the default utility CSS layer. shadcn provides accessible, unstyled primitives we customise to brand. The combination produces design systems that engineering can extend without breaking existing screens. Tokens flow from Figma to Tailwind config.

• Tailwind config tokenised from design system
• shadcn primitives customised per brand
• Custom components built on Radix where shadcn does not cover
• Dark mode tokens paired with light

Framer Motion and animation

Framer Motion handles all production animation. Page transitions, scroll-triggered reveals, hover and tap states, gesture handling. Animation respects prefers-reduced-motion. Performance budget enforced (no animation triggers layout thrash on scroll).

• Framer Motion variants library
• prefers-reduced-motion respect
• Performance budget on animation
• Page transition patterns documented

Testing and CI/CD

Tests run on every commit. Vitest for unit, React Testing Library for component, Playwright for end-to-end where the brief justifies it. CI/CD ships to staging on every merge to main, to production on tag. Rollback plan baked in.

• Vitest + React Testing Library
• Playwright for critical end-to-end flows
• GitHub Actions CI/CD
• Staging and production environment parity