Coder Social home page Coder Social logo

react-2.5-afternoon's Introduction

Project Summary

This project is designed to give you an opportunity to build something from scratch and to teach you how to build a react application. The instructions give you a rough idea of what order to do things in, but there won't be any guidance or solutions on how to write the code itself.

Setup

Start by running create-react-app . in the root of this project, this will create a new react application without creating a new directory.

Select one of the following apps to clone, or get mentor approval for your own idea. All ideas must meet a minimum requirement of using an event handler, a child component that receives a function from its parent, invokes the function, and updates parent state.

Name is in list
Awful Calculator
Todo List

Requirements

  1. Setup state in App.js
  2. Create and import a child component
  3. Render Child Component, passing any props it will need to work. Remember, if you pass a function down, you'll want to bind it in the parent component.
  4. Inside child component invoke a passed in function using an event handler. (A good example of this would be onClick/onChange)

Complete

Once you have completed all of these tasks, show your work to your mentor for approval then push to github.

Contributions

If you see a problem or a typo, please fork, make the necessary changes, and create a pull request so we can review your changes and merge them into the master repo and branch.

Copyright

© DevMountain LLC, 2018. Unauthorized use and/or duplication of this material without express and written permission from DevMountain, LLC is strictly prohibited. Excerpts and links may be used, provided that full and clear credit is given to DevMountain with appropriate and specific direction to the original content.

react-2.5-afternoon's People

Contributors

sheaclose avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.