React Custom Hook tutorial with example

bezkoder

In addition to the familiar Hooks like useState, useEffect, useRef…, React also allows us to create custom Hooks with unique features that extracts component logic into reusable functions. Let’s learn how to write a Custom Hook for API call in React through a simple useAxiosFetch example.

More Practice:
– React Hooks CRUD example with Axios and Web API
– React Hooks File Upload example with Axios
– React Form Validation with Hooks example
– React Hooks: JWT Authentication (without Redux) example
– React + Redux: JWT Authentication example
– React Hooks + Firebase Realtime Database: CRUD App
– React Hooks + Firestore example: CRUD app
– React Custom Hook in Typescript example

Read More

React Axios example – Get/Post/Put/Delete with Rest API

bezkoder 5 Comments

Axios is a promise-based HTTP Client Javascript library for Node.js and Browser. In this tutorial, we will create React example that use Axios to make Get/Post/Put/Delete request with Rest API and JSON data in a React functional component (with Hooks).

Related Posts:
– React Custom Hook
– Axios Tutorial: Get/Post/Put/Delete request example
– React CRUD example with Axios, React Router and Rest API
– React Hooks: JWT Authentication & Authorization (without Redux) example
– React Hooks + Redux: JWT Authentication & Authorization example

Together with React Query:
React Query and Axios example with Rest API

Read More

Spring Boot JdbcTemplate example: CRUD Rest API

bezkoder 1 Comment

In this tutorial, we’re gonna build a Spring Boot Rest CRUD API example that use Spring JdbcTemplate to interact with H2 database. You’ll know:

  • How to configure Spring Data JDBC to work with Database
  • How to define Data Models and Repository interfaces
  • Way to create Spring Rest Controller to process HTTP requests
  • Way to use Spring JdbcTemplate to interact with H2 Database

Exception Handling:
– Spring Boot @ControllerAdvice & @ExceptionHandler example
– @RestControllerAdvice example in Spring Boot

Unit Test:
Spring Boot – Rest Controller Unit Test with @WebMvcTest

Using Spring Data JPA instead:
Spring Boot JPA + H2 example: Build a CRUD Rest APIs

Read More

Dart/Flutter Future tutorial with examples

bezkoder 1 Comment

Asynchronous programming allows a program to do work while waiting for something else to complete. In this tutorial, we’ll show you how to work with Future in Dart (also in Flutter). At the end, you’re gonna know:

  • Introduction to Dart Future
  • How to create Future, Future delayed and value methods
  • Basic Future usage: then, catchError and callback
  • Way to use Future async-await
  • Future multiple await/then for chain of multiple asynchronous methods
  • Equivalent of ‘finally’: Future whenComplete
  • Future wait for multiple futures complete

Related Posts:
– Dart/Flutter Constructors tutorial with examples
– Dart/Flutter String Methods & Operators tutorial with examples
– Dart/Flutter List Tutorial with Examples
– Dart/Flutter Map Tutorial with Examples
– Dart/Flutter – Sort list of Objects

Read More

Docker MERN stack with Nginx example – Docker Compose

bezkoder

Docker provides lightweight containers to run services in isolation from our infrastructure so we can deliver software quickly. In this tutorial, I will show you how to dockerize MERN stack Application (React + Node.js + Express + MongoDB) example using Docker Compose and Nginx.

Related Posts:
– React + Node.js + Express + MongoDB example: CRUD App
– React + Node.js Express + MongoDB: User Authentication with JWT example
– Integrate React with Node.js Express on same Server/Port

Read More

Deploy Spring Boot App on AWS – Elastic Beanstalk

bezkoder 12 Comments

AWS (Amazon Web Services) is one of the most widely used cloud computing platforms which provides a whole range of managed cloud services. In this tutorial, I will show you step by step to deploy Spring Boot Application with MySQL on AWS EC2 Instance using Elastic Beanstalk (for free).

Related Posts:
– Spring Boot, Spring Data JPA: Rest API example
– Spring Boot JdbcTemplate with MySQL: Rest API example
– Spring Boot Token based Authentication with Spring Security & JWT
– Dockerize with Docker Compose: Spring Boot and MySQL example

Read More

Spring Boot 3 Rest API example: CRUD Application

bezkoder

In this tutorial, we’re gonna build a Spring Boot 3 Rest API example with Maven that implement CRUD operations. You’ll know:

  • Way to define Spring Rest Controller
  • Way to handle HTTP GET, POST, PUT, DELETE requests for CRUD Operations
  • How to define Data Model and Service Component

Using databases:
– Spring Data JPA + H2
– Spring Data JPA + MySQL
– Spring Data JPA + PostgreSQL
– Spring Data JPA + SQL Server
– Spring Data + MongoDB

More Practice:
– Spring Boot @ControllerAdvice & @ExceptionHandler example
– @RestControllerAdvice example in Spring Boot
– Spring Boot Unit Test for Rest Controller

Fullstack:
– Spring Boot Thymeleaf example
– Vue + Spring Boot example
– Angular 8 + Spring Boot example
– Angular 10 + Spring Boot example
– Angular 11 + Spring Boot example
– Angular 12 + Spring Boot example
– Angular 13 + Spring Boot example
– Angular 14 + Spring Boot example
– Angular 15 + Spring Boot example
– React + Spring Boot example

Read More

Angular 15 Firebase Storage: File Upload/Retrieve/Download/Delete example

bezkoder

In this tutorial, I will show you how to make Angular 15 with Firebase Storage Application: File Upload, Retrieve, Download, Delete using @angular/fire & AngularFireStorage. Files’ info will be stored in Firebase Realtime Database for Display/Delete operations.

Related Posts:
– Angular 15 Firebase CRUD with Realtime Database
– Angular 15 Firestore CRUD example
– Angular 15 CRUD example with Rest API
– Angular 15 Form Validation example
– Angular 15 File upload example with Rest API

Other versions:
– Angular 10 File Upload with Firebase Storage
– Angular 11 File Upload with Firebase Storage
– Angular 12 File Upload with Firebase Storage
– Angular 13 File Upload with Firebase Storage
– Angular 14 File Upload with Firebase Storage

Read More

Angular 15 Firestore CRUD: add/get/update/delete documents with AngularFireStore

bezkoder

In this tutorial, I will show you how to build Angular 15 with Firebase Cloud Firestore CRUD example that uses AngularFireStore service to get/add/update/delete documents in a collection.

Older versions:
– Angular 10 Firestore CRUD example
– Angular 11 Firestore CRUD example
– Angular 12 Firestore CRUD example
– Angular 13 Firestore CRUD example
– Angular 14 Firestore CRUD example

Related Posts:
– Angular 15 Firebase CRUD with Realtime Database
– Angular 15 Firebase Storage example
– Angular 15 example: CRUD Application with Rest API
– Angular 15 Form Validation example

Read More

Angular 15 Firebase CRUD with Realtime Database

bezkoder

In this tutorial, I will show you how to build Angular 15 Firebase example: CRUD App with Realtime Database that uses AngularFireDatabase service.

Older versions:
– Angular 10 Firebase CRUD example
– Angular 11 Firebase CRUD example
– Angular 12 Firebase CRUD example
– Angular 13 Firebase CRUD example
– Angular 14 Firebase CRUD example

Related Posts:
– Angular 15 Firestore CRUD example
– Angular 15 Firebase Storage: File Upload example
– Angular 15 CRUD example with Rest API
– Angular 15 Form Validation example

Read More