A Pen by Sean Lawless on CodePen.
Sean Lawless InAvision76
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="root"></div> | |
| <br /> | |
| <hr /> | |
| <p>In the JS section of this Codepen is a React class component called App that is rendered to the view. For the following challenges, you will only need to edit code in the JS section, not the HTML or CSS.</p> | |
| <ul> | |
| <li><strong>Challenge 1:</strong> Add a fourth country to the list stored in App's state. </li> | |
| <li><strong>Challenge 2:</strong> Cause the continent to show up next to each country name in the view, as in: "Laos - Asia"</li> |
InAvision76
/ code-challenge-jsx-and-state.markdown
Created
January 26, 2021 19:19
Code Challenge: JSX and State
A Pen by Sean Lawless on CodePen.
A Pen by Sean Lawless on CodePen.
A Pen by Sean Lawless on CodePen.
InAvision76
/ code-challenge-class-inheritance.markdown
Created
January 19, 2021 00:50
Code Challenge: Class Inheritance
A Pen by Sean Lawless on CodePen.
A Pen by Sean Lawless on CodePen.
InAvision76
/ code-challenge-template-literals.markdown
Created
January 18, 2021 16:31
Code Challenge: Template Literals
A Pen by Sean Lawless on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="root"></div> |
InAvision76
/ code-challenge-js-fix-me.markdown
Created
January 6, 2021 20:41
Code Challenge: JS - Fix Me
A Pen by Sean Lawless on CodePen.