<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="FeedCreator 1.8" -->
<?xml-stylesheet href="https://wiki.bzz.ch/lib/exe/css.php?s=feed" type="text/css"?>
<rdf:RDF
    xmlns="http://purl.org/rss/1.0/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
    xmlns:dc="http://purl.org/dc/elements/1.1/">
    <channel rdf:about="https://wiki.bzz.ch/feed.php">
        <title>BZZ - Modulwiki - modul:ffit:react:learningunits:lu01</title>
        <description></description>
        <link>https://wiki.bzz.ch/</link>
        <image rdf:resource="https://wiki.bzz.ch/_media/wiki/logo.png" />
       <dc:date>2026-04-08T07:53:00+00:00</dc:date>
        <items>
            <rdf:Seq>
                <rdf:li rdf:resource="https://wiki.bzz.ch/modul/ffit/react/learningunits/lu01/defining-a-component?rev=1733378927&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.bzz.ch/modul/ffit/react/learningunits/lu01/start?rev=1732777909&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.bzz.ch/modul/ffit/react/learningunits/lu01/using-variables?rev=1734534670&amp;do=diff"/>
            </rdf:Seq>
        </items>
    </channel>
    <image rdf:about="https://wiki.bzz.ch/_media/wiki/logo.png">
        <title>BZZ - Modulwiki</title>
        <link>https://wiki.bzz.ch/</link>
        <url>https://wiki.bzz.ch/_media/wiki/logo.png</url>
    </image>
    <item rdf:about="https://wiki.bzz.ch/modul/ffit/react/learningunits/lu01/defining-a-component?rev=1733378927&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2024-12-05T06:08:47+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>LU01a - Creating a component</title>
        <link>https://wiki.bzz.ch/modul/ffit/react/learningunits/lu01/defining-a-component?rev=1733378927&amp;do=diff</link>
        <description>LU01a - Creating a component

Define the function

With function Product() { } you define a JavaScript function with the name Product. This is also going to be our components name


function Product() {

}


Return markup

Each component must return a value. We create a</description>
    </item>
    <item rdf:about="https://wiki.bzz.ch/modul/ffit/react/learningunits/lu01/start?rev=1732777909&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2024-11-28T07:11:49+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>LU01 - React Grundlagen</title>
        <link>https://wiki.bzz.ch/modul/ffit/react/learningunits/lu01/start?rev=1732777909&amp;do=diff</link>
        <description>LU01 - React Grundlagen


	* LU01a - Creating a component
	* LU01b - Using Variables



Aufgaben


	* LU01.A01 - Initialize React App
	* LU01.A02 - Create a component
	* LU01.A03 - Fetch data in component



Lösungen

Dieser Namensraum existiert nicht: modul:ffit:react:learningunits:lu01:loesungen</description>
    </item>
    <item rdf:about="https://wiki.bzz.ch/modul/ffit/react/learningunits/lu01/using-variables?rev=1734534670&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2024-12-18T15:11:10+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>LU01b - Using Variables</title>
        <link>https://wiki.bzz.ch/modul/ffit/react/learningunits/lu01/using-variables?rev=1734534670&amp;do=diff</link>
        <description>LU01b - Using Variables

We can use variables to populate our component dynamically. In JSX we need to use the curly brackets {} to display the value. If we add the parameter „props“ to our function, we can use it in our function to display the value given to this component.</description>
    </item>
</rdf:RDF>
