Website using development build of React

Platform (Android, iOS, Website): Website

Browser, if a website issue (Firefox, Chrome, etc) : Chrome with the React Developer Tools extension installed

URLs (aka web addresses) of any relevant observations or pages: Any website page written in react. i.e.
Project pages: https://www.inaturalist.org/projects/[project-slug]
Observation pages: https://www.inaturalist.org/observations/[observation-id]
Identify page: https://www.inaturalist.org//observations/identify

Screenshots of what you are seeing:
image

Description of problem
It appears that the iNaturalist website is being deployed with a development build of React instead of the production build. I only found this as I have the React Developer Tools extension in chrome installed and noticed the extension showing a red icon while on iNaturalist.

Deploying with the production build would provide some performance improvements (I’m not sure how much) and should be reasonably straightforward.

This page provides some guidance on what to change in the website production build/deploy scripts: https://reactjs.org/docs/optimizing-performance.html#use-the-production-build

2 Likes

There are potentially some valid reasons for using dev build, but it would be interesting to get a comment from the iNat team about the purpose of this, especially regarding the site’s performance issues.

[moving this to general for now as I’m guessing this is not a bug]

1 Like