RN Primitives 安装与配置指南

RN Primitives 安装与配置指南

rn-primitives Style-agnostic, accessible React Native components for iOS, Android, and Web 项目地址: https://gitcode.com/gh_mirrors/rn/rn-primitives

1. 项目基础介绍

RN Primitives 是一套为iOS、Android和Web平台设计的无样式、可访问的React Native组件库。该项目致力于提供高度可定制的组件，默认情况下不包含任何预定义样式，从而允许开发者无缝对接他们应用的视觉设计。

主要编程语言：TypeScript、MDX、JavaScript

2. 关键技术和框架

• React Native：用于构建原生移动应用的JavaScript框架。
• TypeScript：JavaScript的一个超集，添加了类型系统和其他特性，以提高代码的可靠性和维护性。
• MDX：一种将Markdown和React组件结合在一起的格式。
• pnpm：一种快速、节省磁盘空间的包管理工具。

3. 安装和配置

准备工作

在开始之前，请确保您的系统已经安装了以下工具：

• Node.js：JavaScript运行环境。
• Git：版本控制系统。

安装步骤

1. 克隆项目到本地：

   git clone https://github.com/roninoss/rn-primitives.git
   

2. 进入项目目录：

   cd rn-primitives
   

3. 安装项目依赖：

   pnpm i
   

4. 构建并监视所有基础组件包：

   pnpm dev:primitives
   

   这将构建所有基础组件包，并监视它们的变化，从而无需在每次更改组件文件时都运行构建命令。

5. 启动您选择的应用程序：

   • 启动Expo NativeWind应用：

     pnpm dev:expo-nativewind
     

   • 或者启动Nextjs NativeWind应用：

     pnpm dev:nextjs-nativewind
     

   • 或者启动文档应用：

     pnpm dev:docs
     

按照以上步骤，您应该能够成功安装和配置RN Primitives项目，并开始使用其提供的组件。

rn-primitives Style-agnostic, accessible React Native components for iOS, Android, and Web 项目地址: https://gitcode.com/gh_mirrors/rn/rn-primitives