The case study from Zotoo highlights a new fourth platform reshaping the way applications are developed. Meeting user needs across devices presents challenges and opportunities in app development. Scaling challenges and technological evolution involve adopting new technologies like PWA and TWA. Innovative technology approaches with React Native and transitioning to a universal system framework are key focus areas. The organization is evolving its structure towards a stream value organization, optimizing domain focus, and expanding reach with future plans for smart TVs and mobile devices.

Introduction to monorepos metamorphosis, cutting CI load by 65%, addressing slow CI, waste in CI, and challenges in a large monorepo setup. Addressing CI issues and optimizing speed through key ideas like build creation in a large monorepo using NX to streamline package compilation and frontend deployment. Reducing blast radius in CI by optimizing compilation of micro frontends to speed up CI process and enhance efficiency. Identifying and deploying only affected micro frontends to reduce deployment overhead and enhance efficiency in compilation and deployment processes. Reducing deployment time by compiling only necessary packages and deploying essential micro frontends. Utilizing NX and TS build info output to streamline deployment processes. Implementing self-hosted runners for customized capacity allocation in CI pipelines. Utilizing NX cache to reduce network communication costs and improve CI efficiency. Implementing S3 bucket as a local cache to enhance communication and reduce costs in CI pipelines. Addressing Type Explosion issue in CI pipeline by explaining the challenges with typography components and user-defined elements. Addressing issues with jsx.intrinsic elements and barrel files in CI compilation. Introduction of AI to optimize TypeScript compilation by identifying problematic elements. Implementing type restrictions and reducing barrel files to significantly decrease compile time in CI pipelines. Introduction of PMPM for faster and simpler dependency management. Decoupling translations from CI to reduce runtime. Implementing parallelized test with NX stacks for significant time reduction in CI build and test process. Emphasizing the importance of small wins, dependency analysis, and decoupling for efficiency improvements in CI pipelines.

The speaker recounts debugging an e-commerce application, emphasizing the need for monitoring business logic. They discuss building custom DevTools for specific business logic debugging and explore limitations of React DevTools in handling complex scenarios. The importance of developing custom DevTools architecture, white-coded UI, efficient domain communication, and inspecting DevTools architecture is highlighted. Additionally, analyzing domain inspector functionality, maintaining React DevTools in a monorepo, and ensuring DevTool safety and utility through ongoing maintenance and user feedback are discussed.

Daniel Avila introduces Cloud Code Desktop, a new platform simplifying Cloud Code usage. Explore features like Cowork, connectors, and plugins. Manage sessions, customize environments, and interact with Cloud efficiently. Understand skills, context, and execution in Cloud Code. Develop comprehensive skills with precise control measures. Optimize skill execution, design interfaces, and implement skills in MCPs. Enhance MCPs with Cloud Skills and advanced installation processes in Cloud Code Desktop.

This talk dives into how developers can build structured, repeatable coding workflows using Claude Code's ecosystem: Skills, Subagents, settings, Hooks, and MCP servers. I'll walk through the architecture behind Claude Code Templates, an open-source project with 120K+ npm downloads and 23K+ GitHu...

Sharing lessons on building and scaling global React applications. Front-end complexity with business expansion. Challenges of globalization in React development. Impact of market variability on front-end architecture for global scale. Architectural decisions influenced by operational realities. Technical and organizational problems at a global scale. React dual architectures for global scale. Balancing consistency and flexibility in architecture. Issues with business logic in components, scalability, region-specific deployments, and optimizing performance. Organizational challenges with global feature shipping, release conflicts, slow rollout cycles, and configuration duplication. Issues at global scale: technical and organizational challenges. Avoid business logic in components, scalability issues like user spikes, and deployment time. Market logic in components, region-specific deployments, front-end boundary size increase, and fragmented integrations. Multiple teams shipping globally face challenges like release conflicts, slow rollout cycles, and market-driven behavior testing. Complexity increases with more markets, localization goes beyond translation affecting currency, taxes, compliance, and more. Markets vary operationally requiring adaptive platforms for dynamic changes based on market context. Shift to adaptive platform for dynamic market behavior. Configuration as front-end control plane, like Kubernetes. Feature flags crucial for efficient management, operational flexibility. Market-specific capabilities, safe experiments, unstable features disabling. Region-aware routing enhances operational concerns separation, micro front-end usage for improved performance. Optimizing CDN and SEO for market consistency. Region-aware routing for operational separation, micro front-end performance improvement. Front-end observability critical for global scalability. Evaluation for adaptability, avoiding over-engineering. Challenges in global React application evolution, operational maintainability. Considerations for localization, multi-tenant systems, feature-flag scaling, and global architecture challenges.