Skip to main content

RADFish Documentation

Frontend Development Tooling for NOAA Developers

Introducing the React Application Development Framework for Fisheries (RADFish)

RADFish, developed by NOAA Fisheries and its partners, is a React.js framework designed to streamline the creation and improvement of web applications for NOAA and its collaborators. This open-source framework, hosted on GitHub, offers standardized components such as a progressive web application (PWA) API for offline data collection, accessibility standards, and styling based on the U.S. Web Design System. By enabling developers to quickly build mobile-first, offline-capable web applications, RADFish reduces development time, ensures organizational consistency, and supports the modernization of our data systems—leading to better coordination and more efficient data collection.

Powered by React

RADFish is built on React.js, enabling developers to leverage reusable components and follow modern web development best practices. This ensures flexibility, scalability, and efficiency in building feature-rich, dynamic web applications.

Progressive Web Application (PWA) Ready

RADFish supports Progressive Web Application (PWA) development, allowing apps to function offline and provide a seamless user experience even in low-connectivity environments. Ideal for at-sea data collection and other fieldwork scenarios.

Consistent and Accessible Styling

RADFish incorporates styling based on the U.S. Web Design System (USWDS), ensuring a consistent, accessible, and user-friendly interface across all NOAA applications. This promotes compliance with federal design standards and enhances usability for all users.