Skip to content

BootcampReact - PR 1: Mini-Challenge 1#1

Open
EduGlzC wants to merge 2 commits into
masterfrom
Challenge-1
Open

BootcampReact - PR 1: Mini-Challenge 1#1
EduGlzC wants to merge 2 commits into
masterfrom
Challenge-1

Conversation

@EduGlzC
Copy link
Copy Markdown
Owner

@EduGlzC EduGlzC commented Mar 20, 2021

Core Concepts and Styling

  1. Create the UI layout for the app with: Header (Search field, theme toggle, login button, and other navigation links).
    The UI elements do not have functionality
  2. Create the Home View and display the list of items
    The application has to read a local json file

Copy link
Copy Markdown

@ragrum ragrum left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice work on the UI, I'd like to see the work on the testing, too.

Comment thread src/components/Header/index.jsx Outdated
'If you think about it, just look it up',
];

function getRand(max) {
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Perhaps a better name for this would be getRandomPlaceHolder and return the random placeholder text already.

Comment thread src/components/HeaderLogin/index.jsx Outdated
@@ -0,0 +1,11 @@
import React from 'react';

const HeaderLogin = (props) => (
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You could destructure your props right here:

const HeaderLogin = ({ photo, message }) => (

And then use photo and message instead of props.photo and props.message.

Comment thread src/components/HeaderNav/index.jsx Outdated

const HeaderNav = (props) => (
<div className="w-1/6">
<div className=" h-10 w-10 flex items-cente justify-center p-1">
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There's a typo in items-cente, missing a r.

Comment thread src/components/HeaderNav/index.jsx Outdated
@@ -0,0 +1,11 @@
import React from 'react';

const HeaderNav = (props) => (
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ditto about props destructuration.

Comment thread src/components/Layout/Layout.styles.css Outdated
@@ -1,4 +1,4 @@
.container {
/*.container {
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do not keep commented out code, that's why you have your Git history.

Comment thread src/components/VideosHome/index.jsx Outdated
</div>
);

// {videos.map((item) => (
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do not keep commented out code.

@EduGlzC EduGlzC changed the title Commit UI for Challenge-1 BootcampReact-Challenge01 Apr 6, 2021
@EduGlzC EduGlzC changed the title BootcampReact-Challenge01 BootcampReact-Mini-Challenge 1 Apr 6, 2021
@EduGlzC EduGlzC changed the title BootcampReact-Mini-Challenge 1 BootcampReact: Mini-Challenge 1 Apr 6, 2021
@EduGlzC EduGlzC changed the title BootcampReact: Mini-Challenge 1 BootcampReact - PR 1: Mini-Challenge 1 Apr 7, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants