Skip to content

Instantly share code, notes, and snippets.

@roadev

roadev/react-workshop.md

Last active December 1, 2017 23:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save roadev/9f48d6d2af469954621d9f57a68192f9 to your computer and use it in GitHub Desktop.
Save roadev/9f48d6d2af469954621d9f57a68192f9 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
react-workshop.md

Basic knowledge

  1. Create a comment component with name, email, country, age props and integrate it to Post component
  2. Create a list of comments by post and show it in each post.
  3. Add a button to show/hide the comments component.
  4. If there's not comments in a post, show the message "This post has not comments".
  5. Create a component with a form with 4 input fields: name, email, country, age (validate input types).
  6. Render the comments form (the component created in the step 5) below the comments component in each Post.
  7. Use an stylesheet and apply the styles that you consider for each component.

try to...

  1. Use the React Toolbox Card component for each post.

Resources

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment