Posts

GraphQL, Spring Boot and MySQL Tutorial

Image
GraphQL, Spring Boot and MySQL Tutorial Introduction         When you search online for a GraphQL and Spring Boot tutorial, most of the times you end up with a tutorial which shows how to setup GraphQL freshly in a new application. Also most of the tutorials give a high level introduction and show operations on static hard-coded data. In this post I would like to show as to how you can add GraphQL functionalities to an existing Spring Boot REST API Application. In this application I am not using static data, instead I am retrieving data from MySQL database. So this tutorial gives a view of both RESTful APIs and GraphQL APIs. GraphQL         GraphQL (Graph Query Language) is basically a query language for APIs and a runtime environment which helps us to query and get results for the data in our application. It is developed by Facebook. The advantages of using GraphQL are: A GraphQL query can be used to get the exact data required inste...

React PWA Tutorial

Image
React PWA Tutorial Introduction         React is one of the most popular JavaScript libraries for building user interfaces. Progressive Web Application (PWA) has been present for quite some time, but now it is becoming more and more popular. I searched online for a simple post about React and PWA, but there are so many confusing posts and most of the times I see either how to build a React App or how to build a PWA, but they do not give a full picture of both. Hence I decided to write this post. This blog post will give you a comprehensive overview of the following: Building a simple React App Converting the React App into a PWA Deploying the PWA on Firebase Progressive Web Application (PWA)         Why do we need a PWA? The advantages of a PWA over a regular web application are, it is: Responsive : It can fit any screen size Reliable : It can load fast and can work seamlessly in poor network conditions Fast : It can respond f...

Spring Boot MySQL Integration Tutorial

Image
Spring Boot MySQL Integration Tutorial Introduction         I was searching online for a complete tutorial on Spring Boot integration with MySQL database with all the CRUD operations and I was surprised that I could not find even one. The ones I found had just create and read operations or only view operation. Even the example on the official Spring website:  Accessing data with MySQL , has only create and view database operations. Hence I have come up with this post to give you a comprehensive overview of all the CRUD operations. I have also integrated HikariCP to the Spring Boot application. This will give you an optimized connection pooling. Please feel free to use my application as a base to build your own application. I am assuming that you have a Basic Knowledge of Spring Boot and have a Basic Spring Boot Application running in your machine. If not, please check my blog on Basic Spring Boot Application by going to the link:  Spring Boot Tutori...

Angular 5 Tutorial

Image
Angular 5 Tutorial Introduction         AngularJS is one of most popular and most used web application framework today. In this tutorial, I will be giving an overview of Angular 5 from scratch. There is no requirement for you to have any prior experience in developing AngularJS applications. AngularJS         AngularJS is a structural framework for dynamic web applications. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly. Read more about AngularJS from: AngularJS Website . Angular 5         Angular 5 continues on the same architecture that was started from Angular 2. The architecture is based on service/controller. It is built on TypeScript which is a superset of JavaScript which helps to build more robust and structured code. TypeScript is a form of JavaScript which knows types and classes and  can be compiled to JavaScr...