Posts

Showing posts from January, 2023

react native2

  const [state,setstate]=useState(0);   const clickHandler=()=>{     alert("good mroning");     setstate(state+1);   } {/* <Button style={styles.button}   onPress={()=>{Linking.openURL(`https://bazartaxi.com/`)}}   title='update'/> */}   <Button style={styles.button} title='Increment' onPress={clickHandler}   color="red"/>  <Button           title="Right button"           onPress={() => Alert.alert('Right button pressed')} inline css:  <Text style={{color:'green'}}>Gaurav pandey</Text> ctrl+space :property core component ap: basic component:select that component :style [prop] flex:... flex-Direction:'row'//... alignItems:'stretch'[horizontal] justifyContent:'flex-start'[vertical] const [state,setState]=useState([       {'name':'radhe','address':'world'},       {'name':'amit','address':'gurugram'},   ...

paginationnodeApi

  //pagination:--- // .......... //the rule of api is the root has to be same.. router . get ( '/Myapp' ,  async  ( req ,  res )  =>  {           try  {          console . log ( "gud morning" );         let   page = Number ( req . query . page )|| 1 ;         console . log ( page );         let   limit = Number ( req . query . limit )|| 2 ;         console . log ( limit );         //formula;         let   skip =( page - 1 )* limit ;         const   total = await   STUDENT . countDocuments ();          const ...

pagination React[mern]

  import   React , {  useEffect ,  useState  }  from   'react' import  {  Link  }  from   'react-router-dom' ; import   axios   from   'axios' ; import   '././component/style/Ds.css' ; import  {  Button , Table , Pagination  }  from   'react-bootstrap' ; export   default   function   Datafetch () {      const  [ data , setData ]= useState ([]);      const   Limit = 3 ;      const  [ totalinfo , settotalinfo ]= useState ( 0 );      const  [ activepage , setActivepage ]= useState ( 1 );      //for pages.... const   TotalpageCalc =( totalinfo , Limit ) => { const   Tpages =[]; //console.log(Math.ceil(totalinfo/Limit));        for  ( let   i = 1 ; i <= Math . ceil ( totalinfo / Limit ); i +...

Angular observable

 its a part of Rxjs librarary. use cases:- Http routing event handling

angular crud

  Mat-Icon List : 900+ Angular Material Icons (angularjswiki.com) https://stackoverflow.com/questions/12319758/clicking-a-button-within-a-form-causes-page-refresh https://www.angularjswiki.com/angular/angular-material-icons-list-mat-icon-list/

css Animation

  How To Animate Page Loading With CSS - YouTube