what is state and props in react.

state and props

Today, we will discuss state and props in react. In my previous posts, I already shared installation process of react and the introduction to a component in react
I hope these posts will help you to do a quick start with react. So now I am going to give an introduction about state and props in react.

What is the state?

A state is variable that serve the value of overall render function of the component. You can also use this outside of the render function and it provides the bindings between UI and logic functions.

Read More

Use uploadfs and gridfs with meteor + angular | Simple steps for image upload in meteor + angular

uploadfs

 we are going to discuss image or file upload in meteor with angular. image uploading is easy in the meteor. we will use uploadfs for image uploading. Uploadfs manage all things like file uploading, downloading, storing and copying etc. Uploadfs also use for file or image synchronization. we will use gridFS storage adapter. we can also crop images and set the size of any image. we will create a simple collection for file or image upload. Before start meteor + angular, we should have knowledge of angular.

steps for upload images

1- add uploadFS by run following command. uploadFS use for manage files.

 we need to install uploadFS for manage uploading, downloading, set the size of images and crop images. uploadFS is a popular package for file or image uploading. 

    meteor add jalik:ufs

Read More

Introduction to react component | Create component with react

React.js

 a react component is used for reuse the UI. we can use our  react component in another component. As we all know every page have some components, in react we can make individual components and assemble them to make any page. components accepts the inputs called props. react component describing what should display in view. 

First you have to setup a react app in your system, if you already setup then go to next step and if not then check introduction to react after that go to next step.

Read More

introduction to ECMAScript | introduction to es5 | introduction to es6

ECMAScript

Introduction to ECMAScript

ECMAScript is a scripting language standardized by ECMA(European computer manufacturers association). It is a standardized version of javascript. It is developed by Brendan Eich of Netscape. It was written in 10 days.
When it was developed, it was named mocha later it converted to LiveScript and finally in December 1995 it become JavaScript.   In 1995 sun microsystems and Netscape announced it first release.

Read More

How to use Amazon AWS S3 API in angular

angular

Amazon Simple Storage Service(S3) is service that provides the cloud storage simple web service interface to store and retrieve data from anywhere. Now we send 5 TB single object amount data to store in cloud through S3 web service
Amazon provide JavaScript  API to use S3 bucket-
First, we have to run bower install to download the AWS library
            Bower install AWS-SDK
Then add this lib path to our index file
         <script src="bower_components/aws-sdk/dist/aws- sdk.min.js"></script>
So now we configure S3 service credential

Read More

Introduction to angular.js services

angular

Services is a unit of code which can be used across the project controllers. Means when we create a service we can use it in any controllers of our project. Services required when we need to use the same code in multiple places. Services can be utilities or business logic unit which means whenever you write any kind of code as part of a service you had to consider that code to be almost independent of that particular controller. It also some business logic code.
Why services –
1-Services provides lots of built-in functionality
2-Best place to implement reusable code
3-Clean and maintainable code

Read More

Use ui router in angular | Steps for adding ui router in angular app | How to use ui-router in angular

ui router

A router is used for linking URL to controller and views. ui router is complete routing framework for angular. ui router use states for routing. A state is a unit of organization.it is more comprehensive navigation criteria. ui router use for creating multiple view in  single page applications. 
Key point of ui-router
         1- ui-router use when you switch from one route to another
         2- You can use multiple views in ui-router
         3- You can nested views in ui-router
         4- It can have multiple instances

Read More

How to setup environment for angular 2 with typeScript?

angular 2

In this post, we will setup angular 2 and their dependencies in our machine.
We start with angular 2 with typescript so for angular 2 first we should have little bit knowledge of typescript.

TypeScript-

Typescript is a superset of javaScript which primarily provides optional static typing, interfaces, and classes.one is the most benefit is to enable IDEs to provide the environment for spotting common errors as you type the code.
It is open source and you only get the much benefit of it if you use supported IDEs.

Read More