ja-rojas03 / Assignment-2-React-The-Complete-Guide

Second assignment from React The Complete Guide udemy's course

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Assignment 2

1. Create an input field (in App component) with a change listener which outputs the length of the entered text below it (e.g. in a paragraph).

2. Create a new component (=> ValidationComponent) which receives the text length as a prop

3. Inside the ValidationComponent, either output "Text too short" or "Text long enough" depending on the text length (e.g. take 5 as a minimum length)

4. Create another component (=> CharComponent) and style it as an inline box (=> display: inline-block, padding: 16px, text-align: center, margin: 16px, border: 1px solid black).

5. Render a list of CharComponents where each CharComponent receives a different letter of the entered text (in the initial input field) as a prop.

6. When you click a CharComponent, it should be removed from the entered text.

About

Second assignment from React The Complete Guide udemy's course


Languages

Language:JavaScript 79.2%Language:HTML 15.9%Language:CSS 4.9%