Skip to main content
Back to Tags

Frontend

31 items tagged with "frontend"

Filter by type:

Best Practices1

Best Practice

Google Web Vitals

Core performance metrics (LCP, FID, CLS, INP) for measuring real-world user experience.

Tutorials2

Tutorial

Converting React Class Components to Hooks

Master the conversion of React class components to functional components with hooks

Tutorial

Migrating to Next.js App Router

Upgrade your Next.js application from Pages to App Router

Blueprints3

Blueprint

AngularJS to React Blueprint

Migration guide from AngularJS to React with TypeScript

Blueprint

React Class to Hooks Blueprint

React class components to functional components with hooks

Blueprint

Redux to Zustand Blueprint

State management migration from Redux to Zustand

Migrations13

Migration

Angular 17 to Angular 19 Migration

Upgrade Angular 17 to 19 with new control flow and improved signals

Migration

AngularJS to Angular Migration

Major migration from AngularJS (1.x) to modern Angular with TypeScript

Migration

Create React App to Next.js Migration

Migrate a CRA app to Next.js with SSR/SSG options, routing changes, and data fetching updates

Migration

Create React App to Vite Migration

Migrate a CRA React app to Vite with updated env vars, build config, and tooling

Migration

jQuery to React Migration

Replace jQuery-driven UI with React components, routing, and state management

Migration

Next.js 13 to Next.js 15 Migration

Upgrade Next.js from 13 to 15 with App Router and React 19 support

Migration

Nuxt 2 to Nuxt 3 Migration

Migration from Nuxt 2 to Nuxt 3 with Vue 3 and Nitro server

Migration

React 18 to React 19 Migration

Upgrade to React 19 with Server Components, Actions, and use() hook

Migration

React Class Components to Hooks Migration

Convert React class components to functional components with hooks and Server Components

Migration

React Router v5 to v6 Migration

Upgrade routing from React Router v5 to v6 (Routes, element prop, navigate APIs, relative routing)

Migration

Svelte 4 to Svelte 5 Migration

Migrate to Svelte 5 with runes and improved reactivity

Migration

TypeScript 4 to TypeScript 5 Migration

Upgrade TypeScript from 4.x to 5.x and resolve type-checking and build-tool compatibility issues

Migration

Vue 2 to Vue 3 Migration

Migrate from Vue 2 Options API to Vue 3 Composition API with improved TypeScript support and performance enhancements

Products8

Product

JavaScript

High-level, dynamic programming language for web development

Product

React

JavaScript library for building user interfaces

Product

Angular

Platform for building mobile and desktop web applications

Product

Vue.js

Progressive JavaScript framework for building user interfaces

Product

Svelte

Cybernetically enhanced web apps with compile-time framework

Product

SolidJS

Declarative JavaScript library for building user interfaces

Product

htmx

High power tools for HTML with minimal JavaScript

Product

Alpine.js

Lightweight JavaScript framework for composing behavior

Playbooks1

Playbook

Frontend Modernization Playbook

Guide for modernizing legacy frontend applications

Checklists1

Checklist

Frontend Modernisation Checklist

Checklist for modernizing frontend applications and UI frameworks

Stacks1

Stack

Rust WASM Stack

Rust, WebAssembly, Yew - High-performance web apps

Comparisons1

Comparison

Next.js vs Nuxt

Comparison of Next.js (React) and Nuxt (Vue) meta-frameworks

08:53Z[DRIFT]Next.jsNext.js is 2 major versions behind (current: 14.2.35, latest: 16.1.6).
08:54Z[OWASP]A03:2021 – InjectionUnescaped user input rendered into HTML template (src/routes/admin.ts:42)
08:52Z[SCANNER]semgrepscan signature set is up to date
08:48Z[DRIFT]of dependencies are 2+ major versions behind in acme.39% of dependencies are 2+ major versions behind in acme.
08:50Z[OWASP]A02:2021 – Cryptographic FailuresJWT secret is hardcoded — use environment variables (src/auth/jwt.ts:18)
08:45Z[SCANNER]gitleaksscan signature set is up to date
08:43Z[DRIFT]@types/node@types/node is 3 major versions behind (spec: 22.15.29, latest: 25.2.3).
08:46Z[OWASP]A03:2021 – InjectionRegular expression built from user input — potential ReDoS (src/utils/search.ts:67)
08:38Z[SCANNER]trufflehogstatus: unavailable
08:38Z[DRIFT]electronelectron is 3 major versions behind (spec: ^37.6.0, latest: 40.4.1).
08:42Z[OWASP]A03:2021 – InjectiondangerouslySetInnerHTML used with potentially untrusted content (src/components/RichText.tsx:31)
08:33Z[DRIFT]@types/node@types/node is 5 major versions behind (spec: ^20.17.52, latest: 25.2.3).
08:38Z[OWASP]A05:2021 – Security MisconfigurationCookie set without httpOnly or secure flags (src/middleware/session.ts:12)
08:28Z[DRIFT]@types/supertest@types/supertest is 4 major versions behind (spec: ^2.0.16, latest: 6.0.3).
08:34Z[OWASP]A03:2021 – Injectioneval() called with dynamic expression (src/utils/template-engine.ts:88)
08:23Z[DRIFT]VitestVitest is 4 major versions behind (current: 0.34.6, latest: 4.0.18).
08:30Z[OWASP]A01:2021 – Broken Access ControlRedirect URL comes from user-controlled parameter (src/pages/auth/callback.tsx:15)
08:18Z[DRIFT]@types/node@types/node is 5 major versions behind (spec: ^20.8.0, latest: 25.2.3).
08:26Z[OWASP]A03:2021 – InjectionUnsanitised input passed to MongoDB query (src/services/users.ts:34)
08:13Z[DRIFT]vitestvitest is 4 major versions behind (spec: ^0.34.6, latest: 4.0.18).
08:22Z[OWASP]A03:2021 – InjectionChild process spawned with user-controlled arguments (src/utils/pdf-generator.ts:52)
08:08Z[DRIFT]of dependencies are 2+ major versions behind in @acme/api.31% of dependencies are 2+ major versions behind in @acme/api.
08:18Z[OWASP]A05:2021 – Security MisconfigurationExternal link opened without rel="noreferrer" (src/components/ExternalLink.tsx:8)
08:03Z[DRIFT]@types/node@types/node is 5 major versions behind (spec: ^20.11.0, latest: 25.2.3).
08:14Z[OWASP]A02:2021 – Cryptographic FailuresMath.random() used for token generation — use crypto.randomBytes (src/utils/token.ts:6)
07:58Z[DRIFT]of dependencies are 2+ major versions behind in @acme/workflow-engine.52% of dependencies are 2+ major versions behind in @acme/workflow-engine.
08:10Z[OWASP]A05:2021 – Security MisconfigurationExpress app without Helmet security headers middleware (src/server.ts:1)
07:53Z[DRIFT]@types/node@types/node is 5 major versions behind (spec: ^20.19.9, latest: 25.2.3).
07:48Z[DRIFT]@types/node@types/node is 3 major versions behind (spec: ^22.15.29, latest: 25.2.3).
08:53Z[DRIFT]Next.jsNext.js is 2 major versions behind (current: 14.2.35, latest: 16.1.6).
08:54Z[OWASP]A03:2021 – InjectionUnescaped user input rendered into HTML template (src/routes/admin.ts:42)
08:52Z[SCANNER]semgrepscan signature set is up to date
08:48Z[DRIFT]of dependencies are 2+ major versions behind in acme.39% of dependencies are 2+ major versions behind in acme.
08:50Z[OWASP]A02:2021 – Cryptographic FailuresJWT secret is hardcoded — use environment variables (src/auth/jwt.ts:18)
08:45Z[SCANNER]gitleaksscan signature set is up to date
08:43Z[DRIFT]@types/node@types/node is 3 major versions behind (spec: 22.15.29, latest: 25.2.3).
08:46Z[OWASP]A03:2021 – InjectionRegular expression built from user input — potential ReDoS (src/utils/search.ts:67)
08:38Z[SCANNER]trufflehogstatus: unavailable
08:38Z[DRIFT]electronelectron is 3 major versions behind (spec: ^37.6.0, latest: 40.4.1).
08:42Z[OWASP]A03:2021 – InjectiondangerouslySetInnerHTML used with potentially untrusted content (src/components/RichText.tsx:31)
08:33Z[DRIFT]@types/node@types/node is 5 major versions behind (spec: ^20.17.52, latest: 25.2.3).
08:38Z[OWASP]A05:2021 – Security MisconfigurationCookie set without httpOnly or secure flags (src/middleware/session.ts:12)
08:28Z[DRIFT]@types/supertest@types/supertest is 4 major versions behind (spec: ^2.0.16, latest: 6.0.3).
08:34Z[OWASP]A03:2021 – Injectioneval() called with dynamic expression (src/utils/template-engine.ts:88)
08:23Z[DRIFT]VitestVitest is 4 major versions behind (current: 0.34.6, latest: 4.0.18).
08:30Z[OWASP]A01:2021 – Broken Access ControlRedirect URL comes from user-controlled parameter (src/pages/auth/callback.tsx:15)
08:18Z[DRIFT]@types/node@types/node is 5 major versions behind (spec: ^20.8.0, latest: 25.2.3).
08:26Z[OWASP]A03:2021 – InjectionUnsanitised input passed to MongoDB query (src/services/users.ts:34)
08:13Z[DRIFT]vitestvitest is 4 major versions behind (spec: ^0.34.6, latest: 4.0.18).
08:22Z[OWASP]A03:2021 – InjectionChild process spawned with user-controlled arguments (src/utils/pdf-generator.ts:52)
08:08Z[DRIFT]of dependencies are 2+ major versions behind in @acme/api.31% of dependencies are 2+ major versions behind in @acme/api.
08:18Z[OWASP]A05:2021 – Security MisconfigurationExternal link opened without rel="noreferrer" (src/components/ExternalLink.tsx:8)
08:03Z[DRIFT]@types/node@types/node is 5 major versions behind (spec: ^20.11.0, latest: 25.2.3).
08:14Z[OWASP]A02:2021 – Cryptographic FailuresMath.random() used for token generation — use crypto.randomBytes (src/utils/token.ts:6)
07:58Z[DRIFT]of dependencies are 2+ major versions behind in @acme/workflow-engine.52% of dependencies are 2+ major versions behind in @acme/workflow-engine.
08:10Z[OWASP]A05:2021 – Security MisconfigurationExpress app without Helmet security headers middleware (src/server.ts:1)
07:53Z[DRIFT]@types/node@types/node is 5 major versions behind (spec: ^20.19.9, latest: 25.2.3).
07:48Z[DRIFT]@types/node@types/node is 3 major versions behind (spec: ^22.15.29, latest: 25.2.3).