react-native-elements

React Native Elements UI component library best practices for performance, theming, and proper component usage. Use when building React Native apps with RNE, configuring themes, optimizing lists with ListItem, or reviewing RNE component code.

설치로 이동 파일 검토

저장소: pproenca/dot-skills
최근 소스 활동: 2026년 5월 27일 09:50
감지된 SKILL.md 언어: 영어
스타: 215
포크: 19

설치 방법

기본적으로 소스를 먼저 확인하는 Prompt가 선택됩니다. 직접 명령으로 전환하거나 로컬 사본을 다운로드할 수도 있습니다.

AI 어시스턴트로 설치

이 프롬프트를 복사해 사용 중인 AI 어시스턴트에 입력하세요.

Follow https://skillsmp.com/skill-install/prompt.md to install only the Agent Skill at https://github.com/pproenca/dot-skills/tree/master/skills/.experimental/react-native-elements.

직접 명령은 검토 Prompt를 거치지 않습니다. 실행하기 전에 소스를 확인하세요.

npx skills add https://github.com/pproenca/dot-skills --skill react-native-elements

명령은 한 줄로 유지됩니다. 복사하기 전에 가로로 스크롤해 전체 내용을 확인하세요.

로컬 사본을 원하시나요? SkillsMP에서 현재 제공할 수 있는 파일을 다운로드하세요.

소스 파일 검토

설치 여부를 결정하기 전에 SKILL.md와 SkillsMP에 표시된 보조 파일을 읽어 보세요.

파일 탐색기

49 개 파일

SKILL.md

소스 지침 · 읽기 전용 미리보기

name: react-native-elements
description: React Native Elements UI component library best practices for performance, theming, and proper component usage. Use when building React Native apps with RNE, configuring themes, optimizing lists with ListItem, or reviewing RNE component code.

# Community React Native Elements Best Practices Comprehensive best practices guide for React Native Elements applications. Contains 45 rules across 8 categories, prioritized by impact to guide component usage, theming, and performance optimization. ## When to Apply Reference these guidelines when: - Setting up React Native Elements in a new project - Configuring ThemeProvider and createTheme - Building lists with ListItem components - Implementing form inputs with Input and SearchBar - Optimizing FlatList performance with RNE components - Reviewing code using React Native Elements ## Rule Categories by Priority | Priority | Category | Impact | Prefix | |----------|----------|--------|--------| | 1 | Import & Setup | CRITICAL | `setup-` | | 2 | Theme Architecture | CRITICAL | `theme-` | | 3 | Component Selection | HIGH | `comp-` | | 4 | List Performance | HIGH | `list-` | | 5 | Props & Configuration | MEDIUM-HIGH | `props-` | | 6 | Styling Patterns | MEDIUM | `style-` | | 7 | Callbacks & Events | MEDIUM | `event-` | | 8 | Advanced Patterns | LOW | `adv-` | ## Quick Reference ### 1. Import & Setup (CRITICAL) - [`setup-themeprovider`](references/setup-themeprovider.md) - Wrap app with ThemeProvider for consistent theming - [`setup-imports`](references/setup-imports.md) - Use @rneui/themed vs @rneui/base correctly - [`setup-createtheme`](references/setup-createtheme.md) - Type-safe theme configuration with createTheme - [`setup-tree-shaking`](references/setup-tree-shaking.md) - Enable proper tree-shaking for bundle size - [`setup-safe-area`](references/setup-safe-area.md) - Configure SafeAreaProvider for notched devices ### 2. Theme Architecture (CRITICAL) - [`theme-usetheme-hook`](references/theme-usetheme-hook.md) - Access theme reactively with useTheme - [`theme-dark-mode`](references/theme-dark-mode.md) - Configure light/dark mode with createTheme - [`theme-component-defaults`](references/theme-component-defaults.md) - Set component defaults in theme - [`theme-updatetheme`](references/theme-updatetheme.md) - Runtime theme updates without remount - [`theme-color-scheme`](references/theme-color-scheme.md) - Sync with system color scheme - [`theme-custom-colors`](references/theme-custom-colors.md) - Extend theme with custom colors safely ### 3. Component Selection (HIGH) - [`comp-listitem-over-view`](references/comp-listitem-over-view.md) - Use ListItem for list rows - [`comp-input-over-textinput`](references/comp-input-over-textinput.md) - Use Input for form fields - [`comp-searchbar-platform`](references/comp-searchbar-platform.md) - Platform-specific SearchBar variants - [`comp-button-type`](references/comp-button-type.md) - Use Button type prop for variants - [`comp-icon-source`](references/comp-icon-source.md) - Choose Icon type wisely for bundle size - [`comp-avatar-vs-image`](references/comp-avatar-vs-image.md) - Use Avatar for profile images ### 4. List Performance (HIGH) - [`list-memo-items`](references/list-memo-items.md) - Memoize ListItem in FlatList - [`list-keyextractor`](references/list-keyextractor.md) - Always provide keyExtractor - [`list-getitemlayout`](references/list-getitemlayout.md) - Use getItemLayout for fixed heights - [`list-renderitem-callback`](references/list-renderitem-callback.md) - Extract renderItem with useCallback - [`list-windowsize`](references/list-windowsize.md) - Configure windowSize for memory balance - [`list-virtualized`](references/list-virtualized.md) - Use FlatList over ScrollView - [`list-removeClipped`](references/list-removeClipped.md) - Configure removeClippedSubviews carefully ### 5. Props & Configuration (MEDIUM-HIGH) - [`props-loading-state`](references/props-loading-state.md) - Use loading prop for async operations - [`props-disabled-styling`](references/props-disabled-styling.md) - Configure disabledStyle for feedback - [`props-input-validation`](references/props-input-validation.md) - Use errorMessage for validation - [`props-icon-configuration`](references/props-icon-configuration.md) - Configure Icon props correctly - [`props-searchbar-loading`](references/props-searchbar-loading.md) - Show loading state in SearchBar - [`props-button-color`](references/props-button-color.md) - Use color prop for semantic colors ### 6. Styling Patterns (MEDIUM) - [`style-stylesheet`](references/style-stylesheet.md) - Use StyleSheet.create over inline objects - [`style-containerStyle`](references/style-containerStyle.md) - Use containerStyle for wrappers - [`style-usememo-dynamic`](references/style-usememo-dynamic.md) - Memoize dynamic styles - [`style-theme-colors`](references/style-theme-colors.md) - Use theme colors over hardcoded values - [`style-component-props`](references/style-component-props.md) - Prefer component-specific style props ### 7. Callbacks & Events (MEDIUM) - [`event-usecallback`](references/event-usecallback.md) - Wrap handlers in useCallback - [`event-debounce-search`](references/event-debounce-search.md) - Debounce SearchBar onChangeText - [`event-listitem-onpress`](references/event-listitem-onpress.md) - Pass item data correctly - [`event-avoid-anonymous`](references/event-avoid-anonymous.md) - Avoid anonymous functions in renders - [`event-input-handlers`](references/event-input-handlers.md) - Configure Input handlers efficiently ### 8. Advanced Patterns (LOW) - [`adv-custom-component`](references/adv-custom-component.md) - Wrap RNE components correctly - [`adv-platform-specific`](references/adv-platform-specific.md) - Handle platform-specific props - [`adv-makeStyles`](references/adv-makeStyles.md) - Use makeStyles for theme-aware styles - [`adv-overlay-modal`](references/adv-overlay-modal.md) - Choose Overlay vs Modal correctly - [`adv-image-component`](references/adv-image-component.md) - Configure Avatar ImageComponent for caching ## How to Use Read individual reference files for detailed explanations and code examples: - [Section definitions](references/_sections.md) - Category structure and impact levels - [Rule template](assets/templates/_template.md) - Template for adding new rules ## Reference Files | File | Description | |------|-------------| | [references/_sections.md](references/_sections.md) | Category definitions and ordering | | [assets/templates/_template.md](assets/templates/_template.md) | Template for new rules | | [metadata.json](metadata.json) | Version and reference information |

GitHub에서 보기

검색으로 돌아가기 설치로 돌아가기

ray-llm

LLM workloads on open-source Ray (pinned to 2.57) — OpenAI-compatible serving with ray.serve.llm (vLLM-backed LLMConfig + build_openai_app) and batch inference with ray.data.llm (build_processor). Corrects the stale defaults a model produces — the archived ray-llm repo and its YAML configs, hand-rolled vLLM engines inside plain Serve deployments, the removed build_llm_processor name, deprecated boolean stage flags, top-level LLMServer/LLMRouter imports, free-form accelerator strings, one-deployment-per-LoRA-adapter designs — with the 2.57 idioms (stage configs, placement_group_config over hand-rolled PGs, deployment_config autoscaling, dynamic LoRA multiplexing, prefix-cache-affinity routing, the full OpenAI endpoint surface). Use when writing, reviewing, or productionizing LLM serving or batch inference on Ray. Classic-ML Ray (Train/Tune/Data/Serve/clusters) lives in the sibling ray skill.

2026-08-15

ray

Production Ray (open-source, pinned to 2.57) for classic-ML workloads from training to serving — Ray Train, Tune, Data, Serve, Core, and cluster deployment on KubeRay. Corrects the older-corpus defaults a model reaches for (ray.air session reporting, Trainer-inside-Tuner, tune.run, map_batches concurrency=, DatasetPipeline/to_torch, max_concurrent_queries, RayServeHandle + ray.get, Deployment.deploy, ray.state, ray.get-in-a-loop) with the 2.57 idioms that replaced them (Train V2 defaults, driver-function tuning, compute strategies, streaming datasets, DeploymentHandle/DeploymentResponse, serve build/deploy, ray.util.state, KubeRay CRDs and Jobs API). Use when writing, reviewing, or productionizing Python code that touches Ray distributed training, data pipelines, hyperparameter tuning, model serving, or Ray cluster operations. LLM serving/batch-inference on Ray lives in the sibling ray-llm skill.

2026-08-15

mlflow-3

MLflow 3 (open-source, pinned to 3.15) for classic-ML MLOps — logging and registering models, promoting versions across dev/staging/prod, standing up a tracking server, evaluating with gates, and serving. Corrects the MLflow 2-era defaults a model reaches for (artifact_path, registry stages and get_latest_versions, top-level mlflow.evaluate with baseline_model, runs-URI registration, pickle serialization, mlruns file stores, MLServer serving) with the MLflow 3 idioms that replaced them (named LoggedModels, aliases and copy_model_version, models.evaluate plus validate_evaluation_results, skops/torch.export defaults, database backends, the FastAPI scoring server). Use when writing, reviewing, or migrating Python code that touches MLflow tracking, the model registry, evaluation, or serving.

2026-08-15

이 저장소의 모든 Skills 보기

react-native-elements

소스 정보

설치 방법

AI 어시스턴트로 설치

소스 파일 검토

이 저장소의 다른 Skills

AI 어시스턴트로 설치

이 저장소의 다른 Skills