Sometimes git does not exclude files/folders added .gitignore especially if you had committed them before. Here is how to fix it. I am ignoring node_modules from frontend project as an example Update .gitignore with the folder/file name you want to ignore. You can use anyone of the formats mentioned below (prefer format1) ### Format1 ### node_modules/ node/ ### Format2 ### **/frontend/node_modules/** **/frontend/node/**

In Angular or Vue, you can render components conditionally using directives like ngIf and v-if. But in React there is no concept of directives, you have to render components using below syntax return ( <> {loading ? <></> : <EmployeeList/>} logged in. </> ); } However if you have nested…

This blog post explains the process to maintain state using browser URL. In Angular there are couple of different ways to manage the state Angular Services State Management Library like NgRx, Akita, Elf etc. But in some cases, you may want to share URL and let others see the exact…

This blog post shows multi stage Dockerfile that builds and deploys Angular app in Nginx container Dockerfile: The above Dockerfile has 2 stages Stage 1 - install NPM dependencies and builds Angular project Stage 2 - Builds docker image from dist directory generated by previous stage Stage 1: Install dependencies and Build Angular project We…

This blog post explains the process to Unit test and Integration test Spring Boot application with JUnit and Spring Testing library Unit Tests Typical Spring Boot application divided into 3 layers Controller or Web Service Repository or DAO Repository layer Testing Let’s start with Repository layer. See below example. …

This blog post explains the process to enable Angular Server Side Rendering(SSR) with Angular Universal and the process to deploy it in Docker container The source code of the application demonstrated in this post present in Github GitHub - pavankjadda/angular-ssr-docker: ngx-cookie-service-ssr-test ngx-cookie-service-ssr-test. Contribute to pavankjadda/angular-ssr-docker development by creating an account on GitHub.github.com

Authorization guards prevent unauthorized users from accessing the web page when they are not supposed to see it and redirect them to unauthorized page. First, define Routes as follows with React Router. It has 4 types of routes Public routes Read-Only user routes Reports routes Sys Admin routes The…

This blog post demonstrates steps to setup Cypress with Angular. Cypress can be initialized using @briebug/cypress-schematic or manually. See the source code uploaded to Github pavankjadda/angular-cypress This project was generated with Angular CLI version 11.1.4. Run ng serve for a dev server. Navigate to…github.com Automatic Initialization @briebug/cypress-schematic First, Install Cypress using the following command in Angular project

This blog post explains the process to search for data across multiple columns in a table using Spring Data JPA. Technologies Spring Boot 2.4.x Spring Data JPA 2.4.x Angular 11.x MySql There are 3 different ways to search for data across multiple columns in a table using Spring Data JPA Using…