React Structure

React Structure

1. 1.node_modules

   • react
   • react-dom
   • react-script

2. 2.public

   • 1. favicon.ico
   • 2. index.html
     • <!DOCTYPE html>
       • !DOCTYPE html html &nbsp; head /head &nbsp; body &nbsp;&nbsp;&nbsp; div id="root" /div &nbsp; /body
       • hrml
         • head
         • body
           • <div id="root">
   • 3. logo192.png
   • 4. logo512.png
   • 5. manifest.json
   • 6. robots.txt

3. 3.src

   • 1. App.css
     • App{}
   • 2. App.js
     • import React from 'react';
       • import logo from './logo.svg';
         • import './App.css';
           • function App() {. . .}
             • return (. . .);
               • <div className="App"></div>
   • 3. App.test.js
   • 4. index.css
     • body{}
   • 5. index.js
     • import React from 'react';
       • import ReactDOM from 'react-dom';
         • import './index.css';
           • import App from './App';
             • import * as serviceWorker from './serviceWorker';
               • serviceWorker.unregister();
         • ReactDOM.render(<App />, document.getElementById('root'));
   • 6. logo.svg
   • 7. serviceWorker.js
   • 8. setupTest.js

4. 4..gitignore

5. 5.package-lock.json

6. 6.package.json

7. 7.README.md