dart-web-development
Developing Dart Web Applications
Contents
Core Constraints
- Use
package:web: Always preferpackage:webover the legacydart:html,dart:js, ordart:js_utillibraries. - Avoid
dart:mirrors: Never usedart:mirrorsin web applications, as it is completely unsupported in Dart web compilation. - Use
dart:js_interop: Implement all JavaScript interoperability using thedart:js_interoplibrary. - Prefer Extension Types: Define JavaScript interop boundaries and complex JS objects using Dart
extension typedeclarations combined with@JSannotations.
JavaScript Interoperability
Implement JavaScript interoperability to seamlessly integrate JS libraries and browser APIs into Dart web apps.
More from dart-lang/skills
dart-add-unit-test
Write and organize unit tests for functions, methods, and classes using `package:test`. Use when creating new logic or fixing bugs to ensure code remains correct and regression-free.
2.1Kdart-fix-runtime-errors
Uses get_runtime_errors and lsp to fetch an active stack trace, locate the failing line, apply a fix, and verify resolution via hot_reload.
2.1Kdart-run-static-analysis
Execute `dart analyze` to identify warnings and errors, and use `dart fix --apply` to automatically resolve mechanical lint issues. Use during development to ensure code quality and before committing changes.
2.0Kdart-use-pattern-matching
Use switch expressions and pattern matching where appropriate
2.0Kdart-resolve-package-conflicts
Workflow for fixing package version conflicts. Use this when `pub get` fails due to incompatible package versions.
2.0Kdart-collect-coverage
Collect coverage using the coverage packge and create an LCOV report
2.0K