KaS-RecreandoComponentes

¡Bienvenido/a! RecreandoComponentes trata precisamente de eso! Da igual si eres Junior, Senior, o estás empezando con React Native, el objetivo es seguir aprendiendo y mejorando tratando de recrear algunos de los componentes más icónicos de Internet.

🖣 Indice

• Descripción
• Target
• Tecnologías Utilizadas
• Instalación y uso
• Contribuir
• Estructura del proyecto
• Aviso legal

📝 Descripción

Todos los domingos se publica un nuevo 🎯target. Un target es un componente de interfaz icónico, reconocible y memorable. Algunos ejemplos son: El calendario de contribuciones de Github, la carta de una canción en Spotify o un post de Twitter.

¡Aquí tienes el ejemplo del primer componente! Calendario de Github

🎯 Target

El Target de esta semana es... Rolling Characters

📟 Tecnologías Utilizadas

• React Native
• Expo: Actualmente no se recomienda utilizar React Native sin utilizar un framework y Expo es el único framework recomendado de forma oficial (aunque existen otros que puedes utilizar). Puedes leer la información en la página oficial aquí
• Typescript
• Expo-router
• React-dom/React-native-web: Este proyecto está preparado para funcionar en el navegador.

💻 Instalación y uso

Para intalar y utilizar este proyecto en tu navegador necesitarás tener instalado un gestor de paquetes (por ejemplo, npm).

1. Clona este repositorio: git clone https://github.com/kasimxo/KaS-RecreandoComponentes.git
2. Muevete a él: cd KaS-ReacreandoComponentes
3. Instala las dependencias: npm install
4. Ejecútalo a través de la terminal: npm run web

🤝 Contribuir

Si estás leyendo esto, ¡enhorabuena! Ya estás más cerca de tu primera contribución en un proyecto de la comunidad.

Antes de continuar, es importante que hayas leído la sección de Instalación y uso

Para saber cómo crear tus propios componentes y participar en el proyecto, puedes leer la guía de contibución.

🏢 Estructura del proyecto

La estructura principal de proyecto es la siguiente:

RC
├── src/
│   ├── app/
│   ├── assets/
│   ├── components/
│   ├── targets/
│   │   ├── 00-Template/
│   │   ├── 0X-TargetName/
│   │   │   ├── username/
│   │   │   ├── data.ts
│   │   │   └── Readme.md
│   │   └── componentIndex.ts
│   └── generateComponentIndex.js
├── tsconfig.json
├── package.json
└── app.json

📌 Aviso Legal

Caution

Este proyecto tiene un propósito exclusivamente educativo. No está afiliado, respaldado ni autorizado por ninguna de las empresas cuyos componentes son recreados. Todos los derechos de diseño y marcas comerciales pertenecen a sus respectivos propietarios. El código de este repositorio no puede utilizarse con fines comerciales. Para más información, puedes leer la licencia del proyecto aquí