REACT course Destructing the Function Parameters An object passed to the method can be accessed using dot notation instead you could use de-structuring. Ex: function addUser({name, age, gender}) {} addUser({name: 'Daniel', age: 25, gender: Male}) Spread Operator -> To pullout the values from array and add as comma separated array. Spread operator on object pulls out user key values and add it to extendUser. Ex: const extendUser = { isAdmin: true, ...user }; const hobbies = ["Sports", "cooking"]; for(const hobby of hobbies) { console.log(hobby); } Anonymous functions - No names infront of the functions const timeout = () => {}, Pass function as a value setTimeout(hadleTimeout, 2000) Reference vs primitive values -> always produce new values for primitive type For arrays like objects mutate original values. Components Functions used for reusability React code is written in a declarative way Props in react
System Design This blog can help you to Ace your next System design interview, as it contains some of the most asked components. Some of the key concepts asked in the interview: API Gateway: It acts as an intermediary between your application and a set of microservices, taking care of request routing, composition, protocol translation, authentication, rate limiting, and caching. Content Delivery Network: CDN reduces latency and improves the availability of content for users by globally distributing servers that cache and serve content from multiple locations. Data partitioning: It divides a large data set into smaller, more manageable pieces called partitions to improve the performance and scalability of a system by distributing the data across multiple servers. Load Balancer: It distributes incoming traffic across multiple servers to prevent any single server from becoming a bottleneck, thus improving the availability, reliabili