Quickupdate

  • Home
  • Top Trending
    • Top Android Apps
    • Top Ios Apps
  • Featured
  • About Us
  • Contact us
  • Privacy Policy and Disclaimer

Saturday, 31 July 2021

Higher-Order Functions. What is Higher-Order Functions?

 Developers     July 31, 2021     Javascript     No comments   

  1. A function that takes another function as an argument or returns a function is called a Higher-Order Function & the argument function is known as a callback function.

function x() {
    console.log('I am from function x');
}
function y(x) {
    console.log('I am from function Y')
}


  • Here function y is a Higher Order function. & function y became a callback function
  • map(), Filter(), reduce() Are the most common Higher-Order Functions in Javascript


Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

Friday, 30 July 2021

JavaScript & React functions / Hooks

 Developers     July 30, 2021     Javascript, React     No comments   

Very Important Javascript functions. You must know these functions in order to call yourself a JS Developer.


  1. JSON.parse
  2. Stringify
  3. Convert Object to an array
  4. Object Keys
  5. Object Values
  6. Object Assign
  7. Array map, reduce, indexOf
Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

Monday, 5 July 2021

LifeCycle Methods

 Developers     July 05, 2021     React     No comments   

 LifeCycle Methods in Class components

  1. componentDidMount
  2. componentWillMount
useEffect, useState hooks are replacing above mentioned life cycle methods.


Hooks Vs Functional components.

  1. https://www.twilio.com/blog/react-choose-functional-components ( Best )

Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

Sunday, 4 July 2021

React CRUD App.

 Developers     July 04, 2021     React     No comments   

  1. Routes in react js. (react-router-dom)

  2. Avoid page reloading here if you clicked on other options (Home, About, Contact)
    1. Use <Link> Component instead of  `a` tag
    2. To change the active tabs use <NavLink> instead of <Link> and use `exact ` attribue.
      1. <NavLink className="nav-link" exact to="/">Home</NavLink>

  3. 404 Page
    1. <Route component={Notfound} />

  4. Fake Json Server. 
    1. npm i json-server
    2. Create db.json file with dummy data from JSON placeholder.

  5. Run Server & React with single npm install
    1. Run 2 scripts at once. ( concurrently )

  6. Async functions

  7. In React if you want to use variables from .env you must use the `REACT_APP_` prefix Like this `REACT_APP_DB_SERVER_URL`.
    1. And you must restart the server.

  8. useHistoy Hook.

  9. Edit particular user in react.
    1. http://localhost:3000/users/edit/1
    2. You can use `useParams` Hooks to get values from the URL.

Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

Custom Hooks

 Developers     July 04, 2021     React     No comments   

  1. Custom hooks are javascript functions. whose name starts with `use`
  2. Custom hooks can also call other hooks if required.

Why Custom Hooks?

  1. To share logic between 2 or more components.

Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

Friday, 2 July 2021

Notes On WhatsApp Clone App

 Developers     July 02, 2021     React     No comments   

 1) We don't need these files in our to react app

  1. App.css
  2. App.test.js
  3. index.css
  4. logo.svg
  5. service worker
  6. setUptest.js
2) Install Bootstrap in our React project.


Questions

  1. Project structure of React. Need deep underStanding.
  2. What is react-bootstrap bootstrap?
  3. Why we have to import with curly braces? ( import {Container} from 'react-bootstrap; )
  4. UUID
  5. Hooks. Custom Hook.
  6. useEffect
  7. pass data from one component to another component.

Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg

Top interview Questions

 Developers     July 02, 2021     FAANG     No comments   

  1. Rest full API 
    1. https://www.smashingmagazine.com/2018/01/understanding-using-rest-api/

  2. How does load balancer work?

Read More
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg
Newer Posts Older Posts Home

Popular Posts

  • How to upload the existing folder on GitHub Or GitLab?
    These are the steps to upload the existing folder on GitHub Or GitLab. Whenever you want to push your existing folder to git or GitHub you m...

Categories

  • FAANG (2)
  • Javascript (6)
  • Node (1)
  • Project Management (1)
  • React (9)
  • SQL (1)
  • Testing (1)

Blog Archive

  • January 2023 (1)
  • January 2022 (1)
  • November 2021 (3)
  • October 2021 (3)
  • August 2021 (1)
  • July 2021 (7)
  • June 2021 (12)
  • February 2021 (1)
  • January 2021 (1)
  • January 2020 (3)
  • August 2019 (3)