46 lines
877 B
JavaScript
46 lines
877 B
JavaScript
import Course from "./components/Course";
|
|
|
|
const App = () => {
|
|
const courses = [
|
|
{
|
|
name: "Half Stack application development",
|
|
sections: [
|
|
{
|
|
part: "Fundamentals of React",
|
|
exerciseCount: 10,
|
|
},
|
|
{
|
|
part: "Using props to pass data",
|
|
exerciseCount: 7,
|
|
},
|
|
{
|
|
part: "State of a component",
|
|
exerciseCount: 14,
|
|
},
|
|
{
|
|
part: "An extra part I added just like that",
|
|
exerciseCount: 3,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "Quarter Stack application development",
|
|
sections: [
|
|
{
|
|
part: "Fundamentals of Vanilla",
|
|
exerciseCount: 10,
|
|
},
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<>
|
|
{courses.map((course) => (
|
|
<Course course={course} />
|
|
))}
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default App;
|