What is public/manifest.json file in create-react-app?

ReactjsManifestCreate React-App

Reactjs Problem Overview


I know that chrome extensions use 'manifest.json`, but here, it is used as something else as well.

contents -

{
  "short_name": "React App",
  "name": "Create React App Sample",
  "icons": [
    {
      "src": "favicon.ico",
      "sizes": "192x192",
      "type": "image/png"
    }
  ],
  "start_url": "./index.html",
  "display": "standalone",
  "theme_color": "#000000",
  "background_color": "#ffffff"
}

When I change some value, page update, but nothing changes.

Reactjs Solutions


Solution 1 - Reactjs

It's a Web App Manifest that describes your application and it's used by e.g. mobile phones if a shortcut is added to the homescreen.

From MDN (linked above): > The web app manifest provides information about an application (such as name, author, icon, and description) in a JSON text file. The purpose of the manifest is to install web applications to the homescreen of a device, providing users with quicker access and a richer experience.

Solution 2 - Reactjs

manifest.json is the json file that is mostly used to describe our app On mobile phones

Solution 3 - Reactjs

The manifest.json provides information about a web application in a JSON text file, necessary for the web app to be downloaded and be presented to the user similarly to a native app (e.g., be installed on the homescreen of a device, providing users with quicker access and a richer experience). PWA manifests include its name, author, icon(s), version, description, and list of all the necessary resources (among other things).

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionAlexander KnyazevView Question on Stackoverflow
Solution 1 - ReactjsivarniView Answer on Stackoverflow
Solution 2 - ReactjsDebendra DashView Answer on Stackoverflow
Solution 3 - ReactjsDennisView Answer on Stackoverflow