![]() ![]() In order to focus on the optimizations themselves, this guide won’t cover the building of the unoptimized application step by step. Secondly, AG Grid is capable of dealing with tremendous amounts of data, which can often have an adverse impact on performance if mishandled, but is also an excellent way to test the efficacy of supposed code optimizations at scale. Firstly, AG Grid itself is optimized internally, and thus the impact of poorly optimized code surrounding it is more apparent. It works well with most leading frontend libraries, including React, and provides a good use case for the optimizations discussed here for two reasons. You’ll also learn about some common mistakes that can lead to unnecessary renders, and you’ll see how you can avoid them.ĪG Grid, a high-performance Data Grid, plays a large role in this guide. In this guide, you’ll learn about some of these optimizations. While unoptimized code may not be problematic in small quantities, at scale, it can quickly affect user experience. Such optimizations are generally desirable, but even more so when dealing with large volumes of data or many DOM nodes. ![]() These changes, or “renders,” can typically be reduced by optimizing your code in various ways. It’s not uncommon for React to make more changes than strictly necessary when reconciling the Document Object Model (DOM). How you write your code can have a great impact on the magnitude of these changes. The main React library is responsible for taking your code and converting it to a structure that a React renderer, such as react-dom, can then use to reconcile the desired state with the current state, and make the necessary changes for those two states to converge. React describes itself as a “JavaScript library for building user interfaces.” Its internal workings are quite complex, but there are essentially two main pieces: React itself and the React renderer, which is react-dom in the case of web browsers. This post contributed to the AG Grid blog by Cameron Pavey. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |