1 - React And Spring Boot : Introduction & Set Up | ReactJS | ReactDOM | Spring Boot

#ReactJSIntroduction #React #SpringBoot #ReactDOM
=====================
=====================
What is ReactJS?
React (also known as ReactJS)  is a java script library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies.
React is used for building user interfaces specifically for single page or mobile applications. It's used for handling view layer for web and mobile apps.
React also allows us to create reusable UI components.
=====================
What is JSX?
=====================
Dom vs Virtual DOM
DOM (Document Object Model) is an abstraction of a structured text, where HTML Tags become nodes in the DOM. While HTML is a text, the DOM is an in-memory representation of this text in form of nodes. The DOM provides an interface (API) to traverse and modify the nodes, and It contains methods like getElementById or removeChild.
Virtual DOM The Virtual DOM is an abstraction of the DOM. It is lightweight and detached from the browser-specific implementation details. Since the DOM itself was already an abstraction, the virtual DOM is, in fact, an abstraction of an abstraction.
=====================
React DOM
React relies on Virtual DOM to render Elements into the browser DOM it was not invented by React, but Facebook uses it and provides it for free.
The virtual DOM (VDOM) is a programming concept where an ideal, or “virtual”, representation of a UI is kept in memory and synced with the “real” DOM by a library such as React DOM. This process is called reconciliation.
In React world, the term “virtual DOM” is usually associated with React elements since they are the objects representing the user interface.
===========================
1 - React And Spring Boot : Introduction & Set Up | ReactJS | ReactDOM | Spring Boot

2 - React And Spring Boot : How to integrate with Spring Boot? | ReactJS | Spring Boot

3 - React And Spring Boot : How to set up Router and Route? | React Router | ReactJS | Spring Boot

4 - React And Spring Boot : How to create & submit form in React? | ReactJS | Font-Awesome in React

5 - React And Spring Boot : How to call get request using Axios? | ReactJS | Axios Client in React

6 - React And Spring Boot : How to call POST request using Axios? | ReactJS | Axios Client in React

7 - React And Spring Boot : How to call DELETE request using Axios?| ReactJS | Axios Client in React

8 - React And Spring Boot : How to call PUT request using Axios? | ReactJS | Axios Client in React

9 - React And Spring Boot : How to create Simple Front-End Pagination? | ReactJS | Almighty Java

10 - React And Spring Boot : Difference between Function and Class Component | ReactJS

11 - React And Spring Boot : How to use fetch API with React | ReactJS

12 - React And Spring Boot: Simple Back-End Pagination using Spring Boot Paging & Sorting Repository

13 - React And Spring Boot : Sort data using Spring Boot and React | ReactJS

14 - React And Spring Boot : Filter data using Spring Boot and React | ReactJS

[reddy]

I am eagerly looking for this tutorial..good step gentleman...keep going

[thalisantunes]

Gostei muito do tutorial, será muito útil. Você acaba de ganhar um inscrito BR

[carlixprincipe]

hi whats the best approach on spring boot & react?

is it react app on src/webapp
or just another folder

thank you for your tutorial i really learned a lot.

[earthcitizen]

Sir, whats the difference between an Ajax based web application and a Single Page Application SPA ?

[william]

voce acaba de salvar um brasileiro kkk muito bom

[earthcitizen]

sir y React is called a JS library and Y angular 2+ is called a Framework? whats is the difference between Angular and React ? What is the difference bewteen a Framework ans A Library ? Please shed a light in these Topics sir.