Cómo presentar pruebas técnicas con React.js
Prueba técnica para React.js Developers
Setup del proyecto con React y Vite
Issues a resolver para completar la prueba
Solución de la prueba
Code review: LocalStorage en React.js
Code review: Vistas Dinámicas para el SignIn
Code review: React Context y FormData
Code review: Protección de Rutas
Code review: Entregando la Prueba
Próximos pasos
¿Migramos a Next.js?
Repository scanning is an essential skill for developers, and in this case, the project is part of a hands-on React course. For those who have already completed that course, this is an advantage, as they will be familiar with the project. However, those who are new should not worry; here you will learn how to clone the repository and understand its structure.
To get started, follow these simple steps:
Navigate to the base repository: this is where our base project is located. You will find branches labeled according to the course classes and those indicating the solution of certain challenges (e.g. laf-challenge1).
Clone the repository:
Click Code and select your preferred cloning method, e.g. GitHub Client.
Copy the link and use it in your code editor with the following command:
git clone [repository_URL].Confirm the clone: Verify that it cloned correctly by using ls to list the files.
To make sure you are ready to get started with the project, you will need to position yourself on the correct branch, which will be the basis for developing the technical test.
Position the right branch:
While in the cloned project directory, use git status to confirm that you are on the main branch.
Switch to the branch of the last practice class with:
git checkout class 27Prepare the environment:
Install the dependencies with:
npm installRun the project:
Once the preparations are ready, launch the project with:
npm run devAccess the URL provided by the terminal to view the project in the browser.
When you start the application, you will notice certain features that might be buggy or incomplete. Here we will focus on exploring those problem areas.
Aspects to examine in the application:
Sign In, a blank page loads.My Account section is also empty and requires your intervention.Expected tests and errors:
It is crucial to have a clear understanding of the project before you venture into solving the technical test. Be sure to familiarize yourself with the following actions in the application:
Investigating these features will allow you to identify areas that may need adjustment. With a solid understanding of the project, you will be ready to face the technical challenges and successfully complete the technical test. Go ahead and learn!
Contributions 10
Questions 2
git clone https://github.com/platzi/curso-react-practico.git
cd curso-react-practico
git status
git checkout clase-27
npm install
npm run dev
Estaría genial Algún curso teórico de React que explicaran, un poco mas a detalle Conceptos actualizados de Redux, Router, axios, etc, las actualizaciones de React de una versión a la otra, cambian un poco la forma en la que se escribe el código y lo hace confuso, gracias a platzi estan sacando nuevos cursos de esta tecnología y poder seguir aprendiendo.
Luego de clonar el repositorio y moverme a la rama correspondiente, por alguna razón no me funcionaba el comando vite (el que se corre en los scripts para dev y build). Intenté usar yarn, borrar el lock-file y node_modules pero no funcionó.
Lo que hice fue cambiar los scripts del package.json asi:
"scripts": {
"dev": "./node_modules/vite/bin/vite.js",
"build": "./node_modules/vite/bin/vite.js build",
"preview": "./node_modules/vite/bin/vite.js preview"
},
Want to see more contributions, questions and answers from the community?