Thursday, September 17, 2020

variable-declaration

Difference between Var ,Let ,Const



There are 3 types of declarations in ReactJS
  • var
  • let
  • const


var declaration example


var name'cse'

    var is the globally scoped , function/locally scoped.

        The scope is global when the variable is declared outside a function.

        This means that any variable that declared with the var keyword outside a function block is globally scoped.

        var is the function scoped where it declared within the function.

        var can be updated or re-declared.

        var variable which is not declared automatically it takes the value as undefined.

 
let declaration example


let name'cse'


    let is the locally scoped or block scoped. let variable can be live within the curly braces {}.

     let can be updated but not re-declared. 

       where let keyword is not declared or initialized then automatically it takes the value as Reference error.

Const declaration example
        variable declares with the const value it maintains as constant.


  const name'cse'

        
        Like let declaration,const value only be accessed within the block they were declared.
            const value cannot be updated or re-declared.



Thanks for reading :)

Single Page Application

 

Single Page Application in React(SPA)



What is SPA?

            Its a web application that interacts with the web browser by dynamically rewriting the current Page with new Data from the server.

Eg:  When the user clicks the submit button and then the corresponding values are to be displayed in the same page.

Advantage of SPA 

  • Speed
  • Responsive
  • Less coding
  • Offline support
  • Engaging Effects
  • Debugging with chrome
Lifecycle of Single Page


Examples Products are

Facebook
Instagram
Uber
Whatsapp

React Structure


 Structure of React JS







This is the basic Strucuture of React JS. There are basically 2 modules

  • Public
  • src











In Public - index.html 


 
<div id="root"></div>


These line searches its getElementById value which is belongs to src - index.js


document.getElementById('root')


finally These files reads <App/> thats why its going to read the corresponding value in src - App.js
 

Its a basic flow of a React App.

Where we must do some components in the following folder like
src - component - header.js (These are briefly explained in another chapter)


Finally we run the app using following command in Terminal like

npm start


Amazing you are done a great job


Basically React is an single page Application acts like Desktop application


👍Don't worry about that our next topic is single page application😀






Tuesday, September 15, 2020

React setup

How to Setup React JS App




Are you know about React if not please read this.


Steps to be Followed:

  • Install Visual Studio code here
  • Install NodeJS here
  • Create a root and open cmd(Command Prompt) like
                C:\Users\Username\React app\cd demo
  • Then Put in cmd like
                    C:\Users\Username\React app\demo\npm init
  • Install React and React DOM
                   C:\Users\Username\React app\demo\npm install react
                   C:\Users\Username\React app\demo\npm install react-dom
  • Setup is completed
  • Keep rock on code.
Happy Coding

👍👍 


Any Queries Feel free to contact
 LinkedIn
Email

React Tutorial

 

Steps to be followed while learning React

Hello everyone,


This is my First article in React. Keep go with an article. This article will show you the basic things that can done in learn React






what is React ?

                 React is an open-source JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.

Steps to follow

  • Must be learn basics concept of JavaScript
  • Setup in Visual Studio
  • DOM,Virtual DOM
  • JSON
  • Componetn LifeCycle
  • Module of HelloWorld
  • Build Two page navigation Todo app
  • Local Storage
  • Axios
  • AJAX
  • Redux



Keep Follow me,I will post one by one topic with clear cut examples


if any queries please be connect with me!!!!!!!!

LinkedIn

Email

Thursday, May 21, 2020

Aptitude Introduction

Welcome back


Nowadays all the IT companies should have the first round of interview is aptitude
 
Here is the some tips to how to crack the first round of interview.

What is aptitude?

              An aptitude is a component of competence to do a certain kind of work at a certain level.Outstanding aptitude can be considered as talent.


Logical and Aptitude Test Questions with Answers

Here there are some tips about aptitude skills :


                                                                
                                                           Knowledge
                                                      Learning
                                                       Training
                                                        Advanced training
                                                                    

Quantitative Aptitude: Topics, Tips & Questions - Leverage Edu


Here are the some quantitative aptitude topics are

  •      LCM & HCF
  •       Divisiblity
  •       Number series
  •        Averages
  •        Ratio.Proportions
  •         Algebra
  •         Surds and indices
  •         Area,Shape,Perimeter
  •          Trains
  •          Geomentry

 Thank you for watching & Keep supporting and give your valuable feedback to grow ourself
  


Click here  to subscribe for more knowledge : click here



 Stay home stay safe
 CSE Techie
csetechie.co@gmail.com
 
 

variable-declaration

Difference between Var ,Let ,Const There are 3 types of declarations in ReactJS var let const var declaration example var   name =  ...