In this React JS crash course, you will learn the following topics:
File structure, create components, JSX (styling in React), Routing, Props, Events, useState & useEffect (Hooks), Add pet function, Delete function, Build form using Material-UI (library from Google), Fetch data from server, PUT, DELETE, POST requests and many more.

Get NordVPN ➜ https://go.nordvpn.net/SH3C1
⭐ SAVE 68% + 1 FREE Month + 30 Day Money Back Guarantee ⭐

🔔 SUBSCRIBE: http://bit.ly/Subscribe-Hong-Ly & turn on the notification bell to get more videos like this.

💻 Source code: https://github.com/lyhd/reactjs-crash-course

Related crash courses:
React Redux: https://youtu.be/RPFr-hiFiU0
JavaScript: https://youtu.be/ooQdaRQmTdo

ℹ️ Websites used in this video:
https://reactjs.org/

🕒 Timestamps:
00:00 Intro
03:47 Create a new project
08:50 Folders & files
13:10 JSX
14:17 Writing first code
15:50 Fragments
16:55 Pages folder
18:12 File structure
19:27 Create components
20:04 Functional vs. Class components
22:31 Routing & Inline Styling
34:35 CSS
39:08 Quick recap
40:11 More styling
41:25 Props
45:57 PropTypes
51:23 Material-UI
55:18 Create a card
01:00:21 map function
01:04:07 useState Hook
01:06:01 Global state
01:10:17 Create pet component
01:17:07 Events
01:18:23 Delete function
01:20:04 Favorite icon
01:24:33 Favorite function
01:28:02 React Developer Tools
01:29:14 JSX expressions
01:30:18 Build a form
01:35:58 Input state
01:39:53 Submit form function
01:41:14 Add pet function
01:44:52 Create a Free REST API
01:47:21 useEffect Hook & fetch data
01:49:07 POST, DELETE & PUT requests
01:53:51 Testing
01:58:32 Grid & Responsiveness
02:05:22 Outro

🌐 Website: https://honglytech.com
GitHub: https://github.com/lyhd
My course: https://honglytech.com/course

🛡️ COVID-19 Live Now: https://covid19livenow.com

🌎 Find me on:
Facebook: https://www.facebook.com/honglytech
Instagram: https://www.instagram.com/hongly_tech
Twitter: https://twitter.com/honglytech
Discord: https://discord.gg/Acn6bpA8

#react #reactjs #course

In this video, I will show you how routing works in Next.js including pages and routes. Let's get started

Get Hostinger with 90% Off https://www.hostg.xyz/SH5yf​

🔔 SUBSCRIBE: http://bit.ly/Subscribe-Hong-Ly​ & turn on the notification bell to get more videos like this.

ℹ️ Websites used in this video:
https://nextjs.org/docs/routing/introduction

🌐 Website: https://honglytech.com​
GitHub: https://github.com/lyhd​
My course: https://honglytech.com/course​

🛡️ COVID-19 Live Now: https://covid19livenow.com​

🌎 Find me on:
Facebook: https://www.facebook.com/honglytech​
Instagram: https://www.instagram.com/hongly_tech​
Twitter: https://twitter.com/honglytech​
Discord: https://discord.gg/Acn6bpA8​

#next.js​ #tutorial​ #routing

You will be introduced to Next.js (SSR) and how to install a Next.js application on Windows.

My Udemy course: https://honglytech.com/course/

🔔 SUBSCRIBE: http://bit.ly/Subscribe-Hong-Ly & turn on notifications to find out when I upload new videos

ℹ️ Websites used in this video:
https://nextjs.org/
https://www.freecodecamp.org/news/why-you-should-learn-next-js-as-a-react-developer/

🕒 Timestamps:
00:00​ Intro
02:36 Set up Next.js environment
06:18 Install Next.js app

🌐 Website: https://honglytech.com
GitHub: https://github.com/lyhd
My course: https://honglytech.com/course
Discord: https://discord.gg/B4CfnAR8Fr

🛡️ COVID-19 Live Now: https://covid19livenow.com

🌎 Find me on:
Facebook: https://www.facebook.com/honglytech
Instagram: https://www.instagram.com/hongly_tech
Twitter: https://twitter.com/honglytech

#nextjs #tutorial #windows

Get Hostinger with 90% Off https://www.hostg.xyz/SH5yf

In this JavaScript crash course, you will learn the following topics:
Variables, Data types, Array, Object, Function and many more.

🔔 SUBSCRIBE: http://bit.ly/Subscribe-Hong-Ly & turn on the notification bell to get more videos like this.

Related crash courses:
React: https://youtu.be/-sld1zTz3uY
React Redux: https://youtu.be/RPFr-hiFiU0

ℹ️ Websites used in this video:
https://www.javascript.com/

🕒 Timestamps:
00:00 Introduction
01:19 Set up environment
02:25 Create a new project
03:18 Run JavaScript in browser
08:31 Run JavaScript using Node
12:18 Variables
15:37 Data types
23:36 Constants
25:46 Primitive type
26:36 Dynamic typing
27:50 Object
32:38 Array
36:42 Function
40:08 Arrow Function ES6
46:47 Outro

🌐 Website: https://honglytech.com
GitHub: https://github.com/lyhd
My course: https://honglytech.com/course

🛡️ COVID-19 Live Now: https://covid19livenow.com

🌎 Find me on:
Facebook: https://www.facebook.com/honglytech
Instagram: https://www.instagram.com/hongly_tech
Twitter: https://twitter.com/honglytech
Discord: https://discord.gg/Acn6bpA8

#javascript #tutorial #crashcourse

In this video, you will learn how to host a FREE React app using Vercel.

https://reactjs-free-hosting.vercel.app

🔔 SUBSCRIBE: http://bit.ly/Subscribe-Hong-Ly​ & turn on the notification bell to get more videos like this.

ℹ️ Website used in this video:
https://vercel.com

🕒 Timestamps:
00:00​ Intro
00:13 Set up GitHub Repo and React App
06:24 Host FREE React App

🌐 Website: https://honglytech.com
GitHub: https://github.com/lyhd
My course: https://honglytech.com/course
Discord: https://discord.gg/B4CfnAR8Fr

🛡️ COVID-19 Live Now: https://covid19livenow.com

🌎 Find me on:
Facebook: https://www.facebook.com/honglytech
Instagram: https://www.instagram.com/hongly_tech
Twitter: https://twitter.com/honglytech

#react #hosting #deploy

Get Hostinger with 90% Off https://www.hostg.xyz/SH5yf

In this TypeScript crash course, you will learn the following topics:
String, Number, Boolean, Array, Object, Class, Any, Void, Tuple, Tuple, Enum, Generics and more.

🔔 SUBSCRIBE: http://bit.ly/Subscribe-Hong-Ly & turn on the notification bell to get more videos like this.

ℹ️ Websites used in this video:
https://www.typescriptlang.org/

🕒 Timestamps:
00:00 Intro
02:38 Set up environment
06:39 console.log
09:25 String
12:49 Number
14:11 Boolean
15:47 Any
17:02 Union
18:17 Array string
20:54 Array number
22:39 Array boolean
24:36 Array mix
26:17 Tuple
28:33 Object
30:09 Type aliases
32:19 Function
34:27 Arrow function
36:36 Void
37:10 Interface
39:47 Interface with class
45:12 Refactor class
46:50 Dom manipulation & type casting
54:04 Generics
58:50 Enum
01:01:57 Outro

🌐 Website: https://honglytech.com
GitHub: https://github.com/lyhd
My course: https://honglytech.com/course

🛡️ COVID-19 Live Now: https://covid19livenow.com

🌎 Find me on:
Facebook: https://www.facebook.com/honglytech
Instagram: https://www.instagram.com/hongly_tech
Twitter: https://twitter.com/honglytech
Discord: https://discord.gg/Acn6bpA8

#typescript #tutorial #javascript

Gadget Club Sent Me This Mystery Box!
https://www.gadgetclub.com.au?sca_ref=621872.FK16KleoqT

🔔 SUBSCRIBE: http://bit.ly/Subscribe-Hong-Ly & turn on notifications to find out when I upload new videos

🛡️ COVID-19 Live Now: https://covid19livenow.com

🌐 Website: https://honglytech.com
GitHub: https://github.com/lyhd
My course: https://honglytech.com/course
Discord: https://discord.gg/B4CfnAR8Fr

🌎 Find me on:
Facebook: https://www.facebook.com/honglytech
Instagram: https://www.instagram.com/hongly_tech
Twitter: https://twitter.com/honglytech

#unboxing #gadget #mysterybox

In this crash course, you will learn what GraphQL is, Rest vs. GraphQL, Install GraphiQL in Node.js, Schema, Mutation and more.

⭐ Download Kite for FREE https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=hongly&utm_content=description-only

🔔 SUBSCRIBE: http://bit.ly/Subscribe-Hong-Ly & turn on notifications to find out when I upload new videos

Timestamps:
00:00 Introduction
00:33 Highlight
00:57 Introduction
02:34 Rest vs. GraphQL
06:27 Set up GraphiQL
16:50 GraphiQL Interface
17:22 1st Query
19:02 Pet and owner data
19:45 Root Query
21:01 Get a list of pets
25:42 Define schema
28:53 Get an owner from pets
35:18 Get a list of owners
37:15 Pets each owner owns
40:15 Get a single pet
42:41 Who owns a pet
43:07 Get a single owner
44:20 Who owns pets
45:19 Mutation add a new pet
51:20 Add a new owner
53:36 Recap
54:26 Outro

ℹ️ Websites used in this video:
https://www.npmjs.com/package/express
https://www.npmjs.com/package/express-graphql
https://www.npmjs.com/package/graphql
https://www.npmjs.com/package/nodemon

💻 Source code: https://github.com/lyhd/graphql-crash-course

🌐 Website: https://honglytech.com
GitHub: https://github.com/lyhd
My course: https://honglytech.com/course
Discord: https://discord.gg/B4CfnAR8Fr
🛡️ COVID-19 Live Now: https://covid19livenow.com

🌎 Find me on:
Facebook: https://www.facebook.com/honglytech
Instagram: https://www.instagram.com/hongly_tech
Twitter: https://twitter.com/honglytech
Discord: https://discord.gg/Acn6bpA8

#graphql #crashcourse #nodejs

Internal Threat Protection using Key Value Map. You will learn how to create and configure an encrypted KVM (Key Value Map) and how to safely retrieve and use data from the KVM.

⭐ Check out Kite https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=hongly&utm_content=description-only

🔔 SUBSCRIBE: http://bit.ly/Subscribe-Hong-Ly & turn on notifications to find out when I upload new videos

💻 Source code: https://github.com/lyhd/reactjs/tree/react-compound-interest-calculator

ℹ️ Websites used in this video:
https://petstore.swagger.io/

🛡️ COVID-19 Live Now: https://covid19livenow.com

🌐 Website: https://honglytech.com
GitHub: https://github.com/lyhd
My course: https://honglytech.com/course
Discord: https://discord.gg/B4CfnAR8Fr

🌎 Find me on:
Facebook: https://www.facebook.com/honglytech
Instagram: https://www.instagram.com/hongly_tech
Twitter: https://twitter.com/honglytech
Discord: https://discord.gg/Acn6bpA8

#internalthreat #apigee #keyvaluemap

In this video, you will learn how to send emails in Node.js using a popular library called Nodemailer. Gmail accounts are used for the demonstration.

Check out Kite https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=hongly&utm_content=description-only

🔔 SUBSCRIBE: http://bit.ly/Subscribe-Hong-Ly & turn on notifications to find out when I upload new videos

Gmail Less Secure Apps
https://myaccount.google.com/lesssecureapps

Deploy Node.js for FREE
https://youtu.be/VNo-eOKeeUE

ℹ️ Websites used in this video:
https://www.npmjs.com/package/nodemailer
https://nodemailer.com/smtp/

🛡️ COVID-19 Live Now: https://covid19livenow.com

🌐 Website: https://honglytech.com
GitHub: https://github.com/lyhd
My course: https://honglytech.com/course
Discord: https://discord.gg/B4CfnAR8Fr

🌎 Find me on:
Facebook: https://www.facebook.com/honglytech
Instagram: https://www.instagram.com/hongly_tech
Twitter: https://twitter.com/honglytech
Discord: https://discord.gg/Acn6bpA8

#nodejs #nodemailer #emailnodejs