chore(curriculum): remove before/after user code (batch 02) (#66496)

This commit is contained in:
Sem Bauke
2026-03-17 10:56:28 +01:00
committed by GitHub
parent 4cd1a9344c
commit b5304e70a0
5 changed files with 14 additions and 79 deletions
@@ -69,12 +69,6 @@ assert(
# --seed--
## --after-user-code--
```jsx
ReactDOM.render(<MyComponent />, document.getElementById('root'))
```
## --seed-contents--
```jsx
@@ -59,12 +59,6 @@ assert(
# --seed--
## --after-user-code--
```jsx
ReactDOM.render(<MyComponent />, document.getElementById('root'))
```
## --seed-contents--
```jsx
@@ -70,12 +70,6 @@ assert(
# --seed--
## --after-user-code--
```jsx
ReactDOM.render(<ParentComponent />, document.getElementById('root'))
```
## --seed-contents--
```jsx
@@ -53,12 +53,6 @@ assert(
# --seed--
## --after-user-code--
```jsx
ReactDOM.render(<TypesOfFood />, document.getElementById('root'))
```
## --seed-contents--
```jsx
@@ -16,6 +16,20 @@ In the code editor, the `TypesOfFood` component is already rendering a component
Nest two components inside of `Fruits` — first `NonCitrus`, and then `Citrus`. Both of these components are provided for you behind the scenes. Next, nest the `Fruits` class component into the `TypesOfFood` component, below the `h1` heading element and above `Vegetables`. The result should be a series of nested components, which uses two different component types.
# --before-all--
```js
globalThis.NonCitrus = function NonCitrus() {
return React.createElement('div', null);
};
globalThis.Citrus = function Citrus() {
return React.createElement('div', null);
};
globalThis.Vegetables = function Vegetables() {
return React.createElement('div', null);
};
```
# --hints--
The `TypesOfFood` component should return a single `div` element.
@@ -68,61 +82,6 @@ assert(
# --seed--
## --before-user-code--
```jsx
class NonCitrus extends React.Component {
render() {
return (
<div>
<h4>Non-Citrus:</h4>
<ul>
<li>Apples</li>
<li>Blueberries</li>
<li>Strawberries</li>
<li>Bananas</li>
</ul>
</div>
);
}
};
class Citrus extends React.Component {
render() {
return (
<div>
<h4>Citrus:</h4>
<ul>
<li>Lemon</li>
<li>Lime</li>
<li>Orange</li>
<li>Grapefruit</li>
</ul>
</div>
);
}
};
class Vegetables extends React.Component {
render() {
return (
<div>
<h2>Vegetables:</h2>
<ul>
<li>Brussel Sprouts</li>
<li>Broccoli</li>
<li>Squash</li>
</ul>
</div>
);
}
};
```
## --after-user-code--
```jsx
ReactDOM.render(<TypesOfFood />, document.getElementById('root'))
```
## --seed-contents--
```jsx