c2a11ad00d
* chore: rename APIs and Microservices to include "Backend" (#42515) * fix typo * fix typo * undo change * Corrected grammar mistake Corrected a grammar mistake by removing a comma. * change APIs and Microservices cert title * update title * Change APIs and Microservices certi title * Update translations.json * update title * feat(curriculum): rename apis and microservices cert * rename folder structure * rename certificate * rename learn Markdown * apis-and-microservices -> back-end-development-and-apis * update backend meta * update i18n langs and cypress test Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * fix: add development to front-end libraries (#42512) * fix: added-the-word-Development-to-front-end-libraries * fix/added-the-word-Development-to-front-end-libraries * fix/added-word-development-to-front-end-libraries-in-other-related-files * fix/added-the-word-Development-to-front-end-and-all-related-files * fix/removed-typos-from-last-commit-in-index.md * fix/reverted-changes-that-i-made-to-dependecies * fix/removed xvfg * fix/reverted changes that i made to package.json * remove unwanted changes * front-end-development-libraries changes * rename backend certSlug and README * update i18n folder names and keys * test: add legacy path redirect tests This uses serve.json from the client-config repo, since we currently use that in production * fix: create public dir before moving serve.json * fix: add missing script * refactor: collect redirect tests * test: convert to cy.location for stricter tests * rename certificate folder to 00-certificates * change crowdin config to recognise new certificates location * allow translations to be used Co-authored-by: Nicholas Carrigan (he/him) <nhcarrigan@gmail.com> * add forwards slashes to path redirects * fix cypress path tests again * plese cypress * fix: test different challenge Okay so I literally have no idea why this one particular challenge fails in Cypress Firefox ONLY. Tom and I paired and spun a full build instance and confirmed in Firefox the page loads and redirects as expected. Changing to another bootstrap challenge passes Cypress firefox locally. Absolutely boggled by this. AAAAAAAAAAAAAAA * fix: separate the test Okay apparently the test does not work unless we separate it into a different `it` statement. >:( >:( >:( >:( Co-authored-by: Sujal Gupta <55016909+heysujal@users.noreply.github.com> Co-authored-by: Noor Fakhry <65724923+NoorFakhry@users.noreply.github.com> Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com> Co-authored-by: Nicholas Carrigan (he/him) <nhcarrigan@gmail.com>
208 lines
4.6 KiB
JSON
208 lines
4.6 KiB
JSON
{
|
|
"name": "React",
|
|
"isUpcomingChange": false,
|
|
"dashedName": "react",
|
|
"order": 5,
|
|
"time": "5 hours",
|
|
"template": "<body><div id='root'></div><div id='challenge-node'></div>${ source || '' }</body>",
|
|
"required": [
|
|
{
|
|
"src": "https://unpkg.com/react@16.4.0/umd/react.production.min.js"
|
|
},
|
|
{
|
|
"src": "https://unpkg.com/react-dom@16.4.0/umd/react-dom.production.min.js"
|
|
}
|
|
],
|
|
"superBlock": "front-end-development-libraries",
|
|
"superOrder": 3,
|
|
"challengeOrder": [
|
|
[
|
|
"587d7dbc367417b2b2512bb1",
|
|
"Create a Simple JSX Element"
|
|
],
|
|
[
|
|
"5a24bbe0dba28a8d3cbd4c5d",
|
|
"Create a Complex JSX Element"
|
|
],
|
|
[
|
|
"5a24bbe0dba28a8d3cbd4c5e",
|
|
"Add Comments in JSX"
|
|
],
|
|
[
|
|
"5a24bbe0dba28a8d3cbd4c5f",
|
|
"Render HTML Elements to the DOM"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036160",
|
|
"Define an HTML Class in JSX"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036161",
|
|
"Learn About Self-Closing JSX Tags"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036162",
|
|
"Create a Stateless Functional Component"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036163",
|
|
"Create a React Component"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036164",
|
|
"Create a Component with Composition"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036165",
|
|
"Use React to Render Nested Components"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036166",
|
|
"Compose React Components"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036167",
|
|
"Render a Class Component to the DOM"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036168",
|
|
"Write a React Component from Scratch"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036169",
|
|
"Pass Props to a Stateless Functional Component"
|
|
],
|
|
[
|
|
"5a24c314108439a4d403616a",
|
|
"Pass an Array as Props"
|
|
],
|
|
[
|
|
"5a24c314108439a4d403616b",
|
|
"Use Default Props"
|
|
],
|
|
[
|
|
"5a24c314108439a4d403616c",
|
|
"Override Default Props"
|
|
],
|
|
[
|
|
"5a24c314108439a4d403616d",
|
|
"Use PropTypes to Define the Props You Expect"
|
|
],
|
|
[
|
|
"5a24c314108439a4d403616e",
|
|
"Access Props Using this.props"
|
|
],
|
|
[
|
|
"5a24c314108439a4d403616f",
|
|
"Review Using Props with Stateless Functional Components"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036170",
|
|
"Create a Stateful Component"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036171",
|
|
"Render State in the User Interface"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036172",
|
|
"Render State in the User Interface Another Way"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036173",
|
|
"Set State with this.setState"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036174",
|
|
"Bind 'this' to a Class Method"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036176",
|
|
"Use State to Toggle an Element"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036177",
|
|
"Write a Simple Counter"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036178",
|
|
"Create a Controlled Input"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036179",
|
|
"Create a Controlled Form"
|
|
],
|
|
[
|
|
"5a24c314108439a4d403617a",
|
|
"Pass State as Props to Child Components"
|
|
],
|
|
[
|
|
"5a24c314108439a4d403617b",
|
|
"Pass a Callback as Props"
|
|
],
|
|
[
|
|
"5a24c314108439a4d403617c",
|
|
"Use the Lifecycle Method componentWillMount"
|
|
],
|
|
[
|
|
"5a24c314108439a4d403617d",
|
|
"Use the Lifecycle Method componentDidMount"
|
|
],
|
|
[
|
|
"5a24c314108439a4d403617e",
|
|
"Add Event Listeners"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036180",
|
|
"Optimize Re-Renders with shouldComponentUpdate"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036181",
|
|
"Introducing Inline Styles"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036182",
|
|
"Add Inline Styles in React"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036183",
|
|
"Use Advanced JavaScript in React Render Method"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036184",
|
|
"Render with an If-Else Condition"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036185",
|
|
"Use && for a More Concise Conditional"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036187",
|
|
"Use a Ternary Expression for Conditional Rendering"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036188",
|
|
"Render Conditionally from Props"
|
|
],
|
|
[
|
|
"5a24c314108439a4d4036189",
|
|
"Change Inline CSS Conditionally Based on Component State"
|
|
],
|
|
[
|
|
"5a24c314108439a4d403618a",
|
|
"Use Array.map() to Dynamically Render Elements"
|
|
],
|
|
[
|
|
"5a24c314108439a4d403618b",
|
|
"Give Sibling Elements a Unique Key Attribute"
|
|
],
|
|
[
|
|
"5a24c314108439a4d403618c",
|
|
"Use Array.filter() to Dynamically Filter an Array"
|
|
],
|
|
[
|
|
"5a24c314108439a4d403618d",
|
|
"Render React on the Server with renderToString"
|
|
]
|
|
]}
|