-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathLearn_React.txt
More file actions
293 lines (188 loc) · 12 KB
/
Learn_React.txt
File metadata and controls
293 lines (188 loc) · 12 KB
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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
* https://www.youtube.com/watch?v=xa-_FIy2NgE -- 6 Pro Tips from React Developers
* Top 10 Common Mistakes React Programmers Make
https://www.youtube.com/watch?v=3lA7Jz1lSCA
* 3 Things That Will Make You Write Better React Code
https://www.youtube.com/watch?v=HJBJY7itXLQ
* what is ReactJs in telugu - 1 - ReactJs in telugu --> Total 58 videos
https://www.youtube.com/watch?v=rF5Yor08uGw&list=PLWnZ0qt0PImVaDkDbF96dnRGO0_lXVLKf
* React JS In Telugu
https://www.youtube.com/watch?v=1r79Eqw6tfg
* ReactJS Tutorial --> by Codevolution - 106 videos
https://www.youtube.com/watch?v=QFaFIcGhPoM&list=PLC3y8-rFHvwgg3vaYJgHGnModB54rxOk3
* https://www.youtube.com/watch?v=NCwa_xi0Uuc
* MEARN by MAX
-> https://www.youtube.com/watch?v=2yddJwL1Tpg
* React Hooks
-> https://www.youtube.com/watch?v=cBM5xXyekmM
* https://www.youtube.com/watch?v=Ke90Tje7VS0
* https://www.freetutorialsus.com/react-front-to-back-2019-udemy-course-free-download/
* https://www.freetutorialseu.com/react-node-fullstack-social-network-from-scratch-to-deploy-udemy-course-free-download/
* https://www.youtube.com/watch?v=7CqJlxBYj-M
* https://www.freecoursesonline.me/code-with-mosh-mastering-react-1/
* https://freetutorials.se/react-front-to-back-2019/
* https://www.youtube.com/watch?v=m_u6P5k0vP0
* https://www.youtube.com/watch?v=cF2lQ_gZeA8&list=PLC3y8-rFHvwisvxhZ135pogtX7_Oe3Q3A
* https://freetutorials.se/the-complete-react-developer-course-w-hooks-and-redux/
* https://www.freetutorialsus.com/complete-react-developer-in-2019-w-redux-hooks-graphql-udemy-course-free-download/
* freeCodeCamp.org - 5H - https://www.youtube.com/watch?v=DLX62G4lc44
* 44 videos - The Net Ninja -> https://www.youtube.com/watch?v=OxIDLw0M-m0&list=PL4cUxeGkcC9ij8CfkAY2RAGb-tmkNwQHG
* 21 videos - React Context & Hooks Tutorial - The Net Ninja -> https://www.youtube.com/watch?v=6RhOzQciVwI&list=PL4cUxeGkcC9hNokByJilPg5g9m2APUePI
* 6 React App projects - https://www.youtube.com/watch?v=xuSoqDEkH90&list=PLnHJACx3NwAe5XQDk9xLgym7FF8Q4FYW7&index=1
* Music App in ReactJS - https://www.youtube.com/watch?v=M_1ZCab5x0w
* React Tutorial: Build an e-commerce site from scratch using React and Netlify - https://www.youtube.com/watch?v=wPQ1-33teR4
* MERN STACK PROJECT - ONLINE SHOP CLONE (SOURCE CODE INCLUDED) - https://www.youtube.com/watch?v=zaWtIkJgah4
* React Redux Tutorials - 29 videos - https://www.youtube.com/watch?v=9boMnm5X9ak&list=PLC3y8-rFHvwheJHvseC3I0HuYI2f46oAK
* Build a YouTube Clone Application Using React - https://www.youtube.com/watch?v=VPVzx1ZOVuw
* http://react-component.github.io/dialog/examples/bootstrap.html
* https://www.youtube.com/watch?v=x_EEwGe-a9o --> Building a Netflix Clone - React Tutorial - Styled Components - Firebase (Firestore & Auth)
* https://www.youtube.com/watch?v=-cMqr9HpZ-Y --> React JS Tutorial for Beginners - Full Course in 12 Hours [2021]
* https://www.youtube.com/watch?v=ngc9gnGgUdA --> Full Stack MERN Project - Build and Deploy an App | React + Redux, Node, Express, MongoDB [Part 1/2]
* https://www.youtube.com/watch?v=ly3m6mv5qvg --> React Projects
* https://www.youtube.com/watch?v=7dTTFW7yACQ&list=PL4cUxeGkcC9gm4_-5UsNmLqMosM-dzuvQ --> React Testing Library Tutorial (14 videos)
* https://www.youtube.com/watch?v=Dorf8i6lCuk --> React Crash Course for Beginners 2021 - Learn ReactJS from Scratch in this 100% Free Tutorial! -- Max
* https://www.youtube.com/watch?v=LlvBzyy-558 --> React Hooks Course - All React Hooks Explained
* https://www.youtube.com/watch?v=4UZrsTqkcW4 --> Full React Course 2020 - Learn Fundamentals, Hooks, Context API, React Router, Custom Hooks
* https://www.youtube.com/watch?v=JDZRfLGNWdc --> Learn React Redux Thunk with Project | Redux Thunk Middleware | Axios Async Actions | Redux Tutorial
* https://www.youtube.com/watch?v=4BranN3qnDU --> React.memo, useMemo, and useCallback Optimizations
* https://www.youtube.com/watch?v=TiSGujM22OI&list=PLC3y8-rFHvwi1AXijGTKM0BKtHzVC-LSK --> React TypeScript Tutorial for Beginners - by Codevolution 5 videos
* TypeScript Course In ReactJS - TypeScript
https://www.youtube.com/watch?v=1jMJDbq7ZX4
* React Query Tutorials --> by The Net Ninjs - 7 videos
https://www.youtube.com/watch?v=x1rQ61otgtU&list=PLEX-O1MiFgYQ5XX81V0V79NbmSVK1bVQ5
* Material UI React Tutorial
https://www.youtube.com/watch?v=vyJU9efvUtQ
* Code 15 React Projects - Complete Course
https://www.youtube.com/watch?v=a_7Z7C_JCyo
* Chat Application using React JS - Build and Deploy a Chat App in 1 Hour (Microsoft Teams)
https://www.youtube.com/watch?v=jcOKU9f86XE
* Realtime Chat App with React, Node.js, Socket.io | MERN Stack Messenger Clone
https://www.youtube.com/watch?v=HggSXt1Hzfk
* Build and Deploy a Full Stack Realtime Chat Messaging App with Authentication & SMS Notifications
https://www.youtube.com/watch?v=MJzbJQLGehs
* React E-Commerce App Design Tutorial | React Shopping Cart UI Design
https://www.youtube.com/watch?v=c1xTDSIXit8
* MERN Stack Course - ALSO: Convert Backend to Serverless with MongoDB Realm
https://www.youtube.com/watch?v=mrHNSanmqQ4
* React JS Course for Beginners - 2021 Tutorial --> by Freecodecamp
https://www.youtube.com/watch?v=nTeuhbP7wdE
* React Notification
https://www.youtube.com/watch?v=MvNXO_kYqHo
* Improve react Performance with React Lazy Load Image.
https://www.youtube.com/watch?v=0-Ze5dEgVFk
*** React Lazy Loading & Code splitting
https://www.youtube.com/watch?v=tV9gvls8IP8
*** Route based Code Splitting with React Router --> by Codevolution
https://www.youtube.com/watch?v=5ZFK_5V8VpI
* Code Splitting with React, React.lazy, and React Router v5
https://www.youtube.com/watch?v=0mQbxF-_S-M
* Infinite Scrolling With React - Tutorial --> by WDS
https://www.youtube.com/watch?v=NZKUirTtxcg
* Learn React #13 - Introduction to Redux Saga and getting data from APIs
https://www.youtube.com/watch?v=1K26DIKt3w8
https://codesandbox.io/s/stoic-euler-cjhgx?file=/src/App.js
*** React Netflix Movie App Design Tutorial | React UI Full Course for Beginners
https://www.youtube.com/watch?v=FzWG8jiw4XM
React Node.js Netflix App | MERN Stack + JWT Full Tutorial
https://www.youtube.com/watch?v=tsNswx0nRKM
* React Social Media App Design Tutorial | React.js UI Course Full
https://www.youtube.com/watch?v=zM93yZ_8SvE&list=PLj-4DlPRT48nfYgDK00oTjlDF4O0ZZyG8
* Learn Custom Hooks In 10 Minutes
https://www.youtube.com/watch?v=6ThXsUwLWvc
* ReactJS Tutorial - 33 - Higher Order Components (Part 1)
https://www.youtube.com/watch?v=B6aNv8nkUSw
* React Admin Dashboard Tutorial | React Admin Panel Design Course for Beginners
https://www.youtube.com/watch?v=aTPkos3LKi8
* 5 Custom React Hooks You Need In Every Project
https://www.youtube.com/watch?v=0c6znExIqRw
* Save Hours Of Work With These 5 Custom React Hooks
https://www.youtube.com/watch?v=vrIxu-kfAUo
* Build and Deploy a Google Maps Travel Companion Application | React.js
https://www.youtube.com/watch?v=UKdQjQX1Pko
* MERN Auth - Login with Email (JWT) + Google OAuth Authentication | React, Node, Express, MongoDB
https://www.youtube.com/watch?v=LKlO8vLvUao
* JWT Authentication Tutorial - Node.js and React -- (Includes refresh-token logic)
https://www.youtube.com/watch?v=Yh5Lil03tpI
* The Ultimate guide to JWT client side authentication (Stop Using Local Storage !!!)
https://www.youtube.com/watch?v=d2gfJ8UVPDo
* React Website Tutorial for Beginners | Responsive React Website Using Styled Components
https://www.youtube.com/watch?v=9_s_Essow6s
* Material UI React Tutorial | Material UI Responsive Project
https://www.youtube.com/watch?v=lKZiXQWnlUw
* React Portfolio Website Tutorial | Responsive React Project Full Course for Beginners
https://www.youtube.com/watch?v=7WwtzsSHdpI
* React Blog Website Design Tutorial | React UI Full Course for Beginners
https://www.youtube.com/watch?v=tlTdbc5byAs
* MERN Stack Advanced Authentication Tutorial -- (Reset password with sending an email way)
https://www.youtube.com/watch?v=YocRq-KesCM
* Responsive Navbar Tutorial In ReactJS
https://www.youtube.com/watch?v=nLTMn19vupw
* Modal in ReactJS - Code a React Modal Tutorial using Hooks
https://www.youtube.com/watch?v=ZCvemsUfwPQ
* Snackbar / Toast Notifications in React Tutorial - React Snackbar Tutorial
https://www.youtube.com/watch?v=uSxj3Rnu-Nk
* Styled Components Full Tutorial - Style Your Components in React
https://www.youtube.com/watch?v=-FZzPHSLauc
* Search Bar in React Tutorial - Cool Search Filter Tutorial
https://www.youtube.com/watch?v=x7niho285qs
* How to Test In React - React Testing Library + Jest Tutorial
https://www.youtube.com/watch?v=Vp_76zdHkV8
* Code A React Website Tutorial | ReactJS Tutorial For Beginners
https://www.youtube.com/watch?v=QwarZBtFoFA
* Best React Folder Structures | Beginner - Intermediate - Advanced
https://www.youtube.com/watch?v=XEO3mFvrDx0
* Build Tic Tac Toe in React - Tutorial using Hooks
https://www.youtube.com/watch?v=3P8orW_DeEw
*** Build and Deploy a React Cryptocurrency App and Master Redux Toolkit in One Video
https://www.youtube.com/watch?v=9DDX3US3kss
* create React JS responsive Navbar From Scratch In Hindi 2021 | Free Code
https://www.youtube.com/watch?v=8AJ3Kcz5FsM
* Styled Components Crash Course & Project --> Traversy Media
https://www.youtube.com/watch?v=02zO0hZmwnw
* 3 Awesome React Loading Screens | Skeleton - Circular - Animated
https://www.youtube.com/watch?v=PNQGbczXkMI
* Discord Dashboard w/ React #1 - Building Our User Interface
https://www.youtube.com/watch?v=_EEcjUVP1DQ
* Redux For Beginners | Redux Tutorial with Redux Toolkit
https://www.youtube.com/watch?v=DYtYyFOfpBY
* CRUD Tutorial - ReactJS, NodeJS, MySQL [Part 1]
https://www.youtube.com/watch?v=T8mqZZ0r-RA
* Search Filter React Tutorial - Search Bar in React
https://www.youtube.com/watch?v=mZvKPtH9Fzo
* React Website using Styled Components and Smooth Scroll - Beginner Project Fully Responsive
https://www.youtube.com/watch?v=Nl54MJDR2p8
* React Sidebar Navigation Menu Tutorial - Beginner React JS Project Using Hooks & Router
https://www.youtube.com/watch?v=CXa0f4-dWi4
* React Website Responsive Tutorial - Beginner React JS Project Using Hooks and Router
https://www.youtube.com/watch?v=3nLTB_E6XAM
* How to create a Navigation Bar in React ⏸ | React Tutorial (2020)
https://www.youtube.com/watch?v=ZlDASfsL7FI
* Build Responsive Navbar with React and React Router | React Tutorials for Beginners
https://www.youtube.com/watch?v=OX4nINHYfEs
* React Navbar Dropdown Menu Responsive Tutorial - Beginner React JS Project
https://www.youtube.com/watch?v=T2MhVxJxsL0
*** React Redux Toolkit with Project | Redux Axios Tutorial | React Redux Tutorial For Beginners - 1
https://www.youtube.com/watch?v=EnIRyNT2PMI
* React Website Tutorial - Beginner React JS Project Fully Responsive
https://www.youtube.com/watch?v=I2UBjN5ER4s
* React Material UI App - Working with Filters | Hooks + Functional Components
https://www.youtube.com/watch?v=VVhnuOKVHRs
* React Food Shopping App | Using Redux + Persist + Hooks
https://www.youtube.com/watch?v=vfcLK6POkFA
* Build Notes App with React.js in Hindi | Beginner Projects
https://www.youtube.com/watch?v=VNarNMDUCg4
* Build a GitHub Jobs App With React Hooks --> TraversyMedia with WDS
https://www.youtube.com/watch?v=fxY1q4SCB64
* React Node.js E-Commerce App Full Tutorial (REDUX - Stripe - JWT ) - MERN Stack Shopping App
https://www.youtube.com/watch?v=y66RgYMAgSo
PWA:
-------------------------------------------------------------------------------------------
* https://www.freetutorialsus.com/progressive-web-apps-pwa-the-complete-guide-3-udemy-course-free-download/
* https://www.udemy.com/course/progressive-web-app-with-react-jumpstart/
*
------------------------------- Most usful Youtube channels for React ----------------------------------------------------
* Codevolution --> https://www.youtube.com/c/Codevolution/playlists
* PedroTech --> https://www.youtube.com/c/PedroTechnologies
* Thapa Technical --> https://www.youtube.com/c/ThapaTechnical
* Brian Design --> https://www.youtube.com/channel/UCsKsymTY_4BYR-wytLjex7A/featured
* Dipesh Malvia --> https://www.youtube.com/channel/UChPxqdfDbulLE9PyUqhijWw
* Leela Web Dev --> https://www.youtube.com/c/LeelaWebDev/playlists