Discover ricardosikic/Practica-con-states-props Open Source project

Stars
1
Language
JavaScript
Created over 5 years ago
Updated almost 2 years ago

ricardosikic

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Serie de ejercicios que muestran como funcionan los states y como pasar los states via props a los hijos como tambien que desde los componentes hijos se puedan actualizar los states(objeto) del padre.

boton-encendido

Creacion de un boton de encendido que usa transiciones controladas por css junto con los states. el boton es un componente que toma datos del padre y modifica el state inicial via props.

JavaScript

lista-de-compras-con-total

En este ejercicio se aplico el uso de states ademas de funciones de mapeo y .reduce para obtener los totales de los elementos que iban en la lista. tambien se hizo uso de react transition y reactstrap

JavaScript

api-django-test

Primera Api pasada a producción en python any where + wiki con los pasos

Python

ejemplo-3-cssgrid

ejemplo 3 maquetacion responsiva con css grid

CSS

sitioweb-django

Primer sitio web con react haciendo fetch + django Api (esta en otro repositorio)

list-items-con-animacion

creacion de un componente que añade al dom elementos <li> a traves de una funcion que hace un update al objeto state, este ejercicio no esta pensado con alguna libreria de React para las animaciones.

JavaScript

Landing-demo-cssgrid

Sitio demo de un dev para muestra creado con css grid (full responsivo). pasado a react.

HTML

ejercicios-con-ciclos-de-vida

Serie de ejercicios que repasan los siguientes metodos de los ciclos de vida de los componentes... componentDidMount y componentDidUpdate, variados entre hacer peticiones a una api abierta y unos simples contadores que llegado a un numero paran de actualizar el state disparando una animacion.

JavaScript

cart-item-total

Ejercicio que simula la adición de un producto elegido en el cual se puede sacar el total del precio de este al final del cart list.

JavaScript

ejemplo-2-cssgrid

ejemplo de maquetacion CSSgrid, 2 columnas y 3 filas.

HTML

ricardosikic/Practica-con-states-props

ricardosikic

Reviews

Repository Details

More Repositories