Beta: Front-End Checklist is currently in beta. Some issues are still being fixed. Thanks for your patience.

ListsLoading

JavaScript

Modern JS patterns, error handling, and code organization.

Async

0/1checked

Use scheduler.yield() to keep the main thread responsive during long tasks

Medium

Best Practices

Capture implementation standards, tooling, and maintainability guidance.

0/6checked

Implement proper error handling

High

Avoid inline JavaScript

PerformanceHigh

Enable TypeScript strict mode in tsconfig.json

High

Remove console statements in production

PerformanceMedium

Lint JavaScript code

GeneralMedium

Write internationalisation-friendly translation strings

Medium

Events

0/1checked

Use event delegation for dynamic content

Medium

Modules

0/2checked

Use ES modules (import/export)

High

Use import type for type-only imports

Low

Optimization

0/2checked

Debounce and throttle event handlers

PerformanceHigh

Minify all JavaScript files

PerformanceHigh

Patterns

0/3checked

Validate external data at runtime with a schema library

High

Prefer immutable data patterns

Medium

Use modern array and object methods

Medium

Performance

Optimize for speed and efficient resource loading.

0/3checked

Split large JavaScript bundles

High

Minimize costly DOM read/write operations

High

Prevent common memory leak patterns

High

Quality

0/4checked

Parse JSON safely with error handling

Medium

Avoid the any type — use unknown, generics, or type guards instead

Medium

Enable noUncheckedIndexedAccess to catch out-of-bounds array bugs

Medium

Avoid implicit type coercion

Medium

Security

Protect your users and application from vulnerabilities.

0/2checked

Never use eval() or unsafe dynamic code execution

Critical

Handle cross-origin requests securely

High

Storage

0/1checked

Use Web Storage API safely

Medium

Variables

0/1checked

Prefer const and let over var

High

0 / 385