Condition Mobile example

Why Punky

Punky is an evolution of our previous framework, Membrillo — a full upgrade designed to provide a clear roadmap for every use case and support ongoing growth. It also brings significant improvements in page speed and overall performance.

If you believe there’s anything missing or unclear, please reach out to Eli, Nerea, or Mara, who are directly involved in shaping the roadmap for this project.

Speed

Built with efficiency at its core — everything loads and runs faster, no matter the scale.

Performance

Engineered for seamless performance — optimized to deliver a smooth, lightning-fast experience.

Reference

Comprehensive and practical — includes examples for nearly every scenario to help you move quickly.

Conditional loading at a breakpoint

This example shows how a library is loaded only once, based on a specific condition at load time. In this case, the condition is tied to the viewport width (tablet and below). It does not react to resize and is intended for one-time loading decisions.

This guide has been created to help you understand how we work at Terra — our processes, standards, tools, and overall expectations as part of the development team.

We encourage you to explore, learn, and follow the recommendations shared here so we can maintain consistency and quality across all projects. If at any point something feels unclear, or if you have questions about how to apply these guidelines in your day-to-day work, please reach out to your manager. We’re here to support you and ensure you have everything you need to succeed.

© 2024 Punky Framework. All rights reserved.