React Components- How to use state, props and apply Validations


React-Examples



Created with CodeSandbox - This React Example will give you basic knowledge of below topics

My way to React 

# React Components
# Usage of React State
# Usage of React Props
# Field Validations
# Styling components using Bootstrap


For more Info: GitHub - https://github.com/Brahmaiah-Rayalla/React-Examples

Build Tool



codeSanbox Online editor for easy and development.


Screen prints


React Components View




React Validations View




React State and Props View




React List View



Comments

Post a Comment

Popular posts from this blog

How to get the tweets using Kafka producer and Consume it using MongoDB

Kafka_Mongo_Integration Sample POC on Kafka which will pull tweets from twitter and persist in to the MongoDB Technologies: Kafka Zookeeper MongoDB For full code  https://github.com/BrahmaR/KafkaMongoIntegration Kafka Producer: package com.royal.twitter.kafka; import java.util.Properties; import java.util.concurrent.BlockingQueue; import java.util.concurrent.LinkedBlockingQueue; import kafka.javaapi.producer.Producer; import kafka.producer.KeyedMessage; import kafka.producer.ProducerConfig; import org.slf4j.Logger; import org.slf4j.LoggerFactory; import com.google.common.collect.Lists; import com.twitter.hbc.ClientBuilder; import com.twitter.hbc.core.Constants; import com.twitter.hbc.core.endpoint.StatusesFilterEndpoint; import com.twitter.hbc.core.processor.StringDelimitedProcessor; import com.twitter.hbc.httpclient.BasicClient; import com.twitter.hbc.httpclient.auth.Authentication; import com.twitter.hbc.httpcl...
Read more

Monolithic vs Micro Services

Monolithic : Developing and maintaining   the whole application into a Single unit. Micro Services : Developing and maintaining individual services and   deploying as single application using light weight protocols for communication. Feature Monolithic Micro Services Language Constraint We have to write entire application in a single language. Micro services can be developed using multiple languages. We can go with multiple persistent databases and frameworks which is best suitable for a business need.   Digestion It is not possible one developer to digest all the modules in the entire application. Micro services are pieces of application. So, digestion is not a problem. Developer can easily concentrate on the assigned service only. Deployment Deployment is easy but we have to deploy the entire application for a small change. Micro serv...
Read more

AngularJS Flow

AngularJS  is a very powerful JavaScript Framework. It is used in Single Page Application (SPA) projects. It extends HTML DOM with additional attributes and makes it more responsive to user actions. AngularJS is open source, completely free, and used by thousands of developers around the world. It is licensed under the Apache license version 2.0. AngularJS flow with a simple example <!doctype html> <html> <head> <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.5.2/angular.min.js" ></script> </head> <body ng-app = "myapp" > <div ng-controller = "HelloController" > <h2> Welcome {{helloTo.title}} to the world of Tutorialspoint! </h2> </div> <script> angular . module ( "myapp" , []) . controller ( "HelloController" , function ( $scope...
Read more