React interview questions in Hindi #20 What is Tree Shaking

Channel:
India Technical Rajni
Subscribers:
10,300
Published on ● Video Link: https://www.youtube.com/watch?v=1SLLveRN5T0


Duration: 3:51
19 views
1

Tree shaking is a term commonly used in the context of modern JavaScript build processes, particularly when working with ES6 modules and bundling tools like Webpack or Rollup. It refers to a process of optimizing the size of your JavaScript bundle by eliminating unused or dead code, effectively "shaking off" parts of the code that aren't needed.
Top 40 ReactJS Interview Questions and Answers in 2023
React Interview Questions and Answers
React Interview Questions & Answers
Top 100+ React Interview Questions and Answers in 2023
Top 50 React Interview Questions & Answers
Top 65 React Interview Questions (2023)
106 React.js Interview Questions and Answers for 2023
21 Essential React.js Interview Questions and Answers
The term "tree" in tree shaking refers to the abstract syntax tree (AST) representation of your code. An AST is a hierarchical structure that represents the syntactic structure of your code. Tree shaking works by analyzing this tree to determine which parts of the code are never actually used or referenced anywhere in your application.

Here's how the process generally works:



Marking Dependencies: When you import functions, classes, or variables from a module, the build tool can create a dependency graph that shows how different modules are interconnected.

Unused Code Detection: The build tool traverses the dependency graph and identifies which parts of the imported modules are actually used in your application's code and which parts are not used at all.

Elimination: The build tool then removes the unused code from the final bundle, reducing its size and improving the efficiency of your application.

Tree shaking is particularly important in modern web development, where code size matters due to factors such as network latency and user experience. By removing unused code, you can significantly reduce the amount of JavaScript that needs to be downloaded by users, leading to faster load times and better performance.
Please do like share and comment if you like the video please do hit like and if you have any query please write it comment box
NestJs Tutorial https://www.youtube.com/watch?v=9F6Cv_JHmrE&list=PLsvvBhdpMqBxYq1kxZoGhIEISCmXN0Pe2

You can support me by buying a coffee for me

https://ko-fi.com/N4N0JZBBN


Please do subcribe my other video tutorials
React Native Tutorial : https://www.youtube.com/watch?v=9aN93sM6OJQ&list=PLsvvBhdpMqBx0f2T7The14FV2sthRo_L5
ReactJS Tutorial : https://www.youtube.com/watch?v=5kBISm01zHg&list=PLsvvBhdpMqBzPZ75UzwbIQrPYk6NmFWiW
Linux Tutorials : https://www.youtube.com/watch?v=cJ4RmxbS1VM&list=PLsvvBhdpMqBz3yff6mYLc9BlhI0YVP7ZS
Jquery Tutorial : https://www.youtube.com/watch?v=wvPzvVn13xU&list=PLsvvBhdpMqBz3lROu38xphPSGXEl27U1d
Html & Css Tutorial : https://www.youtube.com/watch?v=yHV-I96ESBE&list=PLsvvBhdpMqBw5pNIDYgsIyr9giWVWwA2M
Wordpress Tutorial : https://www.youtube.com/watch?v=oBsaz2cYx6c&list=PLsvvBhdpMqByMSHXyehbldHx0o3EtvGuh
Javascript Tutorial : https://www.youtube.com/watch?v=Zbyd31hq3g8&list=PLsvvBhdpMqBySsqQsvMkOd9SpKQ_R2HDo
Magento 2 Tutorials : https://www.youtube.com/watch?v=84dNyRoQthQ&list=PLsvvBhdpMqBz_3k14bYpYEIPFI4MQporp
Github Tutorials : https://www.youtube.com/watch?v=N9Dfs4gUMjc&list=PLsvvBhdpMqByiaj7F289-nO26iBYc9ot9
October CMS Tutorial : https://www.youtube.com/watch?v=jFD2VUAxu2o&list=PLsvvBhdpMqBz027a08LovCuCAnU6T7VZx
Bash Scripting Tutorial : https://www.youtube.com/watch?v=yFV2QK-x6vY&list=PLsvvBhdpMqBx_jsVKKzZ9-ZZUwae9t4x9
Jenkins Beginner Tutorial : https://www.youtube.com/watch?v=GHQ8C_2OZps&list=PLsvvBhdpMqBzdLDMiMkFP5BaPqlXVuk45
Apollo Client React Js : https://www.youtube.com/watch?v=vGZGIfDlcvE&list=PLsvvBhdpMqBwJ5OjdxNCY_sw3PcHAXQlm
Wordpress Tutorial In Hindi : https://www.youtube.com/watch?v=Wt5vePyARA0&list=PLsvvBhdpMqBxmFcIrpJo0pZNJ7mmpKYZt
MongoDb Tutorial : https://www.youtube.com/watch?v=Mab0Hrx-mVA&list=PLsvvBhdpMqBxTopKc6hsh7BvPDLu_Emlr
Bootstrap 5 Tutorial in Hindi : https://www.youtube.com/watch?v=k7xGbXkVHy4&list=PLsvvBhdpMqBy_aSBZdtSJVcqSMsUAR4H1
Xero Tutorial For Beginners : https://www.youtube.com/watch?v=MOQ1hpd8CtI&list=PLsvvBhdpMqBxr3PDAnUzHJLlHvjtLWaQt
React Material UI = https://www.youtube.com/watch?v=CWtjF2Rx8I8&list=PLsvvBhdpMqBydNg7wU4A__7Qp65TyyhjA
Thanks for watching
Vue Js Tutorial : https://www.youtube.com/watch?v=k4O9TaUi4-U&list=PLsvvBhdpMqBy5pnwspDeDJo9JEzF3PKTh
Angular 14 Tutorial : https://www.youtube.com/watch?v=P3llhzCYgHE&list=PLsvvBhdpMqBwCbR5M-r6uNcgQu2BxuuQ8
MongoDb Tutorial : https://www.youtube.com/watch?v=Mab0Hrx-mVA&list=PLsvvBhdpMqBxTopKc6hsh7BvPDLu_Emlr
Mysql Tutorial For Beginners : https://www.youtube.com/watch?v=8IUu3iv3EEA&list=PLsvvBhdpMqBwleiAGlJIoMDEpJsZJjJSI
AWS Tutorials: https://www.youtube.com/watch?v=1a8WBUiz5gk&list=PLsvvBhdpMqBwGEnT2km4xNIL6wXJoVrLK
Php Tutorial for Beginners : https://www.youtube.com/watch?v=fCCtMVrHH_c&list=PLsvvBhdpMqBx0CHzCANLull6KkTlLh3Ac
Nest

Have a Great Day !!!



Other Videos By Technical Rajni


2023-08-19πŸŽ‰ It's Technical Rajni's Channel Birthday Thanks for Watching my videos & for your Support
2023-08-19Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource Node js
2023-08-18React interview questions in Hindi #28 What’s the difference between Element and Component in React?
2023-08-18React interview questions in Hindi #27 What do you understand with the term polling
2023-08-18React interview questions in Hindi #26 What are Synthetic events in React
2023-08-18React interview questions in Hindi #25 How to embed two components in One component React
2023-08-18React interview questions in Hindi #24 What is node_modules ? Is it a good idea to push that on git
2023-08-18React interview questions in Hindi #23 What is difference between package.json and package-lock.json
2023-08-17React interview questions in Hindi #22 What is .gitignore?
2023-08-17React interview questions in Hindi #21 What is Hot Module Replacement
2023-08-17React interview questions in Hindi #20 What is Tree Shaking
2023-08-17React interview questions in Hindi #19 What is difference between dependencies vs devDependencies?
2023-08-17React interview questions in Hindi #18 What is NPM
2023-08-15React interview questions in Hindi #17 What is JSX?
2023-08-15React interview questions in Hindi #16 What is redux
2023-08-15React interview questions in Hindi #15 Difference between action and reducer.
2023-08-15React interview questions in Hindi #14 Difference between a Library and Framework
2023-08-15React interview questions in Hindi #13 What is difference between React and ReactDOM
2023-08-14How to use Vue router in Vue 3 | How To Navigate Between Views with Vue Router
2023-08-14Authentication with Vue 3 and Firebase | Login and Signup using Firebase Vue 3
2023-08-14export 'default' (imported as 'firebase') was not found in 'firebase/app'


Tags:
react interview questions
react interview
react interview questions and answers
react js interview questions
reactjs interview questions
reactjs interview
react js interview questions and answers for experienced
react
react js interview questions and answers
react redux interview questions
react router interview questions
javascript interview questions
react redux interview questions and answers
react mock interview
javascript interview
interview
react js