📓 Cabinet of Ideas

The Art of Code Refactoring Best Practices for Clean and Maintainable Codebases

The Art of Code Refactoring: Best Practices for Clean and Maintainable Codebases #

Excerpt #

How to enhance your codebase


Code refactoring involves changing existing code without modifying its external behavior so that it becomes more understandable, maintainable, or improves its performance. It also involves renaming variables, separating complex functions into simpler ones, and removing useless code. This refactoring process is systematic and involves various steps, and this article will explain all of them.

The success and longevity of any software project will require a clean system, significantly reducing the time and effort needed to implement new features or fix bugs. A cleanThe clean program is simple to read, understand, and modify, which helps quickly onboard new team members, making collaboration more effective. Developers can maintain software easily by identifying and isolating issues quickly, thus lowering the chances of new bugs and ensuring stable operations. It has been found that regular refactoring assists in minimizing technical debt and reducing long-term costs incurred in maintaining projects.

Importance of Refactoring #

Code enhancement is quite an important habit in software development that offers numerous advantages to its users. These advantages can be seen below;

Readability and Maintainability Improvements #

It improves both the readability and maintainability of the script. It allows a developer to understand and work with it easily. If it is transparent, well-organized, operationally structured, and has clear naming conventions, then it puts less mental stress on a developer to understand its functionality and underlying intent easily. Easy comprehension translates into faster development for new features and efficient debugging. Generally, this will bring about a more stable and reliable system.

Reducing Technical Debt #

Technical debt arises from producing dirtier, quick-fix solutions rather than cleaner, sustainable programs that are maintained easily. Therefore, development itself might face limitations over time because it becomes more complicated and mistake-prone to make any modifications. Thus, revising ensures low technical debt levels by continuously enhancing the system’s standards, addressing inefficient measures implemented earlier. To ensure the software can adapt to future needs, it is better to deal with updating and maintaining it now so that the costs will be lower.

Optimizing Performance and Scalability #

This can dramatically improve performance and scalability. By re-examining and improving the part with poor performance, a programmer can enhance response time and increase software’s throughput. Maybe all that is needed is simplifying complex algorithms, optimizing data structures, or removing unnecessary computations. The result of such effort could also be capable of handling a growing user population and new business requirements without giving up on reliability and speed.

Signs that Code Needs Refactoring #

One should recognize when to refactor to ensure a sound system. It can be inferred from the following:

  • Code Smells: Duplicated sections, long methods, large classes, and excessive use of primitive types may indicate smells that indicate the need for refactoring.

  • Complexity: Complex coding, with too long lines that are hard to follow without any explanation, and complicated commentaries are all signs that call for improvement.

  • Frequent Bugs: A structural overhaul might be indicated by persistent issues or recurring bugs within specific program parts.

  • Difficulty in Adding Features: When introducing new characteristics becomes complex or requires big changes to lots of spots in the project, revising simplifies future development.

  • Code Rot: Over time, code can become less effective following swift fixes and patches because of rapid repairs and additions. This decay can be handled, and the program’s efficiency can be upheld.

Balancing Refactoring with New Features #

The success of a project requires finding a balance between simplifying and new functionality. To deal with situations where time and resources are at one’s disposal, one must identify high-impact improvement tasks and concentrate on them. Also, communicate the reasons for revising to stakeholders, letting them know that although it may introduce some delay now, it will help smooth future development processes and maintenance.

Making Refactoring a Part of Regular Cycles #

Whenever you develop a program, you need a clean, maintainable system. Therefore, it is important to integrate a consistent development process with maintainability through revalidation. Henceforth, you should allocate specific time slots during maintenance windows for the sole purpose of revising. Besides that, let your developers continuously refactor while working on new features or fixing bugs to avoid creating any form of technical debt within the system.

Best Practices for Effective Refactoring #

Developers have to follow best practices that provide the quality and maintainability of the program required to make successful improvements. Automated testing ensures functionality; peer review gives feedback on the program, and proper documentation at each step; small, easily controlled steps initiate drastic changes.

Start Small #

When a developer decides to go for improvement, he should do so in a small and simple manner. First and foremost, minor changes that can be easily made to improve quality in code could be deemed worth making an effort for. The idea is to get refactoring methodology to take root in the minds of developers so that huge changes at a later date do not cause them much fuss. Also, the possibility of smaller continuous changes introducing more new uncaught errors is lower because such lapses can easily be spotted during the validation steps.

Automated Testing #

Automated testing is a prerequisite to refactoring successfully. One can make changes without fearing loss of functionality. Thus, it becomes imperative to have a comprehensive set of automated tests in place. They help check whether all parts of the program perform the role they are supposed to. Unit, integration, and end-to-end tests catch these errors during refactoring. Running such tests on a regularly recurring basis provides the developer assurance that it will find the latest defects when product features are being changed.

Code Reviews #

Code reviews are the most important thing in preserving the program’s quality and, hence, effective refactors. This is essential with peer reviews in catching possible mistakes, sharing experience between programmers, and increasing efficiency by following good practices. While making improvements, they need to pay attention to general program improvement. They will be able to study how to do better improvement in the future when they receive useful advice while colleagues are checking their codes during the review phase.

Documentation #

The necessity of correct documentation to perform improvements effectively cannot be overstated. Updating the documentation is very important. In particular, this concerns updating remarks in the code itself but also maintaining external documentation, which is clear enough that anybody reading it understands why the decision was made based on certain changes during commit messages. Of course, good documentation avoids confusion and enhances future developers’ ability to understand the project’s structure and purpose.

Making small changes, adopting automated testing techniques, having a thorough program review process, and proper documentation can make updating efforts successful in attaining a cleaner, more maintainable, higher-quality system.

Proper changes require the availability of a set of correct tools to facilitate and ensure the quality of the process. In these regards, one should be aware of the automated features in modern IDEs for automating frequent activities, static analysis tools for finding errors or code smells, coding standard tools like code linters/formatters, and support in automated improvement.

IDE Features #

Integrated development environments provide a lot of support for refactoring. Most new IDEs are embedded with inbuilt tools for renaming variables, extracting methods, moving classes, etc. Such tools hugely simplify refactoring by automating repetitive tasks and decreasing the possibility of errors. Environments as popular as IntelliJ IDEA, Visual Studio, and Eclipse have an abundance of capabilities for refactoring that will allow a developer to easily keep a clean project.

Static Analysis Tools #

Static analysis tools are designed to analyze the program without running it. They highlight probable issues with the code and recommend improvements. Examples of static analysis tools include SonarQube, PMD, and FindBugs. These tools might be useful in detecting code smells, unused variables, or probable bugs and offer insight into what should be refactored. Integrated within the development workflow, such tools will let teams proactively enforce program quality, making the project maintainable.

Code Linters and Formatters #

Code linters and formatters are tools that ensure coding standards are homogeneous throughout the project. Linters statically analyze the source program to flag programming errors, bugs, stylistic errors, and suspicious constructs. Tools for formatting adjust code automatically according to a predefined guide about style. ESLint does it for JavaScript; RuboCop, for Ruby; and Prettier, for several languages. This will ensure that the project is squeaky clean and readable. If code style is consistent, one can pay more attention to noticing anomalies, and updating will be way easier.

Automated Refactoring Support #

In general, automated refactoring tools aim to support a developer in making structural changes to the system with minimum effort. They support tasks of common changes, like extracting methods or renaming classes, and reorganizing programs in an automated manner. Examples include the Refactoring Browser and corresponding features within IDEs. It is with the aid of these tools that a developer can perform sophisticated enhancement operations more efficiently and confidently.

These tools such as IDE features, static analysis tools, code linters, and formatters, as well as automated enhancement support, can greatly improve the process of improvement in general. Therefore, they assist in maintaining a cleaner, more maintainable piece of program free from usual problems hence ensuring the production of high-quality software.

Common Refactoring Techniques #

Effectively, refactoring requires different techniques to boost the code’s organization and quality. The following are some common refactoring techniques grouped according to their focus areas:

Composing Methods #

This refactoring technique breaks huge classes or methods into small components that enable a program’s readability, maintainability, and testability. The extract method refactoring separates parts of a big program into new, descriptively named methods, making the code understandable and reusable. This approach enhances comprehensibility by deconstructing complex processes into single-function features that go on to maintain the application. Under the split-phase approach, the complex process is divided across distinct phases or stages, where different methods handle each. This reduces its complexity and, hence, improves its readability while simultaneously increasing its modularity for either debugging or changes.

Before refactoring:

<span><span>function</span><span> </span><span>printOwing</span><span>() {</span></span>
<span><span>  </span><span>printBanner</span><span>();</span></span>
<span><span>  </span><span>// print details</span></span>
<span><span>  console.</span><span>log</span><span>(</span><span>"name: "</span><span> </span><span>+</span><span> name);</span></span>
<span><span>  console.</span><span>log</span><span>(</span><span>"amount: "</span><span> </span><span>+</span><span> </span><span>getOutstanding</span><span>());</span></span>
<span><span>}</span></span>

Explanation: This script prints out information regarding what a customer owes. First, the program calls the function to print the banner, after which, in the printOwing function itself comes the printing of the customer’s name and how much he or she directly owes. Because of this, the method is longer and more complex than it needs to be.

After:

<span><span>function</span><span> </span><span>printOwing</span><span>() {</span></span>
<span><span>  </span><span>printBanner</span><span>();</span></span>
<span><span>  </span><span>printDetails</span><span>(name, </span><span>getOutstanding</span><span>());</span></span>
<span><span>}</span></span>
<span><span>function</span><span> </span><span>printDetails</span><span>(</span><span>name</span><span>, </span><span>amount</span><span>) {</span></span>
<span><span>  console.</span><span>log</span><span>(</span><span>"name: "</span><span> </span><span>+</span><span> name);</span></span>
<span><span>  console.</span><span>log</span><span>(</span><span>"amount: "</span><span> </span><span>+</span><span> amount);</span></span>
<span><span>}</span></span>

Explanation: In this refactoring, the details printing logic will be separated into an individual function, printDetails. This change will make the printOwing function shorter and cleaner by moving details logic to a new function.

Simplifying Methods #

Simplifying methods is the process of developing programs that can be read and changed easily by reducing complexity and redundancy in the conditional logic. Making conditional expressions easier involves breaking down elaborate conditional expressions into less sophisticated, more readable conditions. Using this method enhances the clarity and comprehensibility of the program logic so it is easier to read and understand, thus increasing its qualities and minimizing mistakes. Moreover, conditional statements are combined to integrate related conditional statements that execute the same command. Consequently, this way helps simplify projects by removing repetitions, making them much cleaner and effective.

Before refactoring:

<span><span>if</span><span> (date </span><span>&lt;</span><span> </span><span>SUMMER_START</span><span> </span><span>||</span><span> date </span><span>&gt;</span><span> </span><span>SUMMER_END</span><span>) {</span></span>
<span><span>  charge </span><span>=</span><span> </span><span>winterCharge</span><span>(quantity);</span></span>
<span><span>} </span><span>else</span><span> {</span></span>
<span><span>  charge </span><span>=</span><span> </span><span>summerCharge</span><span>(quantity);</span></span>
<span><span>}</span></span>

Explanation: This script determines the charge based on whether the date falls within the summer period. If the date is before the summer start or after the summer end, it applies a winter charge; otherwise, it applies a summer charge. The conditional expression in this script checks if the date is outside the summer period and assigns the appropriate charge accordingly.

After:

<span><span>if</span><span> (</span><span>isWinter</span><span>(date)) {</span></span>
<span><span>  charge </span><span>=</span><span> </span><span>winterCharge</span><span>(quantity);</span></span>
<span><span>} </span><span>else</span><span> {</span></span>
<span><span>  charge </span><span>=</span><span> </span><span>summerCharge</span><span>(quantity);</span></span>
<span><span>}</span></span>
<span></span>
<span><span>function</span><span> </span><span>isWinter</span><span>(</span><span>date</span><span>) {</span></span>
<span><span>  </span><span>return</span><span> date </span><span>&lt;</span><span> </span><span>SUMMER_START</span><span> </span><span>||</span><span> date </span><span>&gt;</span><span> </span><span>SUMMER_END</span><span>;</span></span>
<span><span>}</span></span>

Explanation: Here, the conditional logic determining if the date is in winter is extracted into the isWinter function. This improvement makes the main conditional statement more readable and reduces the complexity of the conditions.

Improving Naming and Readability #

Improving naming and readability makes codes easier for any developer to understand. The central task of variable and method conversion is renaming variables and methods to more descriptive and meaningful names. To understand what the numbers represent and ensure it is easier to keep up with program maintenance, hard-coded values should be substituted with named constants to replace magic numbers with constants. These techniques can greatly improve the project’s readability.

Before refactoring:

<span><span>let</span><span> d; </span><span>// elapsed time in days</span></span>

Explanation: This script declares a variable d which is meant to store the elapsed time in days. However, the variable name d is not descriptive, making it unclear what the variable represents. Renaming it to a more meaningful name would improve the readability and understandability of the code.

After:

<span><span>let</span><span> elapsedTimeInDays;</span></span>

Explanation: In this example, the variable d is renamed to elapsedTimeInDays to clarify its purpose. Descriptive names improve script readability and help other developers understand the code’s intent.

Abstraction #

Abstraction techniques focus on generating adaptable and easily modified code by isolating and generalizing functionality, further facilitating reuse and scalability. Extracting interface creates an interface for abstracting common functionality such that different implementations may be used interchangeably and introduces flexibility and extensibility. Incorporating polymorphism instead of complicated conditional checks into a more organized system of subclasses or strategies is the aim of replacing conditional with polymorphism refactoring. Encapsulating fields means not allowing direct access to class fields but doing such access through special methods, which enables better control over each field modification. These techniques have made programs scalable since they are easy to understand and maintain, making them flexible, simple, and coherent.

Before refactoring:

<span><span>class</span><span> </span><span>Rectangle</span><span> {</span></span>
<span><span>  </span><span>// ...</span></span>
<span><span>}</span></span>
<span></span>
<span><span>class</span><span> </span><span>Circle</span><span> {</span></span>
<span><span>  </span><span>// ...</span></span>
<span><span>}</span></span>

Explanation: The script defines two classes: Rectangle and Circle. These are presumably geometric shapes. However, there is no common interface or base class among them, which limits flexibility and scalability. Creating a common interface or base class would encompass homogeneous handling for these shapes and future extensibility.

After:

<span><span>class</span><span> </span><span>Shape</span><span> {</span></span>
<span><span>  </span><span>draw</span><span>() {</span></span>
<span><span>    </span><span>throw</span><span> </span><span>new</span><span> </span><span>Error</span><span>(</span><span>"This method should be overridden"</span><span>);</span></span>
<span><span> }</span></span>
<span><span>}</span></span>
<span></span>
<span><span>class</span><span> </span><span>Rectangle</span><span> </span><span>extends</span><span> </span><span>Shape</span><span> {</span></span>
<span><span>  </span><span>draw</span><span>() {</span></span>
<span><span>    </span><span>// ...</span></span>
<span><span> }</span></span>
<span><span>}</span></span>
<span></span>
<span><span>class</span><span> </span><span>Circle</span><span> </span><span>extends</span><span> </span><span>Shape</span><span> {</span></span>
<span><span>  </span><span>draw</span><span>() {</span></span>
<span><span>    </span><span>// ...</span></span>
<span><span> }</span></span>
<span><span>}</span></span>

Explanation: In this script, the Shape interface is extracted to represent the common functionality of different shapes. The Rectangle and Circle classes extend this interface, allowing for flexible and scalable code where shapes can be used interchangeably.

Moving Features Between Objects #

To move features between objects, code should be organized in a manner that ensures methods and responsibilities are well placed, improving the overall structure and coherence. The move method, in essence, entails relocating methods to the class where they are most relevant, which then makes the programs more ordered and clear. Extracting class splits up a class that does too many things, which helps clarify what the program should do and how it should do each part. Inline class merges a class that has become too small and insignificant back into its parent class; this simplifies the structure of your project. Such ideas on relocating functionality among objects ensure an orderly and effective system.

Before refactoring:

<span><span>class</span><span> </span><span>Account</span><span> {</span></span>
<span><span>  </span><span>// ...</span></span>
<span><span>  </span><span>overdraftCharge</span><span>() {</span></span>
<span><span>    </span><span>if</span><span> (</span><span>this</span><span>.type.</span><span>isPremium</span><span>()) {</span></span>
<span><span>      </span><span>let</span><span> result </span><span>=</span><span> </span><span>10</span><span>;</span></span>
<span><span>      </span><span>if</span><span> (</span><span>this</span><span>.daysOverdrawn </span><span>&gt;</span><span> </span><span>7</span><span>) result </span><span>+=</span><span> (</span><span>this</span><span>.daysOverdrawn </span><span>-</span><span> </span><span>7</span><span>) </span><span>*</span><span> </span><span>0.85</span><span>;</span></span>
<span><span>      </span><span>return</span><span> result;</span></span>
<span><span> } </span><span>else</span><span> {</span></span>
<span><span>      </span><span>return</span><span> </span><span>this</span><span>.daysOverdrawn </span><span>*</span><span> </span><span>1.75</span><span>;</span></span>
<span><span> }</span></span>
<span><span> }</span></span>
<span><span>}</span></span>

Explanation: This script includes a method overdraftCharge within the Account class, which calculates overdraft charges based on the account type and number of days overdrawn. The method uses logic to specify whether the account type is premium or not. This logic could be more appropriately placed within the AccountType class to which it belongs, improving the overall organization of the system.

After:

<span><span>class</span><span> </span><span>AccountType</span><span> {</span></span>
<span><span>  </span><span>// ...</span></span>
<span><span>  </span><span>overdraftCharge</span><span>(</span><span>daysOverdrawn</span><span>) {</span></span>
<span><span>    </span><span>if</span><span> (</span><span>this</span><span>.</span><span>isPremium</span><span>()) {</span></span>
<span><span>      </span><span>let</span><span> result </span><span>=</span><span> </span><span>10</span><span>;</span></span>
<span><span>      </span><span>if</span><span> (daysOverdrawn </span><span>&gt;</span><span> </span><span>7</span><span>) result </span><span>+=</span><span> (daysOverdrawn </span><span>-</span><span> </span><span>7</span><span>) </span><span>*</span><span> </span><span>0.85</span><span>;</span></span>
<span><span>      </span><span>return</span><span> result;</span></span>
<span><span> } </span><span>else</span><span> {</span></span>
<span><span>      </span><span>return</span><span> daysOverdrawn </span><span>*</span><span> </span><span>1.75</span><span>;</span></span>
<span><span> }</span></span>
<span><span> }</span></span>
<span><span>}</span></span>
<span></span>
<span><span>class</span><span> </span><span>Account</span><span> {</span></span>
<span><span>  </span><span>constructor</span><span>(</span><span>type</span><span>, </span><span>daysOverdrawn</span><span>) {</span></span>
<span><span>    </span><span>this</span><span>.type </span><span>=</span><span> type;</span></span>
<span><span>    </span><span>this</span><span>.daysOverdrawn </span><span>=</span><span> daysOverdrawn;</span></span>
<span><span> }</span></span>
<span></span>
<span><span>  </span><span>overdraftCharge</span><span>() {</span></span>
<span><span>    </span><span>return</span><span> </span><span>this</span><span>.type.</span><span>overdraftCharge</span><span>(</span><span>this</span><span>.daysOverdrawn);</span></span>
<span><span> }</span></span>
<span><span>}</span></span>

Explanation: The overdraftCharge method is moved from the Account class to the AccountType class, where it is more relevant. This refactoring improves the organization of the code by placing the method in the class that has the most knowledge about the overdraft charges.

Preparatory Refactoring #

This involves changing a system in advance to make it durable, elastic, and easy to update. The urgency for impending changes means anticipating future needs and modifying the existing program to keep it dynamic and future-proof. Eliminating redundancy is finding and deleting redundant lines in the project, thus eliminating repetitions or alternative deviations. Generalization entails finding common patterns to create a reusable component that enhances code reusability and reduces maintenance effort. These preparation techniques ensure that enhancement maintains a robust, adaptive program.

Before refactoring:

<span><span>class</span><span> </span><span>Order</span><span> {</span></span>
<span><span>  </span><span>getTotalPrice</span><span>() {</span></span>
<span><span>    </span><span>let</span><span> total </span><span>=</span><span> </span><span>0</span><span>;</span></span>
<span><span>    </span><span>for</span><span> (</span><span>let</span><span> item </span><span>of</span><span> </span><span>this</span><span>.items) {</span></span>
<span><span>      total </span><span>+=</span><span> item.price </span><span>*</span><span> item.quantity;</span></span>
<span><span> }</span></span>
<span><span>    </span><span>return</span><span> total;</span></span>
<span><span> }</span></span>
<span><span>}</span></span>

Explanation: This script defines an Order class with a method getTotalPrice that calculates the total price of all items in the order by iterating over each item and summing up the price multiplied by the quantity. This loop-based approach can be refactored to use a more concise and readable method.

After:

<span><span>class</span><span> </span><span>Order</span><span> {</span></span>
<span><span>  </span><span>getTotalPrice</span><span>() {</span></span>
<span><span>    </span><span>return</span><span> </span><span>this</span><span>.items.</span><span>reduce</span><span>(</span></span>
<span><span> (</span><span>total</span><span>, </span><span>item</span><span>) </span><span>=&gt;</span><span> total </span><span>+</span><span> item.price </span><span>*</span><span> item.quantity,</span></span>
<span><span>      </span><span>0</span><span>,</span></span>
<span><span> );</span></span>
<span><span> }</span></span>
<span><span>}</span></span>

Explanation: The loop to calculate the total price is replaced with a reduce operation that performs the same calculation in a more concise and readable manner. This improvement removes duplication and makes the program easier to maintain.

Challenges and How to Overcome Them #

It comes with challenges like resistance to change, time pressure, and the possibility of over-engineering/ under-refactoring. Dealing with these pitfalls cannot be overemphasized to sustain a clean and productive system. Solutions for these hurdles will ensure that the enhancement process is as useful as it should be, resulting in long-life enhancements in terms of the quality and maintainability of the project.

Resistance to Change #

Most people are scared of change when refactoring any system. They will never touch any program they did not write themselves due to the fear that the new version could contain flaws or cause something else not to work out as expected. To get others to buy into refactoring and see it as beneficial, always talk about its future benefits, such as reducing bugs, the simplest way to maintain, and quality programming.

Additionally, these moves will greatly minimize the likelihood of resisting change. It is also beneficial to provide instances where the actual software enhancement took place due to successful refactoring exercises. So, knowledge building and resources lead to higher self-confidence among team members regarding their refracting prowess.

Time Constraints #

Refactoring is difficult if you have time limits when you must concentrate resources elsewhere due to urgent new functions or bug correction requirements. To allocate time well, it is necessary to rank what needs to be done first depending on its importance for making changes where there would be greater advantages than just doing nothing. On top of this, adding improvement tasks into normal project workflows keeps it a routine rather than one separate event.

To maintain progress without overwhelming the team, we should break down enhancement efforts into manageable bits when setting realistic goals. Also, increased speed in the process can be achieved by using automated refactoring tools that reduce manual effort and enable us to fit improvement into limited schedules.

Avoiding Over-Engineering and Under-Refactoring #

It is important to strike the perfect equilibrium between over-engineering and under-refactoring. The problem is that unnecessary complexity arises from over-engineering while under-refactoring leads to bad projects. To avoid these two dangers, simplicity must be at the core of considerations such that the most basic way that solve a problem without adding complexity is aimed at.

You must hold regular code reviews to ensure that any improvement efforts you engage in are on the right path and are of help to you. Essential for keeping a clean system is keeping tabs on the technical debt one has accrued and then prioritizing these issues that, when dealt with, will have the greatest positive impact on that particular debt. By sticking to known good practices when it comes to refactoring, we make sure that only necessary changes are made helping us make our program look better and more maintainable at the end of each session.

If these enhancement techniques are in place, a developer should be able to orderly improve the program’s structure and quality to make it maintainable, readable, and scalable.

Conclusion #

This plays a crucial role in keeping codes clean, efficient, and high-quality. It helps improve project readability, minimize technical debts, and boost system scalability and performance. By constantly improving their code, programmers can keep their system reliable and extendible while still fulfilling customer needs.

It is important to build a culture where all members practice regular refactoring if success is to be achieved in a project in the long run. One thing for sure is that developers must feel the urge to keep changing bad codes for better ones thus implementing standards, applying good methods, and using available tools in their everyday program writing work. Putting this into practice will enable teams to greatly save their time by delivering robust systems that are easy to maintain over time so that they prioritize clean code generation and maintenance. One significant importance of engaging in regular improvement is that it causes an enhancement in the present state of code and establishes a solid basis for future expansion and flexibility.

Understand every bug #

Uncover frustrations, understand bugs and fix slowdowns like never before with OpenReplay — the open-source session replay tool for developers. Self-host it in minutes, and have complete control over your customer data. Check our GitHub repo and join the thousands of developers in our community.

OpenReplay