Jest is a JavaScript testing framework with a focus on simplicity. You will learn how to create different tests with Jest in JavaScript and why we need to learn unit testing. Really? Let's go!

Hostinger Anniversary Deal ➜ https://bit.ly/3z6Ahvq
⭐ Get a Free .COM domain with Premium Plan for 12+ months. Free SSL and Cloudflare included

🔔 SUBSCRIBE for more:
http://bit.ly/Subscribe-Hong-Ly

💻 Source code:
https://github.com/lyhd/unit-testing-jest-javascript

🔗 Related crash courses:
JavaScript: https://youtu.be/ooQdaRQmTdo
Async/Await: https://youtu.be/RI490V7YOrE
React: https://youtu.be/-sld1zTz3uY

ℹ️ References:
https://jestjs.io/

🔥 Useful:
► Hostinger web hosting for your mission: https://www.hostg.xyz/SH5yf
► Bluehost build and grow your website without breaking a sweat: https://www.bluehost.com/track/hongly/
► Namecheap bring your ideas to life: https://honglytech.com/namecheap
► Squarespace everything you need to grow online: https://squarespace.syuh.net/bW9KB
► Wix create a website you’re proud of: https://wixstats.com/?a=37210&c=2611&s1=hongly

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

❤️ Support the channel:
https://ko-fi.com/hongly

🌎 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/B4CfnAR8Fr

🎬 My gear:
Camera (Canon PowerShot G7 X Mark II): https://amzn.to/3ddGNHL
Microphone (FIFINE K669B): https://amzn.to/3qotmKa

🕒 Timestamps:
00:00 Intro
00:54 Install Jest
03:18 Calculator
10:39 Null & falsy
14:28 Less/greater than
17:46 Regex
22:49 Array
24:25 Object
31:14 Coverage
32:30 Fetch users
38:08 Why Unit Testing?

#jest #unittesting #javascript

⚠️ Disclaimer:
Some of the links and other products that appear on this video are from companies for which Hong Ly will earn an affiliate commission or referral bonus. Hong Ly is part of an affiliate network and receives compensation for sending traffic to partner sites. The content in this video is accurate as of the posting date. Some of the offers mentioned may no longer be available.

React Query is Hooks for fetching, caching and updating asynchronous data in React all without touching any "global state" like Redux. We will learn how to fetch a list of users from a database. Let's get started!

Hostinger Anniversary Deal ➜ https://bit.ly/3z6Ahvq
⭐ Get a Free .COM domain with Premium Plan for 12+ months. Free SSL and Cloudflare included

🔔 SUBSCRIBE for more:
http://bit.ly/Subscribe-Hong-Ly

🔗 Related crash courses:
React Redux: https://youtu.be/RPFr-hiFiU0
Redux Saga: https://youtu.be/6GvMQ0vMXQU
Redux Thunk: https://youtu.be/lSSQ1r8zgtY
Redux Toolkit: https://youtu.be/7ujSgXRnyig

ℹ️ References:
https://react-query.tanstack.com/

🔥 Useful:
► Hostinger web hosting for your mission: https://www.hostg.xyz/SH5yf
► Bluehost build and grow your website without breaking a sweat: https://www.bluehost.com/track/hongly/
► Namecheap bring your ideas to life: https://honglytech.com/namecheap
► Squarespace everything you need to grow online: https://squarespace.syuh.net/bW9KB
► Wix create a website you’re proud of: https://wixstats.com/?a=37210&c=2611&s1=hongly

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

❤️ Support the channel:
https://ko-fi.com/hongly

🌎 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/B4CfnAR8Fr

🎬 My gear:
Camera (Canon PowerShot G7 X Mark II): https://amzn.to/3ddGNHL
Microphone (FIFINE K669B): https://amzn.to/3qotmKa

🕒 Timestamps:
00:00 Intro
00:31 Overview
01:43 User component
07:34 App component
15:39 React Query vs. Redux
16:48 Outro

#reactquery #query #reactjs

⚠️ Disclaimer:
Some of the links and other products that appear on this video are from companies for which Hong Ly will earn an affiliate commission or referral bonus. Hong Ly is part of an affiliate network and receives compensation for sending traffic to partner sites. The content in this video is accurate as of the posting date. Some of the offers mentioned may no longer be available.

RTK Query is a powerful data fetching and caching tool. RTK Query is already included in the @reduxjs/toolkit library as an additional addon, so you do not need to use the RTK Query APIs. We will learn how to fetch data using this tool. Let's jump into it!

Hostinger Anniversary Deal ➜ https://bit.ly/3z6Ahvq
⭐ Get a Free .COM domain with Premium Plan for 12+ months. Free SSL and Cloudflare included

🔔 SUBSCRIBE for more:
http://bit.ly/Subscribe-Hong-Ly

💻 Source code:
https://github.com/lyhd/react-redux-toolkit-rtk-query

🔗 Related crash courses:
React Redux Toolkit: https://youtu.be/7ujSgXRnyig
React Redux: https://youtu.be/RPFr-hiFiU0
React Redux Saga: https://youtu.be/6GvMQ0vMXQU
React Redux Thunk: https://youtu.be/lSSQ1r8zgtY

ℹ️ References:
https://redux-toolkit.js.org/rtk-query/overview

🔥 Useful:
► Hostinger web hosting for your mission: https://www.hostg.xyz/SH5yf
► Bluehost build and grow your website without breaking a sweat: https://www.bluehost.com/track/hongly/
► Namecheap bring your ideas to life: https://honglytech.com/namecheap
► Squarespace everything you need to grow online: https://squarespace.syuh.net/bW9KB
► Wix create a website you’re proud of: https://wixstats.com/?a=37210&c=2611&s1=hongly

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

❤️ Support the channel:
https://ko-fi.com/hongly

🌎 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/B4CfnAR8Fr

🎬 My gear:
Camera (Canon PowerShot G7 X Mark II): https://amzn.to/3ddGNHL
Microphone (FIFINE K669B): https://amzn.to/3qotmKa

🕒 Timestamps:
00:00 Intro
00:30 Overview
01:09 Refresh memory
02:53 Create API slice
08:30 Configure store
11:44 index.js
12:26 Display users

#rtkquery #redux #reduxtoolkit

⚠️ Disclaimer:
Some of the links and other products that appear on this video are from companies for which Hong Ly will earn an affiliate commission or referral bonus. Hong Ly is part of an affiliate network and receives compensation for sending traffic to partner sites. The content in this video is accurate as of the posting date. Some of the offers mentioned may no longer be available.

In this crash course, we will learn how to fetch data using Redux Toolkit in React. createAsyncThunk a function that accepts a Redux action type string and a callback function that returns a promise. Action types include pending, fulfilled and rejected. Let's go!

Hostinger Anniversary Deal ➜ https://bit.ly/3z6Ahvq
⭐ Get a Free .COM domain with Premium Plan for 12+ months. Free SSL and Cloudflare included

🔔 SUBSCRIBE for more:
http://bit.ly/Subscribe-Hong-Ly

💻 Source code:
https://github.com/lyhd/react-redux-toolkit

🔗 Related crash courses:
React Redux: https://youtu.be/RPFr-hiFiU0
React Redux Saga: https://youtu.be/6GvMQ0vMXQU
React Redux Thunk: https://youtu.be/lSSQ1r8zgtY

ℹ️ References:
https://redux-toolkit.js.org/

🔥 Useful:
► Hostinger web hosting for your mission: https://www.hostg.xyz/SH5yf
► Bluehost build and grow your website without breaking a sweat: https://www.bluehost.com/track/hongly/
► Namecheap bring your ideas to life: https://honglytech.com/namecheap
► Squarespace everything you need to grow online: https://squarespace.syuh.net/bW9KB
► Wix create a website you’re proud of: https://wixstats.com/?a=37210&c=2611&s1=hongly

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

❤️ Support the channel:
https://ko-fi.com/hongly

🌎 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/B4CfnAR8Fr

🎬 My gear:
Camera (Canon PowerShot G7 X Mark II): https://amzn.to/3ddGNHL
Microphone (FIFINE K669B): https://amzn.to/3qotmKa

🕒 Timestamps:
00:00 Intro
00:17 Refresh memory
02:38 Install Redux Toolkit
03:03 usersSlice using createAsyncThunk
11:30 Create store
14:31 Display users

#redux #reduxtoolkit #reactjs

⚠️ Disclaimer:
Some of the links and other products that appear on this video are from companies for which Hong Ly will earn an affiliate commission or referral bonus. Hong Ly is part of an affiliate network and receives compensation for sending traffic to partner sites. The content in this video is accurate as of the posting date. Some of the offers mentioned may no longer be available.

Make HTTP requests with Redux Thunk in React. Redux Thunk middleware allows you to write action creators that return a function instead of an action. The inner function receives the store methods dispatch and getState as parameters. Let's dive into it!

Hostinger Anniversary Deal ➜ https://bit.ly/3z6Ahvq
⭐ Get a Free .COM domain with Premium Plan for 12+ months. Free SSL and Cloudflare included

🔔 SUBSCRIBE for more:
http://bit.ly/Subscribe-Hong-Ly

💻 Source code:
https://github.com/lyhd/react-redux-thunk

🔗 Related crash courses:
React Redux: https://youtu.be/RPFr-hiFiU0
React Redux Saga: https://youtu.be/6GvMQ0vMXQU
React: https://youtu.be/-sld1zTz3uY

ℹ️ References:
https://www.npmjs.com/package/redux-thunk

🔥 Useful:
► Hostinger web hosting for your mission: https://www.hostg.xyz/SH5yf
► Bluehost build and grow your website without breaking a sweat: https://www.bluehost.com/track/hongly/
► Namecheap bring your ideas to life: https://honglytech.com/namecheap
► Squarespace everything you need to grow online: https://squarespace.syuh.net/bW9KB
► Wix create a website you’re proud of: https://wixstats.com/?a=37210&c=2611&s1=hongly

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

❤️ Support the channel:
https://ko-fi.com/hongly

🌎 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/B4CfnAR8Fr

🎬 My gear:
Camera (Canon PowerShot G7 X Mark II): https://amzn.to/3ddGNHL
Microphone (FIFINE K669B): https://amzn.to/3qotmKa

🕒 Timestamps:
00:00 Intro
00:28 Diagram
01:33 Refresh our memory
03:29 Install redux-thunk
04:32 Actions
11:41 Reducer
17:06 applyMiddleware()
19:20 Display users
29:01 Recap
33:20 Small fix
34:52 Thunk vs. Saga

#thunk #redux #reduxthunk

⚠️ Disclaimer:
Some of the links and other products that appear on this video are from companies for which Hong Ly will earn an affiliate commission or referral bonus. Hong Ly is part of an affiliate network and receives compensation for sending traffic to partner sites. The content in this video is accurate as of the posting date. Some of the offers mentioned may no longer be available.

Make HTTP requests asynchronously with Redux Saga in React. Redux Saga acts as middleware and can be achieved by leveraging an ES6 feature called Generators.

Hostinger Anniversary Deal ➜ https://bit.ly/3z6Ahvq
⭐ Get a Free .COM domain with Premium Plan for 12+ months. Free SSL and Cloudflare included

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

💻 Source code: https://github.com/lyhd/react-redux-saga

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

ℹ️ Websites used in this video:
https://redux-saga.js.org/

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

🌎 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

🕒 Timestamps:
00:00 Intro
00:39 Diagram
01:53 Simple example
05:28 Refresh our memory
08:24 action
09:09 reducer
13:37 request function
17:20 sagas
24:50 Middleware
28:59 Display users
37:44 Recap
42:00 takeLatest vs. takeEvery
43:38 Outro

#saga #reactredux #react

By the end of this CSS 3 crash course, a responsive website will be built. We will look at different ways to add CSS, color, margin, padding, header, navigation bar, position and more. Let's learn!

Hostinger Anniversary Deal ➜ https://bit.ly/3z6Ahvq
⭐ Get a Free .COM domain with Premium Plan for 12+ months. Free SSL and Cloudflare included

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

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

Related crash courses:
HTML: https://youtu.be/g2RQCfcoMXM
Flexbox: https://youtu.be/gNXLJeW6-XI
Grid: https://youtu.be/jD_R-aVjUTU
JavaScript: https://youtu.be/ooQdaRQmTdo

ℹ️ Websites used in this video:
https://blog.hubspot.com/website/css-margin-vs-padding

🕒 Timestamps:
00:00 Intro & demo
02:52 3 ways to add css
08:09 Color
10:22 Font size & font family
13:02 Body
14:06 Margin vs. padding
21:55 Header
27:08 Navigation bar
31:09 Slideshow
36:09 Sidebar & main content
40:18 Responsiveness
41:49 Footer
45:16 Form
53:35 Position
59:55 Container
01:00:58 Bonus
O1:09:39 Outro

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

🌎 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

#css #css3 #website

By the end of this Vue 3 crash course, you will be able to build a real project. Topics include props, PrimeVue, create components, add/update/delete functions, POST/PUT/DELETE requests via API and more.

Hostinger Anniversary Deal ➜ https://bit.ly/3z6Ahvq
⭐ Get a Free .COM domain with Premium Plan for 12+ months. Free SSL and Cloudflare included

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

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

Related crash courses:
JavaScript: https://youtu.be/ooQdaRQmTdo
React: https://youtu.be/-sld1zTz3uY

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

🕒 Timestamps:
00:00 Intro & demo
04:18 Requirement
05:01 Create a new project
10:24 Extensions
12:43 Folders & files
20:13 Style menu
21:23 Props
30:17 PrimeVue vs Vuetify vs Quasar
31:55 Create card component
45:24 Grid
51:37 Form
56:25 Conditional class
58:26 Events
59:54 Delete function
01:05:30 created()
01:06:49 Favorite function
01:11:37 Add pet function
01:21:57 Create a free REST API
01:24:27 Fetch functions
01:27:26 POST, DELETE & PUT requests
01:42:15 Bonus
01:44:46 Outro

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

🌎 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

#vue #vuejs #vue3

I will be showing you how to upload multiples images at once to firebase using ReactJS. Let's start!

Upload a single image to firebase (First part)
https://youtu.be/8r1Pb6Ja90o

Get ExpressVPN ➜ https://www.xvinlink.com/?a_fid=hongly
⭐ SAVE 49% + 12 months + 3 months FREE with this special offer! ⭐

🔔 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/tree/react-firebase-multiple-images-upload

🕒 Timestamps:
00:00 Intro
00:35 Firebase setup
07:04 Update code for multiple images
23:55 Recap
26:22 Outro

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

🌎 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

#firebase #reactjs #uploadimages

In this YAML crash course, I will show how to store data in YAML file with various data types. Let's start!

Get ExpressVPN ➜ https://www.xvinlink.com/?a_fid=hongly
⭐ SAVE 49% + 12 months + 3 months FREE with this special offer! ⭐

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

Related crash courses:
JavaScript: https://youtu.be/ooQdaRQmTdo
React: https://youtu.be/-sld1zTz3uY

🕒 Timestamps:
00:00 Intro
01:11 Data types
03:57 Object
05:04 Array
07:52 List of objects
10:31 Multiline strings
11:52 Preserve newlines
13:08 Anchors
16:24 Convert data types
18:25 Outro

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

🌎 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

#yaml #json #xml