Recently Updated Pages
Params & Body
new data.json { "users": [ { "id": 1, "firstname": "Alice", ...
CSC105 Backend 27/4/23
1. What is the Backend? Backend development (often called the “server-side” development), is the ...
JSON
What is JSON JSON stands for JavaScript Object Notation JSON is a text format for storing and t...
API Exercise
Instruction In this exercise we would create web application to provide information about Food D...
Deck of Cards API
Shuffle the Cards: Add deck_count as a GET or POST parameter to define the number of Decks you w...
Free Dictionary API
Search word definition and some other details. with this request format it would provide many ...
Fetching base on input
Mange API with state Now we will use state in react to help on manage with the API. with endpoi...
React Fetching
In this course for the data, we have used is the API endpoint from https://reqres.in/api/users ...
Fetching via Axios
Axios Axios package is a Javascript library not API. Axios use promise-based HTTP client designe...
HTTP & HTTP request
HTTP (Hypertext Transfer Protocol) HTTP is a protocol for fetching resources such as HTML docume...
RESTful API
REST (Representational State Transfer) What is RESTful API? RESTful API is an interface desig...
What is API ?
API (Application Programming Interface) API stands for Application Programming Interface, it's...
Bank project Cont.
For this week, we going to continue on our bank project from last week by the following goals Go...
Routing exercise
Instruction Make a page call MainPage.jsx - In main page (Parent) there will be two button that...
Form Handling Exercise
Instruction Create a form that receive the 2 input and 1 submit button 1. Email 2. Password ...
Introduction
When you create React app, it does not include the page routing function. React Router is one o...
Basic Navigation
You can read full guide and tutorial here Basic Navigation in React Page creation In page fo...
Dynamic Routing
Dynamic routing is a powerful technique used in web development to handle navigation and renderin...
React router component
Components in React Router V6 BrowserRouter BrowserRouter is main component to cover our React ...
Advance form handling with YUP & React-hook-form
yup and react-hook-form is your life saver. Yup are powerful tools in the React ecosystem ...