development

Standardize React and React Native development with Biome, TypeScript, Jest, and DDD.

Updated Jan 10, 2026
One-click install
npx skills add https://github.com/leovido/leo-skills --skill development-leovido
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: development
Source: https://github.com/leovido/leo-skills/tree/main/skills/development
Command: npx skills add https://github.com/leovido/leo-skills --skill development-leovido

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a structured, battle-tested blueprint for building maintainable React and React Native applications, reducing friction and inconsistencies across teams.

Core Features & Use Cases

  • Code Quality & Linting: Adopt Biome as the single source of truth for linting and formatting, ensuring consistency across projects.
  • TypeScript & Testing: Enforce strict TypeScript settings and Jest-based testing to catch issues early.
  • Project Structure: Apply Domain-Driven Design principles to organize code by feature/domain with clear boundaries.
  • React Best Practices: Follow robust useEffect guidelines and modern React patterns to improve performance and reliability.
  • Expo Native Guidelines: For React Native with Expo, align with best practices in app configuration and tooling.

Quick Start

Initialize your project with Biome, TypeScript, and Jest configurations; then refactor the codebase to align with the described patterns.

Frequently Asked Questions about development

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

FAQPage Schema
How do I standardize React and React Native code quality across my team?

Standardize React and React Native code quality by adopting Biome for linting and formatting, enforcing TypeScript strict mode, and aligning project structure with Domain-Driven Design principles. This provides a battle-tested blueprint for maintainable applications and consistent team workflows.

What is the best way to structure a React project using Domain-Driven Design?

The best way to structure a React project using Domain-Driven Design is to organize code by feature and domain with clear boundaries. Applying DDD principles to your frontend architecture reduces friction and inconsistencies across teams while improving maintainability.

How do I configure Biome for linting and formatting in a React Native project?

Configure Biome in your React Native project by initializing it as the single source of truth for linting and formatting. Enforce strict settings alongside TypeScript and Jest to ensure consistency across projects and catch issues early in development.

Does this React development workflow enforce strict TypeScript and Jest testing?

Yes, this React development workflow enforces strict TypeScript settings and Jest-based testing to catch issues early. It satisfies requirements for strict linting and formatting with Biome, TypeScript strict mode, and Jest-based testing in CI and local tooling.

Can I use these development guidelines for an Expo React Native app?

Yes, you can use these guidelines for an Expo React Native app by aligning with best practices in app configuration and tooling. The workflow applies specifically to React Native with Expo, ensuring robust useEffect guidelines and modern React patterns.

When should I not use Biome for React code formatting?

You should avoid using Biome for React code formatting if your project relies on legacy ESLint configurations or custom Babel plugins that conflict with its strict rules. Consider category-level alternatives if your architecture cannot support strict TypeScript and Jest-based testing integration.