React & Gatsby

Component-Driven Frontend Development

My primary expertise in modern frontend development lies within the React ecosystem. I specialize in building applications using a component-based architecture, which promotes reusability, maintainability, and a clear separation of concerns.

High-Performance Static Sites with Gatsby

For projects where performance and SEO are paramount, such as my personal portfolio v2.dadangnh.com, I leverage Gatsby. My experience includes:

• GraphQL for Data Fetching: Building pages by sourcing data from various locations (CMSs, Markdown files) at build time using GraphQL.
• Performance Optimization: Utilizing Gatsby's built-in performance features like code splitting, lazy loading of images, and pre-fetching to create incredibly fast user experiences.
• Plugin Ecosystem: Extending functionality with Gatsby's rich plugin ecosystem for tasks like analytics, sitemaps, and PWA support.
• Styling: Implementing designs using CSS-in-JS libraries like Styled Components for scoped, dynamic styling.

The Jambee e-commerce project also involved React principles to create an interactive and dynamic shopping experience.

Key Competencies

• React Core: Hooks, Context API, and component lifecycle.
• State Management: Managing complex application state, potentially with libraries like Redux or Zustand if needed.
• Gatsby Framework: Deep knowledge of its lifecycle, data layer (GraphQL), and plugin architecture.
• Styling: Styled Components, Emotion, and other CSS-in-JS solutions.
• Testing: Writing unit and integration tests for React components using frameworks like Jest and React Testing Library.