Documentación

Proyecto en figma (mobile)

Platzi_YardSale

Proyecto en figma (desktop)

Platzi_YardSale

Licencias en github

Licensing a repository - GitHub Docs

Escoger licensia

Choose an open source license

Code snippets para react

React-Native/React/Redux snippets for es6/es7 - Visual Studio Marketplace

Comandos de inicialización

1. Creación de la carpeta de trabajo

mkdir react-shop
cd react-shop

1. Inicializar

git init
npm init
// colocamos datos relevantes al momento de inicializar con git
// name: react-shop
// description: react-eshop
// entry point: src/index.js
// author: nombre <correo>
// license: MIT 

1. Instalar dependencias

npm intall react react-dom
// luego, abrir el proyecto en vscode

Es buena práctica al momento de trabajar con npm, añadir el flag "-S*"* como dependencia de produccón

1. Crear estructura de carpetas del proyecto

mkdir public
cd public 
touch index.html
cd ..
mkdir src
cd src
touch index.js
mkdir components
cd components
touch App.jsx

1. Importación de react y creación de componentes básicos

// en index.js
import React from 'react';
import ReactDOM from 'react-dom';

ReactDOM.render(<App />, document.getElementById('app'));
// ReactDOM.render => forma de "colocar" los componentes
// en el html, tomando dos argumentos que son, componente
// de React y etiqueta a la cual será introducida

// en App.jsx
import React from 'react';

const App = () => {
    return (
        <h1>Hola Mundo!</h1>
    );
}

export default App;
// estructura básica de un componente de React
// sin estado