technical

Select domain-specific engineering guidance for React, React Native, and Golang tasks.

2|Updated Feb 12, 2024
One-click install
npx skills add https://github.com/adibfirman/dotfiles --skill technical-adibfirman
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: technical
Source: https://github.com/adibfirman/dotfiles/tree/main/claude/.claude/skills/technical
Command: npx skills add https://github.com/adibfirman/dotfiles --skill technical-adibfirman

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps you quickly choose the right engineering guidance and reference material for software engineering tasks.

Core Features & Use Cases

  • React composition patterns: Use dedicated guidance when designing or refactoring React components using composition (not boolean prop switches), compound components, state lifting, and children-based composition.
  • React best practices: Use performance and correctness rules for React and Next.js code (e.g., avoiding waterfalls, improving bundle size, and choosing rendering patterns).
  • React Native best practices: Use React Native performance and optimization guidance for FPS/TTI, rendering jank, list scrolling, and native/bridge considerations.
  • Golang language focus: Use the Golang section when working on Go code (e.g., the provided rule sets under the Golang subtree).

Quick Start

Use the technical skill when you are working on a React UI refactor and want advice on composition patterns and maintainable component structure.

Frequently Asked Questions about technical

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What are the best practices for refactoring React components using composition patterns?

React component refactoring best practices involve replacing boolean prop switches with compound components, lifting state, and using children-based composition to build maintainable UI structures. This guidance helps avoid tangled component logic and improves overall rendering correctness.

How do I optimize React Native performance and fix list scrolling jank?

To optimize React Native performance, apply targeted guidance addressing FPS and TTI metrics, rendering jank, list scrolling bottlenecks, and native bridge considerations. These rules help identify and eliminate rendering inefficiencies specific to mobile environments.

How can I improve Next.js performance and reduce bundle size?

Improve Next.js performance by following rules that prevent data waterfalls, optimize bundle size, and select appropriate rendering patterns. This engineering guidance ensures correctness and efficiency for React and Next.js applications.

Does this technical guidance cover Golang development and architecture?

Yes, this technical guidance covers Golang development by providing specific rule sets under the Golang subtree. It offers targeted engineering instructions for software architecture and code tasks when working with Go.

When should I use compound components instead of boolean props in React?

Use compound components instead of boolean props in React when you need flexible, maintainable composition without deeply nested conditional logic. This approach prevents component bloat and state management issues by leveraging children-based patterns.