blog_mern_frontend/notes.txt at master · anuragaffection/blog_mern_frontend · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
npm
vite
express
npm run dev
npm run build


important links {
  -- https://tailwindcss.com/docs/guides/vite
  -- https://dev.to/
  -- https://blog-mern-backend-luce.onrender.com/api/users/login
}


problems i faced {
  -- tailwind installation problems [using vite]
  -- tailwind Class , whitespace-pre-wrap	= for description
  -- multiple context provider = we can not do that
  -- optimization in footer = by using object inside useState
}


problems {

  fully clear
  -- aboutApp
  -- aboutdeveloper
  -- footer
  --


  Issue
  -- edit not working [solved]
  -- delete not working [solved]
  -- useHistory not working
  -- need backend send message

}


when to prefer anchor tag & link tag {
    -- for handling social media in footer, its better to go with anchor tag,
}


anchor tag vs Link tag {
  -- by default anchor tag fully reload the page
  -- Link tag just reload the specific components

  -- <a> tag: Triggers a full page reload when clicked.
  -- <Link> component: Handles navigation within the React application without a full page reload.
  --
}


Link vs Route in react js {
    -- both are necessary & depend on each other
}


Why you can not use multiple context wrapper {
  -- they will cancel out each other
  -- will create accesing problems
}


removded bootstrap link {
  --  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
  -- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
}