- React Render HTML
React renders HTML using ReactDOM.render(). React DOM compares the element and its children to the previous one, and only applies the DOM updates necessary to bring the DOM to the desired state. import React from ‘react’; class App extends React.Component { render() { return ( <div> <Header/>…
- React JSX
JSX allows us to write HTML elements in JavaScript and place them in the DOM without any createElement() and/or appendChild() methods. JSX converts HTML tags into react elements. You are not required to use JSX, but JSX makes it easier to write React applications. JSX is a syntax extension to…
- React ES6
React uses ES6’s features such as class, arrow functions, variables(let, var, const), for..in, for..of, and others. Classes A class can have attributes, methods, and state. You can extend a class and add functionality. Arrow functions Regular JS ES6 arrow function Default functions In ES6, a…
- React Set up
Install node js on your computer if you haven’t done so. Here is the link. Create your project by using this command: Go into your app using this command: Start your application using this command: Congratulations! You have just set up your react project.
- Springboot with Thymeleaf
Thymeleaf is a template language that helps serve static files. Add dependencies <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> <dependency> <groupId>org.springframework.boot</groupId>…