React JS and Its features

• React JS basically is an Open source javascript library which is used for building user interfaces specifically for single page applications. It used for handling view layer for web and mobile apps. React is also allows us to create reusable UI components. It was created by Jordon Walke, a software engineer working for Facebook. React first deployed on Facebook's news-feed in 2011 and on Instagram in 2012. 

•  React allows developers to create web applications which can change data without reloading the page. The main purpose of react is to be fast, scalable and simple. It works only on user interfaces in application. This corresponding view in the MVC template. It can be used to combination of other javascript libraries of framework.

      

What are the React Features?

• react Native :- React has native libraries which were announced by Facebook in 205, which provides the react architecture to native applications like IOS,Android and UPD.

•  Single-way data flow:- In React, a set of immutable values are passed to the components rendered as properties in its HTML tags. Component cannot directly modify any properties but can pass a call back function will help of which we can do do modifications. This complete process is known as "properties flow down; actions flow up".

• JSX :- In React, Instead of using regular Javascript for templating , it uses JSX. JSX is simple Javascript which allows HTML quoting and uses these HTML tag syntax to render sub components. HTML syntax is processed into Javascript calls of React Framework. We can also write in pure old Javascript.  

WHY REACT JS??

• Now , the main question arises in front of us is why one should use React Js. There are so many open-source platforms foe making the frond-end web application development easier like Angular. Let us take a quick look on the benefits of React over other competitive technologies or frameworks. With the front-end world changing on a daily basis, its hard to devote time to learning a new framework especially when that framework could ultimately become a dead end. So if you are looking for the next best thing but you're feeling a Little bit lost in the framework jungle, I suggest checking out React.

     Simplicity 

  

✔ ReactJS is just simpler to grasp right way. The component-based approach , well-defined life cycle, and use of just plain JavaScript make React very simple to learn, build a professional web and support it. 

    Easy To Learn

 

  ✔Anyone with a basic previous knowledge in programming can easily understand React.  For React you just need basic knowledge of CSS and HTML.   

  Native Approach  

✔ React can be used to create mobile applications. And React is a die-hard fan of reusability , meaning extensive code re-usability is supported. So at the same time, we can make IOS , Android and Wed Application.

Performance

✔ React does not offer any concept of a built-in container for dependency. You can browserify, Require JS which we can use via Babel, ReactJS-di to inject dependencies automatically.

Testability

✔ React applications are super easy to test. React views can be treated as functions of the state , so we can manipulate with state we pass to the ReactJS view and take look at the output and triggered actions, events, functions etc.

React Advantages

• Uses Virtual DOM which is a javascript object. This will improve apps performance, since Javascript Virtual DOM is faster than regular DOM

• Can be used on client and server side as well as with other frameworks.

• Components and data patterns improve readability , which we can maintain larger apps.

Hope you have enjoyed this blog post. Feel free to give feedback and comments below.

Thank you for being here and keep reading... 😃✌

React Limitations

• Covers only the view layer if the app, hence you still need to choose other technologies to get a complete tooling set for further development

• Uses inline templating and JSX , which might seem awkward to some developers.

Express JS and Hello-world Program in Webstrom

Express JS 💬

• We all heart about java,c ,c#,c++ languages and so on. less us get to know about these new technology details which are ruling today's programming world.  we should eagerly know about these things. yes, here we know about the a web application framework. Express JS 💥

•    Express.js is the most popular choice when it comes to built a web application with Node.js . It also a minimal and flexible Node.js web application framework that provides a robust set of features to develop web and mobile apps. It facilitates the rapid development of Node based web applications. Following are some of the features of Express framework :-

↦ Allows to setup middle wares to respond to HTTP Requests.

↦ Defines a Routing table which is used to perform different actions based on HTTP Method and URL.

↦ Allows to dynamically render HTML Pages based on passing arguments.

Installing Express.js

You can install Express.js using npm. 

this command will install version of express.js globally on our machine. so that every Node.js application on our machine can use it.

Hello World Example

Following is a very basic Express app which starts a server and listen port 8081 for connection. This app responds with 'Hello World!! We Started Working on Express :)' for requests to the homepage.

1. open the Webstrom -> create a new Project

2. There are few options , you select the Node.js Express App

  

3. Give a Project name as you wish. (In my case it was HelloWorldExpress).

4.  Create the helloworld.js javascript file and write the following code

5. Run the helloworld.js and observe the console first.

   

6. Now Open http://127.0.0.1:8082/ in any browser to see the following result:

Now see the Coding,

Code Explanation:

1. In our first line of code, we are using the require function to include "express Module".

     2. Before we can start the express module, we need to make an object of the express module.

     3. Here we are creating a callback function. This function will be called whenever anybody browses to the root of our web application. it will be used to send the string 'Hello world!! We are started working on Express' to the web page.

     4. In the callback function, we are sending the string 'Hello world!! We are started working on Express' to the client. The "res" parameter is used to send content back to the web page. This "res" parameter is something that is provided by the "request" module to enable one to send content back to the web page.

     5. We are then using the listen to function to make our server application listen to client requests. 

Advantages of Express.js

• Makes Node.js Web application development fast and easy
• Easy to configure and customize.
• Allows you to define an error handling middle ware.
• Allows you to create REST API server.
• Easy to connect with Databases such as mongoDB,MYSQL.

Spring Boot Framework Basics

Spring Boot Framework

• Spring boot us an open source java-based framework used to create a micro services developed by Pivotal Team and used to build stand-alone and production ready spring application.

        first we'll see about the Micro Services. 👇

WHAT IS MICRO SERVICES? 

• Micro services is an architecture that allows the developers to develop and deploy services independently. Each service running has its own process and this achieves the lightweight model to support business applications

           Benefits are: 

1. Easy Deployment
2. Simple Availability.
3. Minimum Configuration.
4.  Lesser Production Time.                                          

   

• All in all , Spring boot is a project built on the top of the Spring Framework. It provides simpler and faster way to set up , configure and run both simple and web-based applications.

• In the Spring core framework , you need to configure all the things for yourself. Hence, you can have a lot of configuration files such as XML descriptors. That's one out of the main problems the Spring boot solves for you. It smartly chooses your dependencies, auto-configure all the features you will want to use, and you an start your application with one click. Furthermore, it also simplifies the deployment process of your application.  

• It can be a bit frightening for few of you , because it seems that there a lot of "magic" things happening in the background. Despite that, I will explain some of the features of the framework. I hope this may helpful further.

Why Spring Boot?

you can choose Spring Boot because of the following  features and benefits.

• It provides a flexible way to configure Java Beans, XML configurations, and Database Transactions.

• It provides a powerful batch processing and manages REST endpoints.

• In Spring Boot , everything is auto configured; no manual configuration needed.

• Eases Dependency management.

• It includes Embedded Servlet Container.

What is Brings?

• Convention over Configuration
• Standardization for micro services.
• Integrated Server for development
• Support for 3rd party Libraries.
• Easier integration with Other frameworks.

Goals of Spring Boot

• To avoid complex XML Configuration in Spring.
• To develop a production ready Spring application in an Easier way.

• To reduce the development time and run the application independently.

• Offer an easier way of getting started with the application.

 Through out this blog post, You learned the basic stuffs about the Spring boot and why it is important . All in all, the above Servers on purpose :

           To get your program up and running as quick as possible 😃 😋

Feel free to share your feedback and comments below. Than you being here and keep reading.... 😃✌