Ultimate Guide to Git and GitHub for Independent Developers
Working alone does not mean programming without order. Discover the ideal workflow in Git and GitHub to organize your indie projects and automate deployments safely...
Read more →Own Applications and Collaborations
Although our main focus and greatest passion is the creation of our own products originals, yes we are open to review and evaluate third party projects. Yes Have an innovative idea or app that aligns with our creative vision, we'd love to meet her.
Our Creative Products
We develop unique applications with original content that combine technology, art and functionality. Each product is its own creation designed to offer digital experiences memorable.
Now Available!
Volumik
3D Geometric Calculator
Your indispensable geometric calculation tool. Designed to calculate areas and volumes quickly and intuitively. Available right now on the Google Play Store!
-
Available in 5 languages
Configured in Spanish, English, French, German and Portuguese.
-
No Intrusive Ads
Enjoy a smooth and clean experience. Advertising is 100% voluntary to support development.
-
Easy to Use
Ideal for students, engineers and professionals looking for speed and precision in geometry.
Upcoming Releases
We continue creating new applications with original and dynamic content.
Creative Design
We create visually striking and easy-to-navigate interfaces.
Cross-platform
Optimized for mobile devices, tablets and web browsers.
What is your Favorite Framework?
We want to know the preferences of our community. Vote for the technology you use the most and see the results in real time!
react
0 votes
vue
0 votes
Angular
0 votes
Svelte
0 votes
flutter
0 votes
About FenixDevApp
We are a platform dedicated to the creation and publication of our own applications with content original creative.
Own Applications
We develop and publish our own mobile applications with content unique creative. We do not offer development services for third parties.
Web Platform
In addition to mobile apps, we create interactive web experiences with original content designed to connect with our audience.
Creative Content
Each application is an original work that combines technology, art and functionality to offer unique and memorable experiences.
Resources
Useful Articles on App Development and Technology
Featured Resources
Mar 26, 2026
12 Mar 2026
Web Performance: Extreme Optimization with Vanilla CSS and JS
Web performance in 2026 is a key factor for digital success. We explain how to achieve instant loading times by optimizing HTML, CSS and JS without depending on heavy frameworks...
Read more →
25 Feb 2026
Kotlin Multiplatform: Sharing logic without losing native performance
Mobile development is evolving rapidly. We analyze how Kotlin Multiplatform (KMP) allows business code to be shared between iOS and Android while preserving the 100% native interface...
Read more →
5 Feb 2026
5 Signs that your business needs a mobile application
By 2026, 78% of consumers will prefer to interact with brands through apps instead of mobile websites. Find out if it's time to take the digital leap with these key indicators...
Read more →
28 Jan 2026
Native vs. native development multiplatform: Which one to choose in 2026?
Choosing between React Native, Flutter, or native development (Kotlin/Swift) depends on your specific goals. We analyze advantages, disadvantages and real use cases to help you decide...
Read more →
Jan 15, 2026
How to prepare your app to comply with the Google Play Store in 2026
Play Store requirements were tightened in 2026. From the Data Security Declaration to mandatory privacy policies, we explain step by step how to avoid rejections...
Read more →
08 Jul 2026
The impact of AI on mobile app development in 2026
Language models on the device (On-Device AI) and intelligent agents redefine the user experience on smartphones. Discover local trends and NPUs...
Read more →
05 Jul 2026
Clean Architecture on Android: Structure your app professionally
Learn how to separate your responsibilities into separate Presentation, Domain, and Data layers in Kotlin for optimal scalability and clean testing...
Read more →
02 Jul 2026
UX/UI for developers: Visual principles without being a designer
How to create aesthetically professional and polished applications by applying logical rules of alignment, contrast, fonts and hierarchy without having artistic talent...
Read more →
29 Jun 2026
Advanced monetization strategies in app stores
How to structure your income sources between subscriptions, integrated purchases, freemium models and voluntary advertising in an ethical and transparent way to build user loyalty...
Read more →
June 25, 2026
How to implement the perfect Dark Mode in your app
Avoid eye strain for your users by using native CSS variables and respecting their preferences-color-scheme and persistence preferences with localStorage...
Read more →
22 Jun 2026
3D mathematics in software and video game programming
Discover how vectors, matrices, and analytical geometry formulas bring interactive virtual environments to life and power spatial calculators like Volumik...
Read more →
18 Jun 2026
WebAssembly: Bringing Rust and C++ to your browser
Discover how to execute heavy mathematical and graphical processing tasks bypassing the traditional limitations of JavaScript at near-native speed...
Read more →
Jun 15, 2026
Technical SEO Guide for Single Page Applications (SPA)
How to correctly index your React, Vue or Angular application in Google using SSR, SSG, hydration and pre-rendering to improve your organic positioning...
Read more →
12 Jun 2026
Automated Testing in Flutter: Complete Guide
Ensure the correct functioning of your cross-platform application through unit, widget and integration testing to avoid regressions in production...
Read more →
08 Jun 2026
The art of writing efficient prompts for programming
Optimize your daily workflow by communicating with language models clearly, contextually, and instructing precise constraints for clean code...
Read more →
04 Jun 2026
How to optimize memory consumption in React Native applications
Practical strategies to prevent memory leaks, optimize FlatLists rendering, and manage large images efficiently in your hybrid apps...
Read more →
01 Jun 2026
Security in RESTful APIs: Good practices guide
Protect your data and that of your users by shielding your backend with secure JWTs, strict CORS headers, TLS/HTTPS encryption, and efficient rate limiting policies...
Read more →
28 May 2026
PWA in 2026: The definitive bridge between web and mobile?
Learn how progressive web apps leverage modern APIs like Service Workers, offline storage, and native push notifications on iOS and Android...
Read more →
24 May 2026
The rise of No-Code and its coexistence with native code
How visual programming tools and traditional development collaborate to accelerate technology launches and validate MVPs with reduced budgets...
Read more →Stack Glossary
Explore the key concepts of our web and mobile development ecosystem: React, Vite and Capacitor.
Stack Flow Visualizer
Click each stage to see how your code travels to the device and filter the concepts:
react
Code & UIVite
Build & HMRCapacitor
Native BridgeNative
iOS/Android
react
JSX (JavaScript XML)
Syntax extension that allows you to write HTML structures directly inside JavaScript files in React.
JSX is a syntactic sugar for React.createElement(). It makes UI code declarative, visually readable, and easy to maintain.
React Component (JSX)
const App = () => {
const [saludo, setSaludo] = useState("Hola Mundo");
return (
<div className="card">
<h1>{saludo}</h1>
</div>
);
};
react
Hooks (State and Lifecycle)
Special functions that allow you to use state and other React features in functional components.
Hooks like useState, useEffect y useRef They eliminate the need to write class components in React, promoting the reuse of pure logic.
useState and useEffect example
import { useState, useEffect } from 'react';
function Contador() {
const [count, setCount] = useState(0);
useEffect(() => {
document.title = `Clics: ${count}`;
}, [count]);
return <button onClick={() => setCount(count + 1)}>{count}</button>;
}
react
Virtual DOM
An in-memory representation of real DOM elements that optimizes and speeds up visual updates.
When a component's state changes, React updates the Virtual DOM first, compares the difference to the real DOM (a process called "reconciliation"), and applies only the bare minimum changes.
Vite
HMR (Hot Module Replacement)
Hot Module Replacement. Updates the modified code in the browser instantly without reloading the page.
Vite uses native ESM (ES Modules) over HTTP for HMR. This means that no matter how big your app is, reload times for modified modules remain less than 100ms.
vite.config.js (HMR enabled by default)
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
export default defineConfig({
plugins: [react()],
server: {
hmr: true // Activo de forma nativa
}
});
Vite
Esbuild (Pre-packager)
Extremely fast JavaScript compiler written in Go, used for pre-packaging of dependencies.
Esbuild compiles code up to 10 to 100 times faster than traditional packers (Webpack/Rollup) because it performs typing and packaging in parallel without expensive abstractions.
Vite
Web Assets (Static Build)
The resulting files compiled by Vite ready to be served by a web host or uploaded to Capacitor.
When running vite build, your development code (JSX, CSS, TypeScript) is minified and optimized in flat HTML, JS and CSS files and hosted in the folder dist (or your Capacitor configuration folder).
Capacitor
Capacitor Bridge
The communication infrastructure that connects web code (JavaScript) to the native iOS/Android environment.
The bridge translates asynchronous JavaScript calls into native native code calls (Swift/Kotlin), and returns responses (from hardware like geolocation or camera) directly as JS Promises.
Using the Bridge with Capacitor Plugins
import { Camera, CameraResultType } from '@capacitor/camera';
async function tomarFoto() {
// Llama al hardware nativo de la cámara a través del Bridge
const image = await Camera.getPhoto({
quality: 90,
allowEditing: true,
resultType: CameraResultType.Uri
});
return image.webPath;
}
Capacitor
Native Plugins
npm modules that expose native hardware APIs in a unified way to work on Android, iOS, and the web.
Unlike older hybrid solutions, Capacitor allows you to create your own native plugins with Swift on iOS or Java/Kotlin on Android and expose them directly to your React web code.
Capacitor
Capacitor CLI (Commands)
Command line tool to initialize platforms and synchronize your compiled web files with iOS and Android.
The most used CLI commands are: npx cap add (to add iOS/Android), npx cap sync (to copy the build from the web to native mobile platforms), and npx cap open (to open the native project in Xcode or Android Studio).
Common command flow in terminal
# 1. Compila la app web en React+Vite
npm run build
# 2. Copia y sincroniza el compilador en Android e iOS
npx cap sync
# 3. Abre Android Studio para compilar el APK/AAB nativo
npx cap open android
General
web view
The internal, optimized system browser (WKWebView on iOS, Android WebView on Android) that runs the web application.
Capacitor packages your web into a traditional native device app, but visual rendering and JS execution happen inside the native WebView at close to 60fps.
General
SPA (Single Page Application)
Single page application. Development model where navigation occurs without full reloads, ideal for mobile packaging.
In mobile apps built with Capacitor, it is essential to use the SPA approach (such as React Router) to keep the experience fluid and identical to a native app.
General
Hybrid Application
A mobile application that combines standard web technologies (HTML/CSS/JS) with native system APIs and containers.
Modern hybrid development (with React + Vite + Capacitor) allows you to write a single front-end source code, and compile it into an optimized website, a functional Android app for Google Play, and an iOS app for the App Store.
Technical Support
We are here to help you every step of the way
Attendance
At fenixdevapp, your satisfaction is our priority. Our support team is available to help you with any queries related to our applications.
Documentation
Guides and tutorials
Quick Response
Guaranteed response times
Updates
Continuous improvements and new features