React Custom Hook tutorial with example

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

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

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
Or Documentation: Spring Boot + Swagger 3 example (with OpenAPI 3)
Caching: Spring Boot Redis Cache example

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

Read More

Dart/Flutter Future tutorial with examples

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 example – Docker Compose

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

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
– Documentation: Spring Boot + Swagger 3 example (with OpenAPI 3)
– Caching: Spring Boot Redis Cache example
– Dockerize with Docker Compose: Spring Boot and MySQL example
– or: Docker Compose: Spring Boot and Postgres example

Read More

Spring Data REST example in Spring Boot

In this tutorial, we’re gonna build a Spring Data REST example in Spring Boot CRUD REST API with Maven that uses Spring Data JPA to interact with H2 database without having to manually implement controller and handling HTTP requests. You’ll know:

  • How to configure Spring Data REST, JPA, Hibernate to work with Database
  • How to define Data Models and Repository interfaces
  • Way to use Spring Data JPA to interact with H2 Database
  • How to check CRUD operations with Postman

More Practice:
Spring JPA @Query example
JPA Repository query example | Derived Query
JPA Native Query example
Spring Boot Security Login example with JWT and H2 Database
Spring Boot Rest XML example
Spring Boot + GraphQL example
Spring Boot Multipart File upload example
– Documentation: Spring Boot + Swagger 3 example (with OpenAPI 3)
– Caching: Spring Boot Redis Cache example
– Testing: Spring Boot Unit Test for JPA Repository

Associations:
Spring Boot One To One example with JPA, Hibernate
Spring Boot One To Many example with JPA, Hibernate
Spring Boot Many to Many example with JPA, Hibernate

Read More

Spring Boot + GraphQL example

GraphQL is a query language that offers an alternative model to developing APIs (REST, SOAP or gRPC) with detailed description.

In this tutorial, we’re gonna build a Spring Boot GraphQL example with H2 database that will expose CRUD APIs to create, read, update and delete objects with the help of graphql-spring-boot-starter and Spring Data JPA.

Related Post:
Spring Boot + GraphQL + MySQL example
Spring Boot + GraphQL + PostgreSQL example
Spring Boot + GraphQL + MongoDB example
Spring Boot 3 Rest API example: CRUD Application
Spring Boot Security: Login and Registration example with JWT
Spring Boot Thymeleaf CRUD example
– Documentation: Spring Boot Swagger 3 example
– Unit Test: @DataJpaTest example for Spring Data Repository
– Caching: Spring Boot Redis Cache example

Read More

Spring Boot + GraphQL + PostgreSQL example

GraphQL is a query language that offers an alternative model to developing APIs (REST, SOAP or gRPC) with detailed description.

In this tutorial, we’re gonna build a Spring Boot GraphQL example with PostgreSQL database that will expose CRUD APIs to create, read, update and delete objects with the help of graphql-spring-boot-starter and Spring Data JPA.

Related Post:
Spring Boot + PostgreSQL example: CRUD Rest API
Spring Boot, Spring Security, PostgreSQL: JWT Authentication example
Spring Boot Thymeleaf CRUD example
– Documentation: Spring Boot Swagger 3 example
– Unit Test: @DataJpaTest example for Spring Data Repository
– Caching: Spring Boot Redis Cache example
– Dockerize: Docker Compose: Spring Boot and Postgres example

Read More

Docker Compose: MongoDB and Spring Boot example

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 Spring Boot and MongoDB example using Docker Compose.

Related Posts:
Spring Boot and MongoDB CRUD example
Spring Boot Reactive + MongoDB example
Spring Boot, Spring Security, MongoDB: JWT Authentication example
– Documentation: Spring Boot Swagger 3 example
– Caching: Spring Boot Redis Cache example

Read More