Manage landing page

What are you most proud of, and what would you do differently next time?

🧠 This project was loads of fun and frustrating in some instances, but here are the highlights of what I learnt.

• Detecting ResizeObserver overload issues early.
• Spotting race conditions in form validation logic.
• Recognizing when requestAnimationFrame isn't sufficient alone.
• Separating UI state updates from expensive DOM work.
• Applying visual classes immediately to prevent flicker.
• Throttling layout recalculations for performance.
• Understanding event sequencing across input, blur, and submit.
• Avoiding shared state pitfalls by recalculating values when needed.
• Applying requestAnimationFrame with proper timing awareness.

What challenges did you encounter, and how did you overcome them?

🎞️Glide edge case

• I faced issues like disappearing slides, misaligned peeks, and incorrect start positions.

🏁Race condition in form validation

• I relied on a shared currentError across input, blur, and submit, which led to inconsistent validation states.

⌛requestAnimationFrame timing issues

• Using rAF delayed the application of .resizing, which led to visual glitches (e.g., nav briefly flashing). This caused a lot of headaches.

🎯 My solution: I separated the visual state change (adding .resizing) from expensive work (running syncOverlay()). I still debounced the expensive work, but the visual state is applied immediately, preventing flicker.

What specific areas of your project would you like help with?

All constructive feedback is welcome. 😁