File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 1+ # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+ # dependencies
4+ /node_modules
5+ /.pnp
6+ .pnp.js
7+
8+ # testing
9+ /coverage
10+
11+ # production
12+ /build
13+
14+ # misc
15+ .DS_Store
16+ .env.local
17+ .env.development.local
18+ .env.test.local
19+ .env.production.local
20+
21+ npm-debug.log *
22+ yarn-debug.log *
23+ yarn-error.log *
Original file line number Diff line number Diff line change 1+ {
2+ "name" : " ilive4coding-react-router-playlist" ,
3+ "version" : " 0.1.0" ,
4+ "private" : true ,
5+ "dependencies" : {
6+ "@testing-library/jest-dom" : " ^4.2.4" ,
7+ "@testing-library/react" : " ^9.3.2" ,
8+ "@testing-library/user-event" : " ^7.1.2" ,
9+ "react" : " ^16.13.1" ,
10+ "react-dom" : " ^16.13.1" ,
11+ "react-router-dom" : " ^5.2.0" ,
12+ "react-scripts" : " 3.4.1"
13+ },
14+ "scripts" : {
15+ "start" : " react-scripts start" ,
16+ "build" : " react-scripts build" ,
17+ "test" : " react-scripts test" ,
18+ "eject" : " react-scripts eject"
19+ },
20+ "eslintConfig" : {
21+ "extends" : " react-app"
22+ },
23+ "browserslist" : {
24+ "production" : [
25+ " >0.2%" ,
26+ " not dead" ,
27+ " not op_mini all"
28+ ],
29+ "development" : [
30+ " last 1 chrome version" ,
31+ " last 1 firefox version" ,
32+ " last 1 safari version"
33+ ]
34+ }
35+ }
Original file line number Diff line number Diff line change 1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+ < head >
4+ < meta charset ="utf-8 " />
5+ < meta name ="viewport " content ="width=device-width, initial-scale=1 " />
6+ < meta name ="theme-color " content ="#000000 " />
7+ < meta
8+ name ="description "
9+ content ="Learn how to use React in a different way then it's generally used "
10+ />
11+ < meta name ="author " content ="Ronit Mukherjee<connect.ronit@gmail.com> " />
12+ < link
13+ rel ="stylesheet "
14+ href ="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css "
15+ integrity ="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh "
16+ crossorigin ="anonymous "
17+ />
18+ < title > React Ref Used Differently | By Ronit Mukherjee</ title >
19+ </ head >
20+ < body >
21+ < noscript > You need to enable JavaScript to run this app.</ noscript >
22+ < div id ="root "> </ div >
23+ </ body >
24+ </ html >
Original file line number Diff line number Diff line change 1+ import React from "react" ;
2+
3+ function App ( ) {
4+ return < h1 > App Loaded</ h1 > ;
5+ }
6+
7+ export default App ;
Original file line number Diff line number Diff line change 1+ import React from "react" ;
2+ import ReactDOM from "react-dom" ;
3+ import App from "./App" ;
4+
5+ ReactDOM . render (
6+ < React . StrictMode >
7+ < App />
8+ </ React . StrictMode > ,
9+ document . getElementById ( "root" )
10+ ) ;
You can’t perform that action at this time.
0 commit comments