React para Empresas - Crea un Micro-Ecommerce React y Strapi
¡Aprende a crear Single Page Applications (SPA) desde 0 utilizando React, TailwindCSS y como base de datos Strapi!
Ratings 4.14 / 5.00
What You Will Learn!
- Aprenderás a construir Single Page Applications (SPA) con React
- Aprenderás a utilizar TailwindCss
- Aprenderás a utilizar hooks en React
- Aprenderás a Crear un store con reduxToolkit
- Aprenderás a crear componentes reutilizables con diferentes propiedades
- Aprenderás cómo instalar librerías de componentes para ahorrar tiempo de desarrollo
- Aprenderás a configurar una base de datos con Strapi y el control de sus colecciones
- Aprenderás a comunicarte con una base datos con Axios
- Aprenderás registro de usuarios e inicio de sesión con JWT y Strapi
- Aprenderás a integrar la pasarela de pagos de PayPal
Description
React es un de las librerías más populares que se pueden aprender en esos días, para construir interfaces rápidas y modernas para la web, también es la puerta de entrada a React native para desarrollar aplicaciones IOS o android.
En este curso teórico-práctico crearemos un proyecto Micro-Ecommerce donde los usuarios podrán registrarse y comprar productos, para ello utilizaremos React como frontend y Strapi como backend.
Utilizaremos como librería gráfica TailwindCss.
Empezaremos por lo básico de React para ir aumentando poco a poco la dificultad en los conceptos, para que te vuelvas un experto.
Veremos como administrar datos con strapi y como consumirlos desde React.
Te dejamos la lista de contenidos.
Aprenderás sobre:
Como iniciar un proyecto React
Instalar y configurar TailwindCss en un proyecto React
Que son y como se utilizan los componentes
Declarar propiedades en los componentes
Crear Rutas con React Router V6
Rutas dinámicas con React Router V6
Los diferentes tipos de eventos en React
Renderizar listas
Los diferentes tipos des ganchos (Hooks) de React
Capturar valores de formularios
Crear un store con reduxToolkit
Ganchos de reduxToolKit y slices
Validación de formularios con ReactHookForm
Instalar y configurar Strapi
Que son las colecciones y las relaciones en Strapi
Adjuntar un plugin en Strapi
Pedir datos desde React a Strapi via Axios
Populate Data
Registro e inicio de sesión con JWT y Strapi
Filtros Strapi
Bonus (adjuntar paypal a tu proyecto)
Este curso te enseñará todo lo que necesitas para ser un desarrollador React.
¿CÓMO ES EL CURSO?
El curso se divide en varias secciones:
En las primeras secciones abordaremos las tecnologías React, TailwindCSS y React router, como están estructurados y cómo funcionan y como configurarlos.
En las otras secciones vamos a configurar el backend con Strapi y a pedir los datos desde react
Iremos paso a paso mostrando la teoría y luego poniéndola en práctica, siempre mostraremos varias posibilidades de llegar a un mismo resultado.
Es recomendable tener conocimientos básicos Javascript, todo lo otro lo aprenderás acá.
¿CUÁNTO SE TARDA EN COMPLETAR EL CURSO?
Depende de ti. Estimo que en menos de un mes puedes completar el curso, pero dependerá de tu ritmo de trabajo y de tu disponibilidad.
¿CUÁLES SON LOS REQUISITOS?
Descargar el material que se encuentra en los recursos de las diferentes clases de cada sección. Tener principios en Javascript, HTML y Css
¿A QUIÉN VA DIRIGIDO ESTE CURSO?
Este curso va dirigido a personas que buscan incursionar en el desarrollo frontend con React o las personas que quieren profundizar en sus conocimientos React.
Who Should Attend!
- Este curso va dirigido a personas que buscan incursionar en el desarrollo frontend con React o las personas que quieren profundizar en sus conocimientos React.
