EYE DROPPER | COLOR PICKER I believe that when developers find a color that they want to use on a website, they might want to know what that color’s code is. That’s why we have EYE DROPPER | COLOR PICKER. It’s a really useful tool and allows you to pick…

An overview for CI/CD pipeline, meaning developer keeps building code after passing the test that code/features will be in Ops pipeline which is released and gets deployed, Ops will manage/ monitor application and then loop back to developers to give feedback (or collect some feedback from the client) as a…

I recently learned React useForm and wanted to provide you with some information about how it works. Import React from ‘react’; import { useForm } from ‘react-hook-form’ as follows: 2. Create a variable and set it to useForm(), each object key will register as an input. Create variable name value…

When it’s time to design websites, CSS Grid is useful for designing web pages. The difference between CSS Grid Layout and CSS Flexbox Layout is that Flexbow helps to create one dimensional layouts in columns and rows while Grid works in two dimensions to create lays in columns and rows…

The features of ES2015 (ES6) that I want to talk about are const and let. We can use const and let to declare a new variable. I want to explain the basics about how const, var, and let are different. Const The variable “const” cannot be reassigned or redeclared. I would…

“useEffect” is similar to a lifecycle method in React class. I would assume you already understand the basics of useEffect and useState. Nevertheless, I would like to show how I fetch API data and show it in the application. When we need to do something after render, we use React…

Controlled components — The controlled component is when you handle form by using state and onChange function to change the input value. DOM doesn’t handle the element, instead, it is handled by React. As you can see from the below example, the state will be changed to something when the user types characters…

I am sure a lot of you have heard about AJAX. When I first learned about AJAX, I didn’t understand what it was. Then I did some research and would like to share some information about what I learned. What is AJAX (Asynchronous JavaScript And XML)? AJAX is not a…

What is local storage? Data can be stored within a browser. There is no expiration date for data stored in the localStorage object. Key/value pairs can be saved within a web browser by using localStorage. Therefore, subsequent closing of the browser will not result in the data being deleted, and…