The complete React Fullstack course ( 2021 edition )

The complete React Fullstack course ( 2021 edition )

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 72 Hours | 30 GB


Take you coding to the next level with React, Node js, Express, MongoDB and ES6

Do you want to learn the whole process of building your App ?. This is the course for you.

We will start from the very beginning, from “I don’t even know how use it..and why would I“ to actually understanding how React works and make it communicate with other technologies like Node js.

You will learn all the logic and practice behind React in different modules, and as we advance through the course we will be increasing the difficulty.

Since I believe that the best way to fully learn is by coding, after each important section we will put everything in practice with some course projects, and after you have a strong base of React we will journey into Servers and Databases, Redux and deploying apps to production.

We will use ES6, the latest version of javascript.

Don’t know ES6 ?

Don’t sweat it, there is a full bonus section where we will show you all the ES6 magic.

To sum everything up, you will learn in this course:

  • The very basics of React. How to install and the logic behind it.
  • Once you know the basics of React we will journey into the confusing stuff.
  • After you have a strong base of React we will create a full practice project.
  • Everybody is using Redux, so we will learn how to use redux with our React Apps.
  • Since our app will need a database, you will learn how to use MongoDB and mongoose.
  • Apply security, authentication, restricting routes, hashing passwords and JWT’s.
  • We will create a second practice project using React, Redux, Node Server and MongoDB.
  • Of course, we will learn the whole process of publishing you app using Heroku, Git and Github.
  • Webpack is part of the fullstack.
  • You also get a Full ES6 course

What you’ll learn

  • You will learn the whole React WebApp building process, from your pc to the server.
  • Work with nosql databases ( Firebase, MongoDB and Moongoose)
  • How to deploy applications to services like Firebase and Heroku.
  • Learn how Redux work and apply it on a real life application.
  • Learn what NODE js is and How it works and create your own server,
  • Learn the basics of Webpack
+ Table of Contents

Introduction
1 Intro
2 Installing Node JS
3 IDE

React basics
4 The boilerplate
5 The bundle
6 From the ground up
7 Behind the scenes
8 Project structure
9 Types of components
10 Adding some style
11 Events
12 State
13 Props part one
14 Props part two
15 Props part three
16 React children
17 More on styling
18 Filtering the news
19 Lifecycles
20 Lifecycles part 2
21 React hooks intro
22 UseState hook
23 UseState hook part 2
24 UseEffect
25 UseCallback
26 UseRef
27 Context API part one
28 Context API part two

Tiny practice – Who pays the bill
29 Installation
30 The context and css
31 Ref and validation
32 Adding players to the list
33 Showing the list of players
34 Next and Toastify
35 Getting the looser

React router
36 Introduction
37 The route process
38 The main route file
39 Setting up routes
40 Linking
41 A better layout
42 Params
43 More on react router
44 React router switch
45 Redirections
46 Handling 404

React basics part 2
47 Introduction
48 Pure components
49 Adjacent elements
50 HOC part 1
51 HOC part 2
52 Transitions
53 Transitions part 2
54 CSS transitions
55 Transitions group
56 Honorable mentions

Redux
57 Introduction
58 Connecting
59 Action creators and reducers
60 Combine reducers
61 Creating a valid reducer
62 Redux devtools
63 Dispatching actions
64 Map state to props
65 Redux hooks
66 Types
67 Making requests

Tiny practice – The Daily News
68 Installation and router
69 Setting up Redux
70 Header and main layout
71 Api Server with json server
72 Fetching home posts
73 Fetching home posts part 2
74 Home masonry
75 Creating the add newsletter
76 Finishing newsletter
77 Newsletter fix and creating post page
78 Post cleanup and 404

Forms
79 Formik – Starting
80 Formik – Validating
81 Formik – Using Yup
82 Formik – Hooks
83 Formik – Custom components
84 Formik – Custom fields
85 Custom – Creating the state and input
86 Custom – Updating formdata
87 Custom – Validations
88 Custom – Submit form
89 Custom – Select and textarea

Final touches
90 Adding a contact form to daily news
91 Daily news, storing the message
92 The userReducer

Node basics
93 What node is
94 Using the REPL
95 Blocking and non-blocking
96 Threads,Event Loop, Call stack and task queue
97 Final thoughts

Web server
98 Creating a node server
99 Sending responses
100 Creating routes
101 Express – creating server
102 Express – Params and querystrings
103 Express – Middleware part one
104 Express – Middleware part two
105 Express – Body parser
106 Express and React

Databases
107 Introduction
108 Creating a cluster
109 Connecting
110 Adding data to the DB
111 Creating a model and schema
112 Mongoose POST
113 Mongoose GET
114 Mongoose REMOVE
115 Mongoose UPDATE

Authentication
116 Using postman
117 Creating a project
118 Register a user (no-hash)
119 Hashing passwords
120 Sign in users
121 JWT part one
122 JWT part two
123 JWT part three
124 Auth middleware
125 Deploying part one
126 Deploying part two

Final practice project
127 SERVER Installations
128 SERVER Init server and connecting to DB
129 SERVER Creating the user model
130 SERVER Creating the routes file
131 SERVER Hashing and checking email
132 SERVER Register user
133 SERVER Sign in user
134 SERVER Validating tokens
135 SERVER Creating roles
136 SERVER Testing roles
137 SERVER Updating profile
138 SERVER Updating email
139 SERVER Articles model
140 SERVER Posting article
141 SERVER Patch, delete, get article by ID
142 SERVER Find by ID
143 SERVER Load more
144 SERVER Pagination route
145 Starting with REACT
146 Creating a store
147 Header and sidedrawer
148 Finishing sidedrawer
149 Creating the home cars
150 Getting articles from loadmore part one
151 Getting articles from loadmore part two
152 Showing notifications part one
153 Showing notifications part two
154 Creating the login-register form
155 Register users
156 Sign in users
157 Auto sign in users
158 Creating a loader
159 Logout users
160 Admin layout
161 Changing layouts
162 Routes guard
163 Guarding nav links
164 Hotfix for the sign in and sign out
165 Creating the article section
166 Showing article data
167 Clearing articles
168 Add article part one
169 Add article part two
170 Using field array with actors
171 Creating the WYSIWYG editor
172 Finishing WYSIWYG
173 Posting article
174 Amin pagination part one
175 Amin pagination part two
176 Amin pagination part three
177 Changing article status
178 Removing articles part one
179 Removing articles part two
180 Editing articles part one
181 Editing articles part two
182 Email stepper part one
183 Email stepper part two
184 Email stepper part three
185 Updating user profile
186 Deploying

React basics [ Legacy – 2019 2020 version of the course ]
187 Intro
188 Installing Node JS
189 IDE
190 Using a boilerplate
191 The bundle
192 Creating a simple app
193 Using JSX
194 Structuring
195 Using classes
196 A little bit of styles
197 Events
198 Component state
199 Working with props
200 Working with props 2
201 Props, from class to class
202 Childrens
203 More on styling
204 Using third party libraries
205 Filter the news
206 React Lifecycles
207 React Lifecycles 2
208 React hooks
209 Conclusion
210 Use state
211 Use state 2
212 Use state 3
213 Use effect
214 Introduction
215 Router process
216 Setting up routes
217 Linking
218 Make it a little bit better
219 Params
220 Memory, hash and navlink
221 Switch
222 Redirections
223 Handling 404

Project music DB (optional) [ Legacy – 2019 2020 version of the course ]
224 Intro and installation
225 Routes and json server
226 Finishing home
227 Creating the artists page
228 Getting albums

React specific topics [ Legacy – 2019 2020 version of the course ]
229 Conditional rendering
230 Pure components
231 Adjacent elements
232 Hight order components 1
233 Hight order components 2
234 Animations
235 Transitions with classes
236 CSS transitions
237 TGroup – the template
238 Animating with TGroup
239 Typechecking
240 Typechecking 2
241 Controlled vs uncontrolled

Project NBA [ Legacy – 2019 2020 version of the course ]
242 Intro and install
243 Creating header and footer
244 Creating the slider
245 Creating the Home subscription
246 Finishing the Home Subs
247 Adding home posts blocks
248 Home Poll
249 Finishing Home Poll
250 Creating the article post
251 Creating the teams component
252 Adding the modal
253 Finishing the modal

Working with redux [ Legacy – 2019 2020 version of the course ]
254 Introduction
255 Creating a store
256 Action creators and reducers
257 Creating reducers
258 Connecting
259 Dispatching an action
260 Making a better code
261 Using types
262 Working with promises
263 Redux and functional component
264 Redux and Hooks

Working with forms [ Legacy – 2019 2020 version of the course ]
265 Introduction
266 Creating a state for your forms
267 Templating form elements
268 Adding events to form elements
269 Creating a validation function
270 Displaying error messages
271 Remaining form elements
272 Posting data
273 Starting with formik
274 Validating with formik
275 Submitting with formik
276 Formik and yup

Starting with Node JS [ Legacy – 2019 2020 version of the course ]
277 Intro
278 REPL my terminal
279 Using node on a project
280 Write in node
281 Exporting in node
282 Blocking and non blocking
283 Threads, events loop and call stack
284 Threads, events loop and call stack 2
285 Threads, events loop and call stack 3
286 Right to the bone

Node server [ Legacy – 2019 2020 version of the course ]
287 Intro
288 Simple server
289 Sending an HTML response
290 Sending a JSON response
291 Routing
292 Express intro
293 Express params and query string
294 Express middleware
295 Express middleware 2
296 Express posting data
297 Node server and react
298 Node server and react 2

Databases with Mongo DB [ Legacy – 2019 2020 version of the course ]
299 Intro
300 Installing mongo and mongo driver
301 Using the mongo driver
302 Using the mongo driver 2
303 Mongoose , models and schemas
304 Mongoose posting
305 Mongoose getting
306 Mongoose remove
307 Mongoose updating

Authentication [ Legacy – 2019 2020 version of the course ]
308 Using postman
309 Creating a server
310 Adding users
311 Using bcrypt
312 Hashing passwords
313 Hashing passwords 2
314 Hashing passwords 3
315 What is a JWT
316 Generating a token
317 Validating tokens
318 Auth middleware
319 Log out users

Deploying [ Legacy – 2019 2020 version of the course ]
320 Creating a Heroku project
321 Connecting mongo DB cloud
322 Finishing deploy

Project The books shelf [ Legacy – 2019 2020 version of the course ]
323 Introduction
324 Creating a server
325 User model
326 Hashing password
327 Login users
328 Validating tokens
329 Logout users
330 Books model
331 Posting a book
332 Get, patch and delete a book
333 Getting all books
334 Setting up redux
335 Creating the header and the sidenav
336 Adding links to the sidenav
337 Creating the login
338 Dispatching a login action
339 Login in and catch errors
340 Auth HOC
341 Logout user
342 Sidenav options
343 Creating the add posts section
344 Validating fields
345 Posting the book
346 Finishing the add book post
347 Creating the edit book
348 Creating the edit book 2
349 Finishing the edit book
350 Admin posts section
351 Get home articles
352 Get home articles 2
353 Home loadmore
354 Article view
355 Deploying to heroku
356 Deploying to heroku 2

BONUS ES6 Course
357 Introduction to ES6
358 CONST and LET
359 CONST and LET Using scope
360 CONST and LET Real life example
361 CONST and LET Exercise one
362 CONST and LET Exercise one – solution
363 CONST and LET Exercise two
364 CONST and LET Exercise two – solution
365 Template strings
366 Template strings 2
367 Template strings 3
368 Template strings 4
369 Template strings Exercise one
370 Template strings Exercise one – solution
371 Template strings Exercise two
372 Template strings Exercise two – solution
373 Foreach
374 Foreach 2
375 Foreach 3
376 Foreach Exercise
377 Foreach Exercise – solution
378 Map
379 Map 2
380 Map Exercise one
381 Map Exercise one – solution
382 Map Exercise two
383 Map Exercise two – solution
384 Filter
385 Filter 2
386 Filter Exercise one
387 Filter Exercise one – solution
388 Filter Exercise two
389 Filter Exercise two – solution
390 Find
391 Find 2
392 Every & some
393 Every & some 2
394 Reduce
395 Reduce 2
396 Reduce Exercise one
397 Reduce Exercise one – solution
398 Reduce Exercise two
399 Reduce Exercise two – solution
400 For….of
401 Fat arrow functions
402 Fat arrow functions 2
403 Fat arrow functions Exercise
404 Fat arrow functions Exercise solution
405 Object literals
406 Object literals 2
407 Object literals Exercise
408 Object literals Exercise – solution
409 Default function arguments
410 Default function arguments – exercise
411 Default function arguments Exercise – solution
412 Rest operator
413 Spread operator
414 Rest and Spread Exercise one
415 Rest and Spread Exercise two
416 Rest and Spread Exercise two – solution
417 Classes
418 Classes 3
419 Classes 4
420 Destructuring
421 Destructuring 2
422 Destructuring 3
423 Destructuring 4
424 Promises and fetch
425 Promises and fetch 2
426 Promises and fetch 3
427 Promises and fetch 4
428 Strings and numbers
429 Strings and numbers 2
430 Modules
431 Modules 2
432 Modules 3
433 Generators
434 Generators 2
435 Generators 3
436 Generators 4
437 Generators 5
438 Iterating sets
439 Iterating map