diff --git a/challenges/03-front-end-libraries/react.json b/challenges/03-front-end-libraries/react.json
index 40d274aee7c..c254a3f852d 100644
--- a/challenges/03-front-end-libraries/react.json
+++ b/challenges/03-front-end-libraries/react.json
@@ -6,27 +6,33 @@
"challenges": [
{
"id": "587d7dbc367417b2b2512bb1",
- "title": "Introduction to the React Challenges",
+ "title": "Create a Simple JSX Element",
"description": [
- [
- "",
- "",
- "React is a JavaScript library designed to make it easier to build complex user interfaces. React does this in a few ways:
{ 'this is treated as JavaScript code' }
. Keep this in mind, since it's used in several future challenges.",
+ "However, because JSX is not valid JavaScript, JSX code must be compiled into JavaScript. The transpiler Babel is a popular tool for this process. For your convenience, it's already added behind the scenes for these challenges. If you happen to write syntactically invalid JSX, you will see the first test in these challenges fail.",
+ "div
element to the constant JSX
. Replace the div
with an h1
element and add the text Hello JSX!
inside it."
],
- "releasedOn": "Feb 17, 2017",
- "challengeSeed": [],
- "tests": [],
- "type": "waypoint",
- "challengeType": 7,
- "isRequired": false,
+ "files": {
+ "indexjsx": {
+ "key": "indexjxs",
+ "ext": "jsx",
+ "name": "index",
+ "contents": [
+ "",
+ "var jsx = ;",
+ ""
+ ]
+ }
+ },
+ "tests": [
+ "assert(Enzyme.shallow(jsx).type === 'h1', 'message: The constant JSX should return an h1
element.');",
+ "assert(Enzyme.shallow(jsx).children() === 'Hello JSX!', 'message: The h1
tag should include the text Hello JSX!
');"
+ ],
+ "type": "modern",
+ "isRequired": true,
"translations": {}
}
]