Jungle Devs - React Challenge #001
Description Challenge goal: The purpose of this challenge is to give a general idea of how React works and how you can use it to create simple reactive applications. You’ll be implementing a simplified version of Hapu’s ‘Become a Nanny Share Host’ view. The concepts that you’re gonna learn are:
JSX; Components, props and state; Lifecycle Methods; Responsive design with CSS media-queries. Target level: This is an entry level course to React, before diving into it it’s important to know at least the fundamentals of Javascript.
Final accomplishment: By the end of this course you’ll have a beautiful single page application using React.
Resources Design: https://zpl.io/bWE88kx
Acceptance criteria Use the images from the resource folder Create your view inside your main App Use as many components you think is necessary Mandatory use of Stateless and Class components Use state and props inside your component Implement the mobile version using CSS Media Queries Prerequisites Familiarity with Javascript, HTML and CSS; Familiarity with programming concepts like functions, variables, data structures and classes. Instructions to Run Use the create-react-app library to set up the project, after that just run npm start to start the development server. Additional Information None (: