Posts

React JS Setup, Installation and First React Project

Image
 Hello everyone, today we will discuss the React JS Setup, Installation, and First React Project. Step 1:Install Node.js To check if  node.js  is installed on your system, type  node -v  in the terminal. This will help you see the version of  node.js  currently installed on your system. sibinmuhammed@ladmin-knf:~$ node -v v12.18.4 If it does not print anything, install node.js on your system. To install node.js, go to the homepage,  https://nodejs.org/en/download/  of node.js, and install the package based on your OS. For more topics, click below link: React JS Setup, Installation, and First React Project :  part 1 ReactJS - JSX :  part 2 ReactJS - Components :  part 3 ReactJS - State and Props :  part 4 ReactJS - Component API : part 5 ReactJS - Events  :  part 6 Reactjs - Form :  part 7 ReactJS - Bootstrap - Buttons : part 8 ReactJS - Bootstrap - Table : part 9 ReactJS - Keys : part 10 CRUD React J+Node JS+Express+MongoDB CRUD:MERN Stack development  Kotlin + Spring Boot + React JS +

Install Angular 10 CLI and Create a New Example App with Routing

Image
 Hello everyone, today we will discuss the Environment Setup required for Angular 10. To install Angular 10, we require the following −  Nodejs  Npm  Angular CLI  IDE for writing your code Step 1:Install Node.js To check if node.js is installed on your system, type node -v in the terminal. This will help you see the version of node.js currently installed on your system. sibinmuhammed@ladmin-knf:~$ node -v v12.18.4 If it does not print anything, install node.js on your system. To install node.js, go to the homepage, https://nodejs.org/en/download/ of node.js, and install the package based on your OS. Based on your OS, install the required package. Once node.js is installed, npm will also get installed along with it. To check if npm is installed or not, type npm –v in the terminal as given below. It will display the version of the npm . sibinmuhammed@ladmin-knf:~$ npm -v 6.14.8 Step 2 — Installing Angular CLI 10 Head over to a new termi

Micro Frontends

Image
Hello everyone, I hope you all are doing well! "Our end users don’t care whether your app is a monolith or micro-frontends—they just want an app that loads expeditious and solves their quandaries. "   ✌                                                                                                                                                                                                 Knowledgefactory.net[Sibin] Today we are going to discuss Micro-frontend architecture, Maybe most of the latest digital products are adopted microservice architecture on their back, companies are blissful and developers are relishing their works, from all the angles technical experts are verbally expressing microservice architecture is fine. But, the Front end part is still monolithic . It's the right time to think about  Micro Frontend  architecture What is Micro-frontend architecture?    Micro-frontend architecture is a design approach in which a front-end app is decomposed into

Javascript tutorial - Learn from scratch

Image
Hello everyone, this JavaScript  tutorial helps you learn the JavaScript programming language from scratch quickly and effectively.  JavaScript is an open-source & most popular client-side scripting language fortified by all browsers. JavaScript is utilized mainly for enhancing the interaction of a utilizer with the webpage.JavaScript is not a compiled language, but it is a translated language. The JavaScript Translator (embedded in the browser) is responsible for translating the JavaScript code for the web browser. There are many useful Javascript frameworks and libraries available:  Angular Node.js React.js jQuery Vue.js Ember.js Ext.js Webix MobX Omniscient Anime.js Chart.js Cleave.js Popper Riot.js Mithril Socket Polymer It is really impossible to give a complete list of all the available Javascript frameworks and libraries. We are going to learn the following javascript components JavaScript - Syntax JavaScript - Comments JavaScript - DataTypes JavaScript -  Operators JavaS

Spring Boot + Apache Commons Export Data to CSV Example

Image
Hello everyone, today we will learn how to export and download the data as a CSV file in a Spring Boot project. CSV stands for Comma-Separated-Values and it's a common format for doing a bulk data transfer between systems. For creating and parsing CSV files, we will use Apache Commons' 3rd-party library.  Technologies used   Spring Boot Apache Commons Spring Data JPA H2DB Maven Project directory Maven[pom.xml]   A Project Object Model or POM is the fundamental unit of work in Maven. It is an XML file that contains information about the project and configuration details utilized by Maven to build the project. <?xml version = "1.0" encoding = "UTF-8" ?> <project xmlns = "http://maven.apache.org/POM/4.0.0" xmlns:xsi = "http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation = "http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd" > <modelVersion> 4.0.0 </model