Skip to content

MaxiSuppes/intro-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

52 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Intro a React

Bootstrapping del proyecto:

Pre-requisitos

Es necesario tener instaladas las ultimas versiones LTS de Node, npm y yarn

Clone

git clone https://github.com/MaxiSuppes/intro-react.git

Instalar dependencias

Ejecutar el comando yarn install en el root del proyecto

Variables de entorno

Crear un archivo .env en el directorio root y copiarle el contenido del archivo .env.example.

REACT_APP_API_URL: Estamos usando la API gratuita https://reqres.in/api REACT_APP_USING_FAKE_API: True si se quieren usar los mocks o vacío si se quiere usar la API antes mencionada.

Run

yarn start

Contenido:

Cada una de las ramas contiene un ejemplo introductorio de algunas de las nociones principales de React.

basic-version Contenido básico de una app creada con create-react-app

navigation Ejemplo de navegación básica

api-request Request a una API pública usando fetch API

login Login de un usuario, guardado del token en el localStorage

environment-variables Configuración de variables de entorno

private-routes Concepto de rutas privadas a las que solo se puede acceder si hay un usuario logueado

api-client Se usa un módulo para encapsular la comunicacion entre el cliente y la api

master Tiene el contenido total de todas las ramas anteriores, más un ejemplo de componente reutilizable y la configuración para absolute imports

profile-with-hooks Misma funcionalidad que master pero reemplazando un class component por un functional usando hooks

Que falta?

No se agregó ningún test!

Otros links de utilidad

React documentation

Tests with Jest

Airbnb React conventions

React lifecycle methods

React Hooks or Classes

React Hooks and Redux

Virtual DOM by React

About

React Native basic concepts

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •