17 posts tagged with "Performance"

Improve Angular performance with measured rendering work, route-level loading, image and network budgets, SSR decisions, and stable reactive state. This revised guide emphasizes supported APIs, production tradeoffs, and an upgrade-friendly path without tying the advice to a calendar year.

Galio is a UI toolkit and component framework for React Native that provides a consistent set of ready-made, themeable building blocks (buttons, cards, text, inputs, nav bars, etc.) so you can prototype and ship mobile UIs faster. The galio repository includes the core components and a lightweight theme system in src/theme (see colors.tsx, sizes.tsx, index.tsx) plus components under src/ such as Block, Button, Text, Input, Card, Avatar, NavBar and more.

Learn more on the official site: galio.io and browse the source and examples on GitHub: github.com/galio-org/galio.

Older Android phones expose every expensive choice in a React Native app: heavy startup work, oversized images, slow lists, chatty network calls, JS-thread animations, and debug-only assumptions. The goal is not to chase one magic setting. The goal is to measure on real hardware, reduce work on the critical path, and ship a release build that keeps memory, CPU, and frame time under control.

Memory leaks in React Native usually come from resources that outlive the screen that created them: timers, subscriptions, unresolved requests, sockets, navigation listeners, heavy lists, image caches, and native module handles. The fix is not a single package. It is a repeatable loop: reproduce the leak, profile it in a realistic build, remove the retained reference, and verify that memory returns to a stable baseline.

FlatList is fast when each row is cheap, keys are stable, virtualization is tuned for the screen, and the data layer avoids unnecessary re-renders. It becomes slow when rows contain heavy images, anonymous render functions, unstable item references, eager API calls, and too many mounted views. This guide focuses on practical fixes you can apply to production feeds, chats, catalogs, and marketplace screens.

React Native performance work should start with measurement, not guesses. Most slow apps are not slow everywhere. They are slow on a few screens: feeds, checkout, chat, onboarding, maps, image grids, video playback, or cold start.

In this tutorial, we will compare the performance of two popular JavaScript frameworks: React and Angular. As software developers, it is crucial to understand the performance implications of our technology choices. By comparing React and Angular, we can make informed decisions about which framework is best suited for our projects.

In this tutorial, we will learn how to create a responsive image gallery using React. A responsive image gallery is a component that adjusts its layout and behavior based on the size of the screen or viewport. This ensures that the gallery looks and functions properly on different devices and screen sizes.

In this tutorial, we will discuss 10 tips for optimizing React performance. React is a popular JavaScript library for building user interfaces, and it is important to ensure that your React applications are running efficiently to provide a smooth user experience.

In this tutorial, we will explore various techniques and best practices to optimize the performance of Angular applications. We will cover topics such as Angular CLI and AOT compilation, lazy loading modules, change detection strategies, rendering optimization, reducing HTTP requests, caching and minification, performance testing and profiling, and more. Additionally, we will provide code examples and step-by-step explanations for each optimization technique.

In the world of frontend development, two popular Javascript frameworks have emerged as the top choices for building interactive web applications - React and Angular. Both frameworks have their own strengths and weaknesses, making it important for developers to choose the right one for their projects. In this tutorial, we will compare React and Angular in terms of performance, learning curve, community and support, component architecture, and tooling and ecosystem. By the end of this tutorial, you will have a better understanding of which framework is better suited for your needs.

In this tutorial, we will compare the performance of React and Vue, two popular JavaScript frameworks for building user interfaces. We will analyze various performance metrics such as rendering speed, memory usage, bundle size, and startup time. By understanding the performance differences between React and Vue, software developers can make informed decisions when choosing a framework for their projects.