lp/ReactJS.txt at master · manozkumarj/lp · 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
VSCode extension:
* Simple react snippets
*


--------------------------------------------------------
* React is used to create (SAP) "Single Page Application"
* React can have class base components & functional components
* Class base components will have life-cycle hooks.
* When we build web application using React, we need "react" and "react-dom" packages for sure.
* We should use ES6's "Arrow Function" to create methods in order to access "this.props" object of it's 	component.
	Ex: sampleMethod = (todo) => {
		console.log(this.props);
	}
*


Short & Sweet:
------------------------------------------------------------------------
* React project folder name should not contain 'capital letters'.
* We can use "React.Fragment" tag to wrap all the html elements.
*


Tips:
------------------------------------------------------------------------
* https://www.youtube.com/watch?v=xa-_FIy2NgE
* https://www.youtube.com/watch?v=oZbTqEmQpDo


Useful packages for React:
------------------------------------------------------------------------
* react-router-dom -> For routing
* uuid -> It generates random keys
* axios -> To make HTTP requests
*


PWA(Progressive Web Apps)
------------------------------------------------------------------------
* "ServiceWorker" module is used for PWA.
*


Redux:
------------------------------------------------------------------------
* Redux is a state manager.
*


Payment gateway:
------------------------------------------------------------------------
* https://www.youtube.com/watch?v=lkA4rmo7W6k


For Interview:
------------------------------------------------------------------------
* https://www.youtube.com/watch?v=nRI0dn6GTj8
* https://www.youtube.com/watch?v=vtUdacXj4Ws