Beyond React vs Vue: Exploring Frontend Fundamentals, Security, and Design
This article offers a comprehensive look at modern frontend development, from unbiased React‑Vue comparisons and Lodash security insights to icon workflow evolution, smooth corner techniques in Figma, SOLID principles, code‑effort metrics, AI recommendation system reading, project management tips, and the role of design tokens.
React vs Vue Comparison
Both React and Vue are popular front‑end frameworks. Sunil Sandhu built an identical Todo app in each framework to evaluate workflow differences after the release of React Hooks and Vue Composition API, providing a neutral, side‑by‑side assessment of development experience, state management, and component architecture.
Lodash Security Vulnerability
The article deepens JavaScript fundamentals by analysing a critical Lodash prototype‑pollution vulnerability. It explains how Object prototype, prototype chain, and methods such as Object.create and Object.freeze can be abused, and outlines mitigation strategies, including avoiding unsafe Lodash functions and applying patches.
Evolution of Web Icon Workflows
Effective icon usage enhances product clarity. The piece traces the evolution of icon handling in front‑end projects, summarising best practices adopted during the Baidu Design Language System’s development, from static SVG assets to automated generation pipelines.
Figma Smooth Corner Technique
Inspired by Apple’s iOS 7 rounded‑corner redesign, the article explores mathematically continuous curvature (smooth corners) versus traditional right‑angle corners. It describes a real‑time Figma workflow for creating “squircles” that improve visual consistency across devices.
SOLID Principles in Object‑Oriented Design
The five SOLID principles—Single Responsibility, Open/Closed, Liskov Substitution, Interface Segregation, and Dependency Inversion—are presented with business‑oriented explanations and concrete code examples, highlighting how they improve readability, reusability, and maintainability.
Why Two Lines of Code Can Take Two Days
Discussing code‑line count as a KPI, the article lists reasons why a seemingly trivial change may require extensive analysis, testing, refactoring, or coordination with non‑technical stakeholders, emphasizing that effort estimation must consider context beyond raw line metrics.
AI Book Recommendation: Practical Recommendation Systems
A recommended book, “Recommendation System Practice,” covers data sources, classification, algorithm/model selection, and evaluation metrics for building production‑grade recommender systems, blending engineering details with concise algorithmic explanations.
Project Management from a Female Developer’s Perspective
Effective project architecture and management are crucial. The author shares practical advice on requirement analysis, task decomposition, scheduling, risk control, and expectation management, drawing on personal experience to fill gaps often omitted from formal curricula.
Design Tokens: Bridging Design and Development
Design Tokens standardise visual attributes (colors, spacing, typography) as code‑friendly variables, enabling designers and developers to maintain consistency across platforms. The article explains their role in reducing hand‑off friction and ensuring pixel‑perfect implementation.
Aotu Lab
Aotu Lab, founded in October 2015, is a front-end engineering team serving multi-platform products. The articles in this public account are intended to share and discuss technology, reflecting only the personal views of Aotu Lab members and not the official stance of JD.com Technology.
How this landed with the community
Was this worth your time?
0 Comments
Thoughtful readers leave field notes, pushback, and hard-won operational detail here.
