React Component Lifecycle Methods from v16.3 with example

From v16.3, React introduces new 2 lifecycles getDerivedStateFromProps, getSnapshotBeforeUpdate, and also notices that 3 methods will be in time considered deprecation componentWillMount, componentWillUpdate, componentWillReceiveProps. In this tutorial, we’re gonna look at new React Component Lifecycle Methods, then we will build an example that uses them.

[Continue reading…] “React Component Lifecycle Methods from v16.3 with example”

Angular 5 – Upload/Get Images to/from Spring Boot Server

Upload files to Servlet containers, application need register a MultipartConfigElement class. But Spring Boot makes it more easy by configuring it automatically. In this tutorial, we’re gonna look at way to build an Angular 5 App Client to upload/get Images to/from Spring Boot RestApi Server.

Related posts:
How to upload MultipartFile with Spring Boot
MultipartFile – SpringBoot + JQuery Ajax + Bootstrap.
MultipartFile – SpringBoot + AngularJs + Bootstrap.
Angular 4 Firebase – Get List Files from Storage
Angular 5 – Upload/Get MultipartFile to/from Spring Boot Server

[Continue reading…] “Angular 5 – Upload/Get Images to/from Spring Boot Server”

React Stateless Functional Components example

We have known how to define a React Component in the post React Components example. There is a simpler way to do this which is called stateless functional components. Remember that we can only use this method for components that don’t have state.

Related Posts:
React Component Props example
React State example
React Note Application – React props and state example

[Continue reading…] “React Stateless Functional Components example”

Angular 5 – Upload/Get MultipartFile to/from Spring Boot Server

Upload files to Servlet containers, application need register a MultipartConfigElement class. But Spring Boot makes it more easy by configuring it automatically. In this tutorial, we’re gonna look at way to build an Angular 5 App Client to upload/get MultipartFile to/from Spring Boot RestApi Server.

Related posts:
How to upload MultipartFile with Spring Boot
MultipartFile – SpringBoot + JQuery Ajax + Bootstrap.
MultipartFile – SpringBoot + AngularJs + Bootstrap.
Angular 4 Firebase – Get List Files from Storage
Angular 4 – Upload/Get MultipartFile to/from Spring Boot Server

[Continue reading…] “Angular 5 – Upload/Get MultipartFile to/from Spring Boot Server”

React Note Application – React props and state example

In this tutorial, we’re gonna create a simple React Note Application that uses both React props and state.

Related Posts:
React Components example
React Component Props example
React State example

You can try this application with React Stateless Functional Components example.

[Continue reading…] “React Note Application – React props and state example”

React State example

In the post, we had known how to bind data and update UI by re-rendering template. This tutorial shows way to update data automatically without calling render template function by using React State.

Relate Posts:
React Simple Data Binding example
React Component Props example
React Note Application – React props and state example

[Continue reading…] “React State example”

React Component Props example

In this tutorial, we’re gonna look at how to use React Component Props in a React example.

Related Posts:
React Hello World example
React Components example
React State example
React Note Application – React props and state example

[Continue reading…] “React Component Props example”

React Components example

In this tutorial, we’re gonna look at how to create React Components (Nesting Components, too).

Related Posts:
React Hello World example
React Component Props example
React State example
React Note Application – React props and state example

[Continue reading…] “React Components example”

Compress String with Run Length Encoding in Java

In this Java example, we’re gonna know how to compress String in Java with Run Length Encoding (RLE) method.

Related Posts:
Java Regular Expression Overview – Syntax
Java Regular Expression to extract data from a Text
Java Regular Expression to mask information from a Text

[Continue reading…] “Compress String with Run Length Encoding in Java”

Balanced Tree – AVL Tree in Java

In this tutorial, we’re gonna look at AVL Tree Data Structure. It is a balanced binary search tree – the heights of given node’s children trees don’t differ more than 1 (with height of node = max of its children node + 1).

balanced-tree-avl-tree-java-overview

[Continue reading…] “Balanced Tree – AVL Tree in Java”

Kotlin – Convert Json(String/File) to/from XML(String/File)

In the tutorial, we show how to convert Json to XML and vice versa in Kotlin language.

[Continue reading…] “Kotlin – Convert Json(String/File) to/from XML(String/File)”

Angular + Spring WebFlux + Spring Data Reactive Cassandra example | Full-Reactive Angular Http Client – Spring Boot RestApi Server

In this tutorial, we’re gonna build a full Reactive Application in which, Spring WebFlux, Spring Data Reactive Cassandra are used for backend, and Angular, RxJS, EventSource are on client side.

Related Posts:
SpringData Reactive Cassandra Repositories | SpringBoot
Introduction to RxJS – Extensions for JavaScript Reactive Streams
Angular 4 + Spring Boot + Cassandra CRUD example

[Continue reading…] “Angular + Spring WebFlux + Spring Data Reactive Cassandra example | Full-Reactive Angular Http Client – Spring Boot RestApi Server”

Angular 4 + Spring WebFlux + Spring Data Reactive MongoDB example | Full-Reactive Angular 4 Http Client – Spring Boot RestApi Server

In this tutorial, we’re gonna build a full Reactive Application in which, Spring WebFlux, Spring Data Reactive MongoDB are used for backend, and Angular, RxJS, EventSource are on client side.

Related Posts:
How to use Angular Http Client to fetch Data from SpringBoot RestAPI – Angular 4
How to use Angular HttpClient to POST, PUT, DELETE data on SpringBoot Rest APIs – Angular 4
How to build SpringBoot MongoDb RestfulApi
How to use SpringData MongoRepository to interact with MongoDB
Angular 4 + Spring Boot + MongoDB CRUD example
Introduction to RxJS – Extensions for JavaScript Reactive Streams

[Continue reading…] “Angular 4 + Spring WebFlux + Spring Data Reactive MongoDB example | Full-Reactive Angular 4 Http Client – Spring Boot RestApi Server”

Java – Convert Json(String/File) to/from XML(String/File)

In the tutorial, we show how to convert Json to XML and vice versa with Java language by examples.

[Continue reading…] “Java – Convert Json(String/File) to/from XML(String/File)”

Kotlin – Convert Object to/from XML File (XML String) by Jackson

In the tutorial, we will show how to convert XML String/File to Object and versus by Kotlin language with Jackson.

[Continue reading…] “Kotlin – Convert Object to/from XML File (XML String) by Jackson”

Introduction to RxJS – Extensions for JavaScript Reactive Streams

Reactive Extensions for JavaScript (RxJS) is a precise alternative for callback or Promise-based libraries. It treats any ubiquitous source of events in the exact same manner, whether it is reading a file, making an HTTP call, clicking a button, or moving the mouse. RxJS is built on top of the pillars of functional and reactive programming, as well as a few popular design patterns such as Observer and Iterator.

[Continue reading…] “Introduction to RxJS – Extensions for JavaScript Reactive Streams”