Susmitha

In Class base component has 2 features 1.State Management2.Life Cycle FeatureDisadvantageswe cant not hooks in class base componentsFORMATE OF CLASS COMPONENET example:import React,{Component} from ‘react’ import Display from ‘./Display’export default class App extends Component { state={ name:”React”, }render(){return( <div> <center><Display data={this.state.name}/> <br /> <button onClick={()=>this.setState({name:”Owner”})}>Change </button></center></div> )}}from above example declared… Continue Reading React Class Components

What is React 1.React is a open source java script library developed by facebook 2.It is used to building user interface (Ui) for web applications3.React allows developers to create reuasable components , we can use components as a blocks ,4.Uses as a virtual Dom5.Component based What to learn for React… Continue Reading React Basics

In React Native text is used to display text inside screenIt allows text render inside a app various types of textual information is availableParagraphs, buttons, labels Example of Text : import { Text,View, StyleSheet } from ‘react-native’; const YourComponent = () => {return( <View style={styles.container}><Text>Hello, Text Is Here</Text> </View>); }… Continue Reading TEXT AND TEXTINPUT IN REACTNATIVE

INTRODUCTION:React Native is an open-source framework for building mobile applications using JavaScript and React. it is developed by Facebook in 2015 , it is used to create mobile applications in both ios and android using one codebase BasicKnowledge:We need to know basics of HTML,CSS,JS,React JsWe uses node version INSTALLATION AND… Continue Reading STEPS TO CREATE A REACT NATIVE PROJECT

Go to your facebook meta  for developers “app_id” , change it with our facebook app id Create App add click on none APP MODE : LIVE  When click on Quickstart open platforms for facebook login Add to info.plist In Xcode, right-click your project’s Info.plist file and select Open As ->… Continue Reading Facebook Integration

GOOGLE INTEGRATION 1.Go to the Firebase Console and create a Firebase project: 2.Dependency: yarn add react-native-google-singin 3.Update android/build.gradle with the following configuration: buildscript {     ext {         buildToolsVersion = “27.0.3”         minSdkVersion = 16         compileSdkVersion = 27         targetSdkVersion = 26         supportLibVersion = “27.1.1”         googlePlayServicesAuthVersion = “16.0.1” // <— use this version or… Continue Reading Google Integration