react_developer

Guide React and React Native development with performance, architecture, and accessibility practices.

2|2|Updated Feb 25, 2026

Search Tags:#ui #architecture #performance #frontend #react #mobile #react native

Ready to run

npx skills add https://github.com/onmyway133/skills --skill react-developer-onmyway133

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: react_developer
Source: https://github.com/onmyway133/skills/tree/main/skills/react-developer
Command: npx skills add https://github.com/onmyway133/skills --skill react-developer-onmyway133

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill streamlines the development of complex React and React Native applications by providing best practices for performance, architecture, and UI.

Core Features & Use Cases

Performance Optimization: Implement strategies to minimize re-renders and optimize bundle sizes.
Component Architecture: Design scalable and maintainable UIs using composition patterns.
Accessibility: Ensure applications are usable by everyone with built-in accessibility guidelines.
React Native: Develop cross-platform mobile applications with native performance.
Use Case: Refactor a slow-loading React dashboard to improve its performance by implementing memoization and code splitting.

Quick Start

Apply performance optimization techniques to the provided React component code.

Frequently Asked Questions about react_developer

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

FAQPage Schema

How do I optimize React component performance and reduce unnecessary re-renders?▼

To optimize React performance, implement memoization strategies and code splitting to minimize re-renders and reduce bundle sizes. This approach refactors slow-loading applications by ensuring efficient data fetching and UI rendering.

What is the best way to design scalable React component architecture?▼

Design scalable React component architecture by using composition patterns to build maintainable UIs. This method addresses common challenges in complex applications by structuring components for efficient state management and reusability.

How do I build cross-platform mobile apps with React Native?▼

Build cross-platform mobile apps with React Native by leveraging patterns for native performance and maintainable UI rendering. This approach ensures efficient data fetching and state management across mobile platforms.

Does this React guidance include accessibility best practices?▼

Yes, this React guidance includes built-in accessibility guidelines to ensure applications are usable by everyone. It integrates accessibility into the component composition and UI rendering workflow.

How do I refactor a slow-loading React dashboard for better performance?▼

Refactor a slow-loading React dashboard by applying memoization and code splitting techniques. This performance optimization strategy minimizes re-renders and optimizes bundle sizes for efficient data fetching.