Onlinekurs: React Grundkurs | LinkedIn Learning, früher Lynda.com

<!DOCTYPE html> <html lang="de"> <head> <meta name="pageKey" content="d_learning_course_guest">  <meta name="locale" content="de_DE"> <meta id="config" data-app-version="2.0.2217" data-call-tree-id="AAYnkop/+ai6yK9Sny5Syg==" data-multiproduct-name="learning-guest-frontend" data-service-name="learning-guest-frontend" data-browser-id="ea89f606-4d80-48ba-85f5-ab35791f3152" data-enable-page-view-heartbeat-tracking data-page-instance="urn:li:page:learning_course_guest;BZBy5F3tTIqHJNnEH0wE6A==" data-disable-jsbeacon-pagekey-suffix="false" data-member-id="0"> <link rel="canonical" href="https://de.linkedin.com/learning/react-grundkurs">     <link rel="manifest" href="/homepage-guest/manifest.json" crossorigin="use-credentials">  <script> function getDfd() {let yFn,nFn;const p=new Promise(function(y, n){yFn=y;nFn=n;});p.resolve=yFn;p.reject=nFn;return p;} window.lazyloader = getDfd(); window.tracking = getDfd(); window.impressionTracking = getDfd(); window.ingraphTracking = getDfd(); window.appDetection = getDfd(); window.pemTracking = getDfd(); </script>  <link rel="icon" href="https://static.licdn.com/aero-v1/sc/h/444zstxv7s91nepfm5et6ofge"> <title>Onlinekurs: React Grundkurs | LinkedIn Learning, früher Lynda.com</title> <meta name="robots" content="noarchive, max-image-preview:large"> <meta name="description" content="Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen."> <meta property="og:site_name" content="LinkedIn"> <meta name="twitter:site" content="@LI_Learning"> <meta name="twitter:card" content="summary"> <meta name="litmsProfileName" content="learning-guest-frontend"> <meta property="og:title" content="Onlinekurs: React Grundkurs | LinkedIn Learning, früher Lynda.com"> <meta name="twitter:title" content="Onlinekurs: React Grundkurs | LinkedIn Learning, früher Lynda.com"> <meta property="og:description" content="Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen."> <meta name="twitter:description" content="Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen."> <meta property="og:image" content="https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc"> <meta name="twitter:image" content="https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc">  <meta property="og:url" content="https://de.linkedin.com/learning/react-grundkurs"> <meta property="og:type" content="website"> <meta name="clientSideIngraphs" content="1" data-gauge-metric-endpoint="/learning-guest/api/ingraphs/gauge" data-counter-metric-endpoint="/learning-guest/api/ingraphs/counter"> <link rel="stylesheet" href="https://static.licdn.com/aero-v1/sc/h/am2wzgo5lqdx12vtrtfw4rf6m"> <script type="application/ld+json"> {"@context":"http://schema.org/","@type":"Course","provider":{"@type":"Organization","name":"LinkedIn Learning","url":"https://www.linkedin.com/learning/"},"publisher":{"@type":"Organization","name":"LinkedIn Learning","url":"https://www.linkedin.com/learning/"},"hasCourseInstance":{"@type":"CourseInstance","courseMode":"online","courseWorkload":"PT3H56M13S","instructor":[{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"}]},"inLanguage":"de","name":"React Grundkurs","offers":[{"@type":"Offer","category":"Subscription"},{"@type":"Offer","category":"Paid","price":"349.99","priceCurrency":"HKD"}],"description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","image":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","creator":[{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"}],"author":[{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"}],"dateCreated":"2022-05-20","datePublished":"2022-05-20","thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","timeRequired":"PT3H56M13S","totalHistoricalEnrollment":2467,"url":"https://de.linkedin.com/learning/react-grundkurs","about":[{"@type":"Thing","url":"https://www.linkedin.com/learning/topics/react-js","name":"React.js"}],"hasPart":[[{"@type":"VideoObject","name":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen - Einleitung","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT1M","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/die-umfangreiche-einfuhrung-in-das-javascript-webframework-react-mit-vielen-praxisbeispielen"},{"@type":"VideoObject","name":"Die GitHub-Dateien zum Kurs verwenden - Einleitung","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT1M16S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/die-github-dateien-zum-kurs-verwenden"}],[{"@type":"VideoObject","name":"Warum React? - 1. React auf einen Blick","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT2M56S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/warum-react"}],[{"@type":"VideoObject","name":"Spread, Rest & Destructuring - 2. Exkurs: Modern JavaScript ","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT6M9S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/spread-rest-destructuring"},{"@type":"VideoObject","name":"Public & Private Class Properties - 2. Exkurs: Modern JavaScript ","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT2M22S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/public-private-class-properties"},{"@type":"VideoObject","name":"Arrow Functions - 2. Exkurs: Modern JavaScript ","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT2M25S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/arrow-functions"}],[{"@type":"VideoObject","name":"Installation mit CRA - 3. React einrichten","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT1M18S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/installation-mit-cra"},{"@type":"VideoObject","name":"Das Setup im Editor - 3. React einrichten","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT2M15S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/das-setup-im-editor"},{"@type":"VideoObject","name":"Raw-Setup mit React Eject - 3. React einrichten","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT1M58S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/raw-setup-mit-react-eject"},{"@type":"VideoObject","name":"Das Zusammenspiel von render, JSX und StrictMode - 3. React einrichten","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT5M12S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/das-zusammenspiel-von-render-jsx-und-strictmode"},{"@type":"VideoObject","name":"React DevTools - 3. React einrichten","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT1M12S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/react-devtools"}],[{"@type":"VideoObject","name":"render() - 4. Class Components","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT2M12S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/render"},{"@type":"VideoObject","name":"React-Props - 4. Class Components","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT4M26S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/react-props"},{"@type":"VideoObject","name":"state & componentDidMount - 4. Class Components","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT4M29S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/state-componentdidmount"},{"@type":"VideoObject","name":"Lifecycle (didMount, didUpdate, willUnmount) - 4. Class Components","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT6M41S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/lifecycle-didmount-didupdate-willunmount"},{"@type":"VideoObject","name":"children übergeben - 4. Class Components","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT2M37S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/children-ubergeben"}],[{"@type":"VideoObject","name":"Warum gibt es Function Components? - 5. Function Components","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT4M16S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/warum-gibt-es-function-components"},{"@type":"VideoObject","name":"Regeln von Hooks - 5. Function Components","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT2M2S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/regeln-von-hooks"},{"@type":"VideoObject","name":"Keine schwarze Magie: React Hooks - 5. Function Components","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT1M47S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/keine-schwarze-magie-react-hooks"},{"@type":"VideoObject","name":"ButtonCounter mit useState - 5. Function Components","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT4M17S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/buttoncounter-mit-usestate"},{"@type":"VideoObject","name":"Lifecycle mit useEffect: Countdown - 5. Function Components","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT8M3S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/lifecycle-mit-useeffect-countdown"},{"@type":"VideoObject","name":"useMemo bzw. useCallback - 5. Function Components","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT5M","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/usememo-bzw-usecallback"},{"@type":"VideoObject","name":"React Hooks: Ausblick und Tipps - 5. Function Components","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT2M19S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/react-hooks-ausblick-und-tipps"},{"@type":"VideoObject","name":"Challenge: Stoppuhr - 5. Function Components","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT56S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/challenge-stoppuhr"},{"@type":"VideoObject","name":"Solution: Stoppuhr - 5. Function Components","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT11M15S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/solution-stoppuhr"}],[{"@type":"VideoObject","name":"Gemeinsamkeiten: defaultProps, displayName, propTypes - 6. Class vs. Function Components","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT7M19S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/gemeinsamkeiten-defaultprops-displayname-proptypes"},{"@type":"VideoObject","name":"Class Components auf dem Abstellgleis - 6. Class vs. Function Components","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT49S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/class-components-auf-dem-abstellgleis"}],[{"@type":"VideoObject","name":"User-Interaktionen abfangen - 7. States und Events","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT4M21S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/user-interaktionen-abfangen"},{"@type":"VideoObject","name":"Event-Weitergabe (vs. addEventListener) - 7. States und Events","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT3M24S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/event-weitergabe-vs-addeventlistener"},{"@type":"VideoObject","name":"Globale Events - 7. States und Events","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT4M44S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/globale-events"},{"@type":"VideoObject","name":"Challenge: Position des Mauszeigers - 7. States und Events","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT44S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/challenge-position-des-mauszeigers"},{"@type":"VideoObject","name":"Solution: Position des Mauszeigers - 7. States und Events","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT5M46S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/solution-position-des-mauszeigers"}],[{"@type":"VideoObject","name":"Theming - 8. Kontexte","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT5M42S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/theming"},{"@type":"VideoObject","name":"Global State - 8. Kontexte","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT3M33S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/global-state"}],[{"@type":"VideoObject","name":"Das key-Attribut verstehen - 9. Iteration, Listen, Fragments und Conditionals","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT3M48S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/das-key-attribut-verstehen"},{"@type":"VideoObject","name":"Fragments als virtuelle Wrapper - 9. Iteration, Listen, Fragments und Conditionals","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT4M34S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/fragments-als-virtuelle-wrapper"},{"@type":"VideoObject","name":"Conditional Rendering - 9. Iteration, Listen, Fragments und Conditionals","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT4M54S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/conditional-rendering"}],[{"@type":"VideoObject","name":"createForwardRef & useRef - 10. Arbeiten mit (DOM)-Referenzen & Portals","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT5M37S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/createforwardref-useref"},{"@type":"VideoObject","name":"createPortal - 10. Arbeiten mit (DOM)-Referenzen & Portals","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT4M8S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/createportal"}],[{"@type":"VideoObject","name":"Uncontrolled Forms (ref) - 11. Formulare","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT5M16S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/uncontrolled-forms-ref"},{"@type":"VideoObject","name":"Controlled Forms - 11. Formulare","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT6M21S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/controlled-forms"},{"@type":"VideoObject","name":"Challenge: Erweiterung des Formulars - 11. Formulare","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT54S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/challenge-erweiterung-des-formulars"},{"@type":"VideoObject","name":"Solution: Erweiterung des Formulars - 11. Formulare","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT4M39S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/solution-erweiterung-des-formulars"}],[{"@type":"VideoObject","name":"Standard-Routing - 12. Routing mit React Router & Error Boundaries","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT6M13S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/standard-routing"},{"@type":"VideoObject","name":"Lazy-Loading mit Suspense - 12. Routing mit React Router & Error Boundaries","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT3M32S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/lazy-loading-mit-suspense"},{"@type":"VideoObject","name":"Error Boundaries - 12. Routing mit React Router & Error Boundaries","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT4M31S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/error-boundaries"},{"@type":"VideoObject","name":"Challenge: React Router mit Search-Parametern nutzen - 12. Routing mit React Router & Error Boundaries","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT56S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/challenge-react-router-mit-search-parametern-nutzen"},{"@type":"VideoObject","name":"Solution: React Router mit Search-Parametern nutzen - 12. Routing mit React Router & Error Boundaries","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT3M48S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/solution-react-router-mit-search-parametern-nutzen"}],[{"@type":"VideoObject","name":"Spaces erzwingen, Global CSS & Inline CSS - 13. Styling mit React","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT4M5S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/spaces-erzwingen-global-css-inline-css"},{"@type":"VideoObject","name":"SASS & CSS Modules - 13. Styling mit React","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT4M22S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/sass-css-modules"},{"@type":"VideoObject","name":"Weitere Möglichkeiten - 13. Styling mit React","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT2M","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/weitere-moglichkeiten"}],[{"@type":"VideoObject","name":"Setup und Rendertest - 14. Testing in React","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT3M28S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/setup-und-rendertest"},{"@type":"VideoObject","name":"Existenz testen - 14. Testing in React","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT4M30S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/existenz-testen"},{"@type":"VideoObject","name":"Inhalte prüfen, Properties validieren und Fehler abfangen - 14. Testing in React","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT5M47S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/inhalte-prufen-properties-validieren-und-fehler-abfangen"}],[{"@type":"VideoObject","name":"innerHTML && JSX-Kommentare - 15. Aufbauwissen für Fortgeschrittene","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT2M27S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/innerhtml-jsx-kommentare"},{"@type":"VideoObject","name":"useReducer & Redux - 15. Aufbauwissen für Fortgeschrittene","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT2M33S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/usereducer-redux"}],[{"@type":"VideoObject","name":"React 18: Concurrent React - 16. Neue Features und Funktionen in React 18","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT2M30S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/react-18-concurrent-react"},{"@type":"VideoObject","name":"Automatic Batching - 16. Neue Features und Funktionen in React 18","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT4M13S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/automatic-batching"},{"@type":"VideoObject","name":"useId - 16. Neue Features und Funktionen in React 18","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT2M41S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/useid"},{"@type":"VideoObject","name":"useTransition - 16. Neue Features und Funktionen in React 18","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT4M55S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/usetransition"},{"@type":"VideoObject","name":"useDeferredValue - 16. Neue Features und Funktionen in React 18","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT3M46S","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/usedeferredvalue"},{"@type":"VideoObject","name":"Suspense mit useTransition - 16. Neue Features und Funktionen in React 18","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT5M","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":true,"isAccessibleForFree":false,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/suspense-mit-usetransition"}]],"syllabusSections":[{"@type":"Syllabus","name":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen","timeRequired":"PT1M","description":"Lernen Sie mit dem erfahrenen Frontend-Architekten David Lorenz die Grundlagen von React kennen. Zum Start des Kurses erfahren Sie mehr zu den Inhalten und Lernzielen."},{"@type":"Syllabus","name":"Die GitHub-Dateien zum Kurs verwenden","timeRequired":"PT1M16S","description":"Auf GitHub finden Sie zu allen Codebeispielen dieses LinkedIn Learning-Kurses entsprechende Branches. Wie das aussieht und funktioniert, zeigt Ihnen der Trainer in diesem Video."},{"@type":"Syllabus","name":"Warum React?","timeRequired":"PT2M56S","description":"Die Entscheidung zwischen Frameworks fällt oftmals schwer. Entscheidungen sind stets auch getrieben von Präferenzen oder Business-Anforderungen. Hier erklärt der Trainer, was React in puncto Stabilität, Schnelligkeit, Community und Ökosystem ausmacht."},{"@type":"Syllabus","name":"Spread, Rest & Destructuring","timeRequired":"PT6M9S","description":"Spread, Rest und Destructuring helfen Ihnen, JS deutlich effizienter zu nutzen und den Code schlanker zu halten. In diesem Video lernen Sie, was diese JS-Funktionen ausmacht."},{"@type":"Syllabus","name":"Public & Private Class Properties","timeRequired":"PT2M22S","description":"In diesem Video erfahren Sie, wie einfach es ist, mit modernem JavaScript Properties in Klassen zu definieren und wie Sie sogar echte private Properties definieren können."},{"@type":"Syllabus","name":"Arrow Functions","timeRequired":"PT2M25S","description":"Arrow Functions werden oft leider nur als verkürzte Version von normalen Funktionen dargestellt. Der Trainer zeigt Ihnen jedoch, was den Unterschied ausmacht und was Sie beim Einsatz beachten müssen."},{"@type":"Syllabus","name":"Installation mit CRA","timeRequired":"PT1M18S","description":"Mit dem CLI-Tool create-react-app, kurz CRA, können Sie sehr einfach ein neues React Setup installieren, das ohne weitere Konfiguration funktioniert. Genau das schauen Sie sich in diesem Video an."},{"@type":"Syllabus","name":"Das Setup im Editor","timeRequired":"PT2M15S","description":"In diesem Video untersuchen Sie genauer, welche Struktur create-react-app für Sie erstellt hat und was die einzelnen Ordner und enthaltenen Dateien bedeuten."},{"@type":"Syllabus","name":"Raw-Setup mit React Eject","timeRequired":"PT1M58S","description":"Auch wenn Sie diese Funktionalität hoffentlich selten nutzen müssen, ist es dennoch wichtig zu wissen, wie Sie aus einem bestehenden CRA-Setup ausbrechen können."},{"@type":"Syllabus","name":"Das Zusammenspiel von render, JSX und StrictMode","timeRequired":"PT5M12S","description":"Was ist ReactDOM.render, warum kann ich einfach »HTML« im JavaScript schreiben und wieso gibt es das »Element« \u003CReact.StrictMode\u003E? All diese Fragen beantwortet der Trainer im Video."},{"@type":"Syllabus","name":"React DevTools","timeRequired":"PT1M12S","description":"Kaum etwas ist wichtiger als einfaches Debugging, wenn es darum geht, Funktionen oder Fehler in der Applikation zu prüfen. Mit den React DevTools haben Sie direkt vom Browser aus Einblick in Ihre App."},{"@type":"Syllabus","name":"render() ","timeRequired":"PT2M12S","description":"Ihre erste eigene Komponente! Mit Hilfe der React-Klassenkomponente lernen Sie die render-Methode kennen und Sie erfahren, wie Sie diese Komponente verwenden können."},{"@type":"Syllabus","name":"React-Props","timeRequired":"PT4M26S","description":"Sie können Komponenten ähnlich wie HTML-Elemente verwenden. Wie Sie beliebige Werte mit React-Props von außen an eine Komponente weitergeben, lernen Sie in diesem Video."},{"@type":"Syllabus","name":"state & componentDidMount","timeRequired":"PT4M29S","description":"Die Verwendung von state ist der Haupttreiber des React-Lifecycle. Im state können Sie Daten zur Laufzeit halten und verändern und damit Ihre Applikation dynamisch machen. Wie das funktioniert, was componentDidMount ist und wie Sie die beiden verheiraten, zeigt das Video."},{"@type":"Syllabus","name":"Lifecycle (didMount, didUpdate, willUnmount)","timeRequired":"PT6M41S","description":"Der React Lifecycle beschreibt, wie sich Ihre Applikation verhält bzw. wann sie entsprechende Methoden aufruft und damit Ihre Applikation genauso darstellt, wie Sie das wollen. Hier lernen Sie den Lifecycle im Detail kennen und erfahren, wie Sie sich die weiteren Lifecycle-Methoden zu Nutze machen können."},{"@type":"Syllabus","name":"children übergeben","timeRequired":"PT2M37S","description":"Mit props und state könnten Sie im Grunde schon ganze Applikationen dynamisch mit Werten befüllen. Es gibt aber auch noch die Variante, children zu übergeben – ein Spezialfall von props. Mit children kommen Sie noch näher an die Funktionsweise von HTML heran."},{"@type":"Syllabus","name":"Warum gibt es Function Components?","timeRequired":"PT4M16S","description":"Was ist eine Function Component und warum gibt es Class _und_ Function Components gleichzeitig? Von Pure Functions kommen Sie zu vollwertigen Komponenten, die den Class Components in nichts nachstehen."},{"@type":"Syllabus","name":"Regeln von Hooks","timeRequired":"PT2M2S","description":"Mit React Hooks können Sie auf Lifecycle Changes reagieren und Änderungen steuern, wie Sie es aus klassenbasierten Komponenten bereits kennen. Doch es gibt gewisse Regeln zu beachten. Diese schauen Sie sich in diesem Video an."},{"@type":"Syllabus","name":"Keine schwarze Magie: React Hooks","timeRequired":"PT1M47S","description":"Was steckt eigentlich hinter den Hooks? Warum funktioniert das Ganze? Sie wagen einen kleinen Blick hinter die Kulissen, um zu verstehen, was in den Hooks vorgeht."},{"@type":"Syllabus","name":"ButtonCounter mit useState","timeRequired":"PT4M17S","description":"State ist vermutlich der treibende Faktor in React-Applikationen. Mit useState können Sie in Function Components davon Gebrauch machen. Sie bauen in diesem Film einen Counter mit useState."},{"@type":"Syllabus","name":"Lifecycle mit useEffect: Countdown","timeRequired":"PT8M3S","description":"componentDidMount, componentWillUnmount und componentDidUpdate in Function Components? Das geht! Mit useEffect in Kombination mit den useEffect Dependencies. Was das ist und wie es geht, lernen Sie hier."},{"@type":"Syllabus","name":"useMemo bzw. useCallback","timeRequired":"PT5M","description":"Bei jedem Rendervorgang immer wieder neue Funktionen und Werte erzeugen? Das kann potenziell ein Performancefresser sein. Wie Sie beliebige Werte durch verschiedene Rendervorgänge mit useCallback und useMemo persistieren können, lernen Sie hier."},{"@type":"Syllabus","name":"React Hooks: Ausblick und Tipps","timeRequired":"PT2M19S","description":"Warum beschwert sich der Linter bei manchen Dependencies in den Hooks, wie lässt sich das lösen und welche Möglichkeiten habe ich, um mit React DevTools die Hooks besser zu debuggen? Um diese Fragen dreht sich das Video."},{"@type":"Syllabus","name":"Challenge: Stoppuhr","timeRequired":"PT56S","description":"In dieser Challenge können Sie mit dem gelernten Wissen eine Stoppuhr bauen. Dabei lernen Sie, besser mit den Hooks umzugehen und den Lifecycle zu verinnerlichen."},{"@type":"Syllabus","name":"Solution: Stoppuhr","timeRequired":"PT11M15S","description":"Hat alles geklappt? Mit der Lösung der Stoppuhr-Challenge haben Sie Ihr Hook- und Lifecycle-Verständnis aufgefrischt. Die erste kleine, wirklich interaktive Applikation ist erstellt."},{"@type":"Syllabus","name":"Gemeinsamkeiten: defaultProps, displayName, propTypes","timeRequired":"PT7M19S","description":"Egal, ob Function Component oder Class Component – da beide Varianten miteinander kombiniert werden können, macht es umso mehr Sinn, gewisse Eigenschaften zu teilen. Mit defaultProps und propTypes lernen Sie, wie Sie Fallbacks definieren und dynamisch Typenprüfungen durchführen können."},{"@type":"Syllabus","name":"Class Components auf dem Abstellgleis","timeRequired":"PT49S","description":"Klassenkomponenten haben definitiv immer noch ihre Daseinsberechtigung. Es spricht nichts dagegen, auch heute komplette Apps klassenbasiert zu gestalten. Es zeigt sich jedoch ein relativ klarer Trend hin zu Function Components."},{"@type":"Syllabus","name":"User-Interaktionen abfangen","timeRequired":"PT4M21S","description":"In diesem Video lernen Sie, wie Sie User-Events abfangen und verarbeiten können. Sie bauen dazu einen klickbaren Button und lesen Werte aus einem Inputfeld aus."},{"@type":"Syllabus","name":"Event-Weitergabe (vs. addEventListener)","timeRequired":"PT3M24S","description":"Wenn Events feuern, dann feuern sie innerhalb einer bestimmten Component. Aber wie verarbeiten Sie nun Events von einer Component in einer anderen Component? Hier schauen Sie sich an, wie Event Forwarding funktioniert."},{"@type":"Syllabus","name":"Globale Events ","timeRequired":"PT4M44S","description":"Globale Events sind unvermeidbar, wenn beispielsweise übergreifende Tooltips implementiert werden müssen. Sie bauen einen Linkchecker, um globales Event-Binding besser zu verstehen."},{"@type":"Syllabus","name":"Challenge: Position des Mauszeigers","timeRequired":"PT44S","description":"Wenden Sie das Gelernte an und schreiben Sie einen Event Listener, der die Bewegungen der Maus verfolgt: ein gewöhnlicher Use-Case für Animationen oder Spiele."},{"@type":"Syllabus","name":"Solution: Position des Mauszeigers","timeRequired":"PT5M46S","description":"Welcher Event Listener kam Ihnen in den Sinn? Sehen Sie sich hier an, wie die Mauszeigerposition einfach ausgelesen werden kann und wie Sie ein Event aufräumen, das nicht schon bei der Initialisierung, sondern erst bei Buttonklick erstellt wird."},{"@type":"Syllabus","name":"Theming","timeRequired":"PT5M42S","description":"Ein neuer Hook betritt das Feld: useContext. Mit useContext können Sie Komponenten vom umgebenden Kontext treiben lassen, z. B. durch bestimmtes Theming. Wie das geht, lernen wir in diesem Video."},{"@type":"Syllabus","name":"Global State","timeRequired":"PT3M33S","description":"Kontext kann deutlich mehr als nur Theming. Hier erfahren Sie, wie Sie mit Kontext globales Datenmanagement durch die Applikation hinweg ermöglichen – Kommunikation zwischen Components."},{"@type":"Syllabus","name":"Das key-Attribut verstehen","timeRequired":"PT3M48S","description":"React nutzt verschiedene Mechanismen, um Änderungen zu identifizieren. Das Ziel ist es, unnötige Veränderungen im HTML zu vermeiden. In diesem Film sehen Sie, wie Sie in JSX Schleifen durchlaufen und warum React dann eine key property erwartet."},{"@type":"Syllabus","name":"Fragments als virtuelle Wrapper","timeRequired":"PT4M34S","description":"Mit React Fragments können Sie Komponenten und Elemente gruppieren, um beispielsweise unnötige Wrapper zu vermeiden. Lernen Sie in diesem Film, was genau Fragments sind, wie sie verwendet werden und warum die Kurzform in Schleifen nicht funktioniert."},{"@type":"Syllabus","name":"Conditional Rendering","timeRequired":"PT4M54S","description":"Mit Logik oberhalb des JSX-Templates können Sie natürlich alles steuern. Manchmal ist es aber deutlich komfortabler und lesbarer, kurze Logik in das Template zu verlagern. In diesem Video zeigt der Trainer Ihnen, wie Sie Elemente im JSX konditional rendern können."},{"@type":"Syllabus","name":"createForwardRef & useRef","timeRequired":"PT5M37S","description":"Manchmal kommen Sie nicht daran vorbei, direkten Zugriff auf DOM-Elemente zu bekommen. Sie lernen in diesem Film, wie Sie mit ref und forwardRef arbeiten können, um DOM-Elemente direkt anzusprechen."},{"@type":"Syllabus","name":"createPortal","timeRequired":"PT4M8S","description":"Modals, Tooltips oder Tutorial-Elemente, die die Website erklären – Sie kommen immer wieder an den Punkt, an dem Sie Elemente zwar an bestimmten Stellen kontrollieren möchten, aber aufgrund des Layouts anderswo rendern wollen. Das erreichen Sie mit React Portals. ."},{"@type":"Syllabus","name":"Uncontrolled Forms (ref)","timeRequired":"PT5M16S","description":"Egal, ob Login, Kontakt oder interaktive Eingaben für spannende Apps: Formulare sind aus Applikationen nicht wegzudenken. Aber wie kommen Sie mit React an die Daten aus den Formularen?"},{"@type":"Syllabus","name":"Controlled Forms","timeRequired":"PT6M21S","description":"Die Best Practice-Variante, um Formulare vollumfänglich zu steuern, sind Controlled Forms bzw. Controlled Components. In diesem Video lernen Sie, wie Sie jedes einzelne Element eines Formulars unter Ihre Fittiche nehmen und damit zu jedem Zeitpunkt den Wert kontrollieren, der in den einzelnen Formularfeldern steht."},{"@type":"Syllabus","name":"Challenge: Erweiterung des Formulars","timeRequired":"PT54S","description":"Sie wollen Ihr Controlled Form erweitern und die abgesendeten Daten nur mit den Daten befüllen, die tatsächlich abgesendet werden sollen. Dabei zeigen Sie das Geburtsdatum nur dann an, wenn eine Checkbox aktiviert ist."},{"@type":"Syllabus","name":"Solution: Erweiterung des Formulars ","timeRequired":"PT4M39S","description":"Sie nutzen ein bisher nicht gezeigtes HTML-Element innerhalb des Formulars (die Checkbox) und steuern damit ein anderes Formularelement (das Geburtsdatum) an. Außerdem erfahren Sie, wie Sie den State der Checkbox synchron mit den Werten innerhalb von React halten und dann sicherstellen, dass in den abgesendeten Daten nur die benötigten Daten vorhanden sind."},{"@type":"Syllabus","name":"Standard-Routing","timeRequired":"PT6M13S","description":"Die Zeiten, in denen Nutzer einen kompletten Seiten-Reload bei der Navigation erfahren, sind zumindest für Web-Apps schon lange vorbei. Doch wie geht das in React? React selbst ist ein Endgeräte-agnostisches Framework und bringt keinen Router von Haus aus mit. Sie erfahren in diesem Film, wie Sie mit React Router einfach und schnell Routing implementieren können."},{"@type":"Syllabus","name":"Lazy-Loading mit Suspense","timeRequired":"PT3M32S","description":"React kann auch faul sein! Zumindest können Sie React im positiven Sinne dazu bewegen, faul zu werden: Wenn Sie wissen, dass eine gewisse Funktionalität sehr groß ist oder selten verwendet wird, können Sie sie auch erst dann laden, wenn Sie sie wirklich brauchen. Wie dieses Lazy Loading funktioniert, schauen Sie sich in diesem Film an."},{"@type":"Syllabus","name":"Error Boundaries","timeRequired":"PT4M31S","description":"Die erste Regel für Website- oder App-Fehler ist natürlich, sie zu vermeiden. Aber nie kontrolliert man alle Umstände in einer sich dauernd verändernden Umgebung, mit verschiedenen Endgeräten etc. Um Fehler leichter abzufangen und entsprechend eine gute Nutzungserfahrung zu bieten, können Sie sich mit den React Error Boundaries behelfen."},{"@type":"Syllabus","name":"Challenge: React Router mit Search-Parametern nutzen","timeRequired":"PT56S","description":"In dieser Challenge sollen Sie die Seite über React Router so gestalten, dass Sie eine persönliche Nachricht unter Bildern hinterlassen können. Dazu nutzen Sie die Query-Parameter in der URL."},{"@type":"Syllabus","name":"Solution: React Router mit Search-Parametern nutzen","timeRequired":"PT3M48S","description":"Lernen Sie, anhand eines kleinen, spielerischen Use-Case einen individuellen Kommentar hinzuzufügen. Damit kennen Sie einen weiteren Teil von React Router – die Search Params mit dem Hook useSearchParams."},{"@type":"Syllabus","name":"Spaces erzwingen, Global CSS & Inline CSS","timeRequired":"PT4M5S","description":"In diesem Kapitel lernen wir die Grundlagen von Styling in React kennen. Wie können Sie verhindern, dass beispielsweise prettier erwünschte Leerzeichen entfernt? Was können Sie tun, um innerhalb des Setups globale Styles hinzuzufügen, und welche Möglichkeiten gibt es, Styles direkt an ein HTML-Element mitzugeben?"},{"@type":"Syllabus","name":"SASS & CSS Modules","timeRequired":"PT4M22S","description":"SASS bzw. SCSS hat sich als Industriestandard etabliert. Auch mit sich stetig erweiternden CSS-Funktionen ist SASS mit seinen Schleifen, Mixins und Co. ein extrem hilfreiches Entwicklungswerkzeug. Sie erfahren nicht nur, wie Sie SASS statt CSS verwenden können, sondern auch, wie es möglich ist, sogenannte Scoped Component Styles zu implementieren (CSS Modules)."},{"@type":"Syllabus","name":"Weitere Möglichkeiten","timeRequired":"PT2M","description":"Eine Ode an React und die Libraries rund um das Thema Styling. Was gibt es noch im React Universum und muss ich all das wirklich wissen? Ein kleiner Blick auf die Möglichkeiten mit Fazit gibt Aufschluss."},{"@type":"Syllabus","name":"Setup und Rendertest","timeRequired":"PT3M28S","description":"Wer alleine arbeitet, kann für sich selbst definieren, welche Priorität automatisierte Tests haben. Es ist jedoch immer vorteilhaft, die eigenen Komponenten zumindest grundlegend zu testen, und spätestens in der Teamarbeit wird das zum unersetzlichen Hilfsmittel der Fehlervorbeugung. Wie Sie das ideale Testsetup nutzen, lernen Sie hier."},{"@type":"Syllabus","name":"Existenz testen","timeRequired":"PT4M30S","description":"Jetzt geht's ans Eingemachte. Sie testen anhand dieses Videos die Funktion Ihrer Components – und zwar vollautomatisiert mit Hilfe von Jest und der React Testing Library."},{"@type":"Syllabus","name":"Inhalte prüfen, Properties validieren und Fehler abfangen","timeRequired":"PT5M47S","description":"Die React-Testsuite bietet eine Menge Möglichkeiten, Tests zu schreiben. So können sich die Helfer beforeEach, beforeAll und afterEach sowie afterAll eine Menge Schreibarbeit ersparen. Auch Fehler abzufangen, ist ein gängiges Testszenario. Hier erfahren Sie, wie das geht und wie Sie Attribute und Inhalte testen können."},{"@type":"Syllabus","name":"innerHTML && JSX-Kommentare ","timeRequired":"PT2M27S","description":"Kommentare zu verwenden, ist in JSX denkbar einfach. Warum das jedoch ganz am Ende dieses Kurses steht, hat einen Grund: Auch innerHTML kann React in Elementen setzen. Warum insbesondere Letzteres eine schlechte Idee ist, sehen Sie sich in diesem Film an."},{"@type":"Syllabus","name":"useReducer & Redux","timeRequired":"PT2M33S","description":"Auch wenn es in Sachen State Management mittlerweile viele Alternativen gibt und eventuell useState sogar schon komplett Ihre Bedürfnisse befriedigt, kommt man in vielen Diskussionen schwer an dem Thema vorbei: Was ist eigentlich Redux? Eine kurze Info über das oft angesprochene Thema ist der Inhalt dieses Videos."},{"@type":"Syllabus","name":"React 18: Concurrent React","timeRequired":"PT2M30S","description":"Die Neuerungen in React 18 gehen User und Entwickler an. Bekommen Sie einen Überblick und erfahren Sie unter anderem, was hinter \"Concurrent React\" steckt."},{"@type":"Syllabus","name":"Automatic Batching","timeRequired":"PT4M13S","description":"Automatic Batching ist die wohl drastischste Änderung: React ist nun in der Lage, abseits des eigenen Lifecycles Updates zu sammeln und zu vereinen. Was das bedeutet, erfahren Sie in diesem Film."},{"@type":"Syllabus","name":"useId","timeRequired":"PT2M41S","description":"Mit useId erweckt React einen langersehnten Hook zum Leben: Endlich ist es möglich, dynamische und stabile Ids zu generieren. Wie das funktioniert und welche Vorteile dies bringt, lernen Sie in diesem Video."},{"@type":"Syllabus","name":"useTransition","timeRequired":"PT4M55S","description":"Mit useTransition nutzen Sie das Priorisierungssystem von Concurrent React, um mit schlechter Performance nicht auch zeitgleich ein noch schlechteres Benutzerinterface zu bauen."},{"@type":"Syllabus","name":"useDeferredValue","timeRequired":"PT3M46S","description":"Regelmäßige Updates sind gut, aber teuer, wenn Sie extrem schnell mit größeren Datenmengen updaten. Die Benutzeroberfläche wird dabei oft blockiert. Mit useDeferredValue können Sie dem Problem mit einfachen Mitteln entgegenwirken."},{"@type":"Syllabus","name":"Suspense mit useTransition","timeRequired":"PT5M","description":"Suspense wurde umgebaut und kann nun noch mehr! Wir schauen uns an, wie wir die Seite interaktiv lassen, ohne stattdessen einen nervigen Loader zu zeigen der Components unbrauchbar macht. Zusätzlich zeigt der Film, dass useTransition mehr kann, als Sie denken."}],"aggregateRating":{"@type":"AggregateRating","ratingCount":68,"ratingValue":4.6,"bestRating":5,"worstRating":1},"review":[{"@type":"Review","author":{"@type":"Person","name":"Andreas Dutz","jobTitle":"","url":"https://de.linkedin.com/in/andreas-dutz-095092123"},"reviewRating":{"@type":"Rating","ratingValue":4},"reviewBody":"Guter Einstieg in die JSX-Welt, würde ich weiterempfehlen\n","datePublished":"2023-04-01T10:31:57.347Z","publisher":{"@type":"Organization","name":"LinkedIn"},"bestRating":5,"worstRating":1},{"@type":"Review","author":{"@type":"Person","name":"Benjamin Behncke","jobTitle":"\"Stagnation is regression\"","url":"https://de.linkedin.com/in/benjamin-behncke-a2198545"},"reviewRating":{"@type":"Rating","ratingValue":5},"reviewBody":"Top Kurs für Beginner/Neulinge","datePublished":"2022-12-20T05:18:30.446Z","publisher":{"@type":"Organization","name":"LinkedIn"},"bestRating":5,"worstRating":1}],"video":{"@type":"VideoObject","name":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen - React Grundkurs","author":{"@type":"Person","name":"David Lorenz","description":"Supabase Expert | Web Application Architect | Accessibility Expert","jobTitle":"Supabase Expert | Web Application Architect | Accessibility Expert","url":"https://de.linkedin.com/in/david-lorenz","image":"https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw"},"thumbnailUrl":"https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc","description":"Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen und Übungen.","duration":"PT1M","datePublished":"2022-05-20","uploadDate":"2022-05-20","requiresSubscription":false,"isAccessibleForFree":true,"contentUrl":"https://de.linkedin.com/learning/react-grundkurs/die-umfangreiche-einfuhrung-in-das-javascript-webframework-react-mit-vielen-praxisbeispielen"},"educationalCredentialAwarded":[{"@type":"EducationalOccupationalCredential","name":"LinkedIn Learning-Abschlusszertifikat","url":"https://www.linkedin.com/help/learning/answer/a598944/learning-certificates-of-completion-faqs","credentialCategory":"Certificate","offers":[{"@type":"Offer","category":"Subscription"}]}]} </script>  </head> <body dir="ltr">   <a href="#main-content" class="skip-link btn-md btn-primary absolute z-11 -top-[100vh] focus:top-0"> Weiter zum Hauptinhalt </a> <header class="header base-detail-page__header px-mobile-container-padding bg-color-background-container global-alert-offset sticky-header"> <nav class="nav pt-1.5 pb-2 flex items-center justify-between relative flex-nowrap babymamabear:py-1.5 nav--minified-mobile " aria-label="Primär"> <a href="https://de.linkedin.com/learning/?trk=learning-course_nav-header-logo" class="nav__logo-link link-no-visited-state z-1 mr-auto min-h-[52px] flex items-center babybear:z-0 hover:no-underline focus:no-underline active:no-underline babymamabear:mr-3" data-tracking-control-name="learning-course_nav-header-logo" data-tracking-will-navigate> <div class="learning-logo"> <icon class="learning-logo__inbug onload" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4zqr0f9jf98vi2nkijyc3bex2"></icon> <span class="learning-logo__text" aria-hidden="true">Learning</span> <span class="sr-only">LinkedIn Learning</span> </div> </a> <section class="search-bar relative flex flex-grow h-[40px] bg-cool-gray-20 min-w-0 max-w-full mx-4 rounded-sm babymamabear:mx-0 babymamabear:mb-1.5 babymamabear:bg-color-transparent babymamabear:w-full babymamabear:flex babymamabear:flex-wrap search-bar--minified-mobile" data-current-search-type="LEARNING"> <button class="search-bar__placeholder papabear:hidden text-input w-full mt-1.5 !pl-[14px] border-1 border-solid border-color-border-faint rounded-[2px] h-[40px] max-h-[40px] flex items-center overflow-hidden cursor-text" data-tracking-control-name="learning-course_search-switcher-opener"> <icon class="text-color-icon w-3 h-3 mr-1" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/397vrsk6op88l4981ji1xe1qt"></icon> <div class="search-bar__full-placeholder font-sans text-md text-color-text max-w-[calc(100%-40px)] text-left whitespace-nowrap overflow-hidden text-ellipsis">  Suche (Kenntnisse, Themen, Software)  </div> <span class="sr-only">Suche erweitern</span> </button> <div class="switcher-tabs__trigger-and-tabs babymamabear:flex"> <button aria-expanded="false" class="switcher-tabs__placeholder flex !h-full !py-0 !pl-2 !pr-1.5 border-r-1 border-solid border-r-color-border-faint babymamabear:hidden tab-md papabear:tab-vertical papabear:justify-start cursor-pointer" data-tracking-control-name="learning-course_switcher-tabs-placeholder" aria-describedby="switcher-description"> <span class="switcher-tabs__placeholder-text m-auto"></span> <icon class="switcher-tabs__caret-down-filled onload pointer-events-none block my-auto min-h-[24px] min-w-[24px] h-[24px] babymamabear:hidden" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/7asbl4deqijhoy3z2ivveispv"></icon> </button> <div id="switcher-description" class="hidden">Dieser Button zeigt den derzeit ausgewählten Suchtyp an. Bei Erweiterung erscheint eine Liste mit Suchoptionen, die die Sucheingaben so ändern, dass sie zur aktuellen Auswahl passen.</div>  <div class="switcher-tabs hidden z-[1] w-auto min-w-[160px] mb-1.5 py-1 absolute top-[48px] left-0 border-solid border-1 border-color-border-faint papabear:container-raised babymamabear:static babymamabear:w-[100vw] babymamabear:h-[48px] babymamabear:p-0 overflow-y-hidden overflow-x-auto md:overflow-x-hidden"> <ul class="switcher-tabs__list flex flex-1 items-stretch papabear:flex-col" role="tablist"> <li class="switcher-tabs__tab h-[44px] babymamabear:basis-1/2" role="presentation"> <button aria-controls="jobs-search-panel" aria-selected="false" class="switcher-tabs__button w-full h-full tab-md papabear:tab-vertical papabear:justify-start cursor-pointer " data-switcher-type="JOBS" data-tracking-control-name="learning-course_switcher-tabs-jobs-search-switcher" id="job-switcher-tab" role="tab"> Jobs </button> </li> <li class="switcher-tabs__tab h-[44px] babymamabear:basis-1/2" role="presentation"> <button aria-controls="people-search-panel" aria-selected="false" class="switcher-tabs__button w-full h-full tab-md papabear:tab-vertical papabear:justify-start cursor-pointer " data-switcher-type="PEOPLE" data-tracking-control-name="learning-course_switcher-tabs-people-search-switcher" id="people-switcher-tab" role="tab"> Personen </button> </li> <li class="switcher-tabs__tab h-[44px] babymamabear:basis-1/2" role="presentation"> <button aria-controls="learning-search-panel" aria-selected="true" class="switcher-tabs__button w-full h-full tab-md papabear:tab-vertical papabear:justify-start cursor-pointer tab-selected" data-switcher-type="LEARNING" data-tracking-control-name="learning-course_switcher-tabs-learning-search-switcher" id="learning-switcher-tab" role="tab"> Learning </button> </li> </ul> <button aria-label="Schließen" class="switcher-tabs__cancel-btn papabear:hidden block w-6 h-6 m-auto text-color-text-low-emphasis" data-tracking-control-name="learning-course_switcher-tabs-cancel-search-switcher" type="button"> <icon class="switcher-tabs__cancel-icon block w-3 h-3 m-auto onload" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </div> </div> <section class="base-search-bar w-full h-full" data-searchbar-type="PEOPLE" aria-labelledby="people-switcher-tab" id="people-search-panel" role="tabpanel"> <form class="base-search-bar__form w-full flex babymamabear:mx-mobile-container-padding babymamabear:flex-col" role="search" action="/pub/dir" data-tracking-control-name="learning-course_people-search-bar_base-search-bar-form"> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 search-input"> <input aria-label="Vorname" autocomplete="on" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-course_people-search-bar_first-name_dismissable-input" maxlength="500" name="firstName" placeholder="Vorname" type="search"> <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-course_people-search-bar_first-name_dismissable-input-clear" type="button"> <label class="sr-only">Text löschen</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 search-input"> <input aria-label="Nachname" autocomplete="on" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-course_people-search-bar_last-name_dismissable-input" maxlength="500" name="lastName" placeholder="Nachname" type="search"> <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-course_people-search-bar_last-name_dismissable-input-clear" type="button"> <label class="sr-only">Text löschen</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <input name="trk" value="learning-course_people-search-bar_search-submit" type="hidden"> <button class="base-search-bar__submit-btn block basis-[40px] flex-shrink-0 cursor-pointer babymamabear:invisible babymamabear:ml-[-9999px] babymamabear:w-[1px] babymamabear:h-[1px]" aria-label="Suche" data-tracking-control-name="learning-course_people-search-bar_base-search-bar-search-submit" type="submit"> <icon class="base-search-bar__search-icon onload mx-auto" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cb5bsr4tsn2r4sjg9e3ls4tjl"></icon> </button> </form> </section> <section class="base-search-bar w-full h-full" data-searchbar-type="JOBS" aria-labelledby="job-switcher-tab" id="jobs-search-panel" role="tabpanel"> <form class="base-search-bar__form w-full flex babymamabear:mx-mobile-container-padding babymamabear:flex-col" role="search" action="/jobs/search" data-tracking-control-name="learning-course_jobs-search-bar_base-search-bar-form"> <code id="i18n_aria_live_text_no-suggestions" style="display: none"></code> <code id="i18n_aria_live_text_one-suggestion" style="display: none"></code> <code id="i18n_aria_live_text_multiple-suggestions" style="display: none"></code> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 typeahead-input keywords-typeahead-input text-input"> <input aria-autocomplete="list" aria-controls="job-search-bar-keywords-typeahead-list" aria-haspopup="listbox" aria-label="Suche (Stellen oder Unternehmen)" autocomplete="off" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-course_dismissable-input" id="job-search-bar-keywords" maxlength="500" name="keywords" placeholder="Suche (Stellen oder Unternehmen)" role="combobox" type="search">  <div class="typeahead-input__dropdown container-lined absolute top-[calc(100%+3px)] left-0 w-full rounded-b-md rounded-t-none z-[10] overflow-hidden max-w-none babybear:min-w-full babybear:bottom-0 babybear:overflow-y-auto"> <template class="typeahead-item-template"> <li class="typeahead-input__dropdown-item py-1.5 px-2 hover:cursor-pointer hover:bg-color-surface-new-hover hover:border-y-2 hover:border-solid hover:border-color-container-primary" role="option"> <span class="typeahead-input__dropdown-text font-sans text-sm font-bold text-color-text"></span> </li> </template> <ul class="typeahead-input__dropdown-list w-full" id="job-search-bar-keywords-typeahead-list" role="listbox"></ul> </div>  <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-course_dismissable-input-clear" type="button"> <label class="sr-only">Text löschen</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section>  <code id="i18n_aria_live_text_no-suggestions" style="display: none"></code> <code id="i18n_aria_live_text_one-suggestion" style="display: none"></code> <code id="i18n_aria_live_text_multiple-suggestions" style="display: none"></code> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 typeahead-input location-typeahead-input"> <input aria-autocomplete="list" aria-controls="job-search-bar-location-typeahead-list" aria-haspopup="listbox" aria-label="Standort" autocomplete="off" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-course_dismissable-input" id="job-search-bar-location" maxlength="500" name="location" placeholder="Standort" role="combobox" value="Insel von Hong Kong" type="search">  <div class="typeahead-input__dropdown container-lined absolute top-[calc(100%+3px)] left-0 w-full rounded-b-md rounded-t-none z-[10] overflow-hidden max-w-none babybear:min-w-full babybear:bottom-0 babybear:overflow-y-auto"> <template class="typeahead-item-template"> <li class="typeahead-input__dropdown-item py-1.5 px-2 hover:cursor-pointer hover:bg-color-surface-new-hover hover:border-y-2 hover:border-solid hover:border-color-container-primary" role="option"> <span class="typeahead-input__dropdown-text font-sans text-sm font-bold text-color-text"></span> </li> </template> <ul class="typeahead-input__dropdown-list w-full" id="job-search-bar-location-typeahead-list" role="listbox"></ul> </div>  <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-course_dismissable-input-clear" type="button"> <label class="sr-only">Text löschen</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <input name="geoId" value="102817007" type="hidden"> <input name="trk" value="learning-course_jobs-search-bar_search-submit" type="hidden"> <button class="base-search-bar__submit-btn block basis-[40px] flex-shrink-0 cursor-pointer babymamabear:invisible babymamabear:ml-[-9999px] babymamabear:w-[1px] babymamabear:h-[1px]" aria-label="Suche" data-tracking-control-name="learning-course_jobs-search-bar_base-search-bar-search-submit" type="submit"> <icon class="base-search-bar__search-icon onload mx-auto" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cb5bsr4tsn2r4sjg9e3ls4tjl"></icon> </button> </form> </section> <section class="base-search-bar w-full h-full" data-searchbar-type="LEARNING" aria-labelledby="learning-switcher-tab" id="learning-search-panel" role="tabpanel"> <form class="base-search-bar__form w-full flex babymamabear:mx-mobile-container-padding babymamabear:flex-col" role="search" action="/learning/search" data-tracking-control-name="learning-course_learning-search-bar_base-search-bar-form"> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 search-input"> <input aria-label="Suche (Kenntnisse, Themen, Software)" autocomplete="on" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-course_learning-search-bar_keywords_dismissable-input" maxlength="500" name="keywords" placeholder="Suche (Kenntnisse, Themen, Software)" type="search"> <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-course_learning-search-bar_keywords_dismissable-input-clear" type="button"> <label class="sr-only">Text löschen</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <input class="nav__search-uoo" name="upsellOrderOrigin" type="hidden"> <input name="trk" value="learning-course_learning-search-bar_search-submit" type="hidden"> <button class="base-search-bar__submit-btn block basis-[40px] flex-shrink-0 cursor-pointer babymamabear:invisible babymamabear:ml-[-9999px] babymamabear:w-[1px] babymamabear:h-[1px]" aria-label="Suche" data-tracking-control-name="learning-course_learning-search-bar_base-search-bar-search-submit" type="submit"> <icon class="base-search-bar__search-icon onload mx-auto" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cb5bsr4tsn2r4sjg9e3ls4tjl"></icon> </button> </form> </section>  <div aria-live="polite" class="search-bar__live-text sr-only" role="status"></div> </section>  <div class="nav__cta-container order-3 flex gap-x-1 justify-end min-w-[100px] flex-nowrap flex-shrink-0 babybear:flex-wrap flex-2 babymamabear:min-w-[50px] "> <a class="nav__button-tertiary btn-md btn-tertiary" href="http://de.linkedin.com/learning/subscription/products?courseSlug=react-grundkurs&destRedirectURL=https%3A%2F%2Fde%2Elinkedin%2Ecom%2Flearning%2Freact-grundkurs&trk=learning-course_nav-header-join&upsellTrk=lil_upsell_nav_subscription&session_redirect=https%3A%2F%2Fde.linkedin.com%2Flearning%2Freact-grundkurs%3Ftrk%3Dlearning-topics_learning-search-card_search-card" data-tracking-control-name="lil_upsell_nav_subscription" data-tracking-impression-name="lil_upsell_nav_subscription" data-test-live-nav-primary-cta data-tracking-will-navigate> Kostenlos testen </a> <a class="nav__button-secondary btn-md btn-secondary-emphasis" href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Freact-grundkurs%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&fromSignIn=true&session_redirect=https%3A%2F%2Fde.linkedin.com%2Flearning%2Freact-grundkurs%3Ftrk%3Dlearning-topics_learning-search-card_search-card&trk=learning-course_nav-header-signin" data-tracking-control-name="learning-course_nav-header-signin" data-tracking-will-navigate> Einloggen </a> <a aria-label="Einloggen" class="nav__link-person papabear:hidden mamabear:hidden" data-tracking-control-name="learning-course_nav-header-signin" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Freact-grundkurs%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&fromSignIn=true&session_redirect=https%3A%2F%2Fde.linkedin.com%2Flearning%2Freact-grundkurs%3Ftrk%3Dlearning-topics_learning-search-card_search-card&trk=learning-course_nav-header-signin"> <img class="inline-block relative rounded-[50%] w-4 h-4 bg-color-entity-ghost-background" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </a> </div>   </nav> </header>  <div class="cta-banner "> <div class="enterprise-nav"> <div class="enterprise-nav__content-wrapper"> <p id="enterprise-nav-solutions" class="enterprise-nav__content" tabindex="-1"> Lösungen für: </p> <a href="https://learning.linkedin.com/de-de/for-entire-companies?src=li-learning-nav&trk=learning-course_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-business" class="enterprise-nav__content" data-tracking-control-name="learning-course_enterprise-nav" data-tracking-will-navigate="true" id="business-nav-business">Unternehmen</a> <a href="https://learning.linkedin.com/de-de/for-higher-education?src=li-learning-nav&trk=learning-course_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-education" class="enterprise-nav__content" data-tracking-control-name="learning-course_enterprise-nav" data-tracking-will-navigate="true" id="business-nav-education">Bildungseinrichtungen</a> <a href="https://learning.linkedin.com/de-de/for-governments?src=li-learning-nav&trk=learning-course_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-government" class="enterprise-nav__content" data-tracking-control-name="learning-course_enterprise-nav" data-tracking-will-navigate="true" id="business-nav-government">Behörden</a> <a href="/learning/subscription/teams?veh=lil_upx&src=li-learning-nav&trk=learning-course_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-buy" class="enterprise-nav__content" data-test-live-enterprise-upsell="true" data-tracking-control-name="learning-course_enterprise-nav" data-tracking-will-navigate="true" data-tracking-impression-name="lil_upsell_learning-course_enterprise-nav_teambuy" id="business-nav-buy">Für Ihr Team erwerben</a> </div> </div>   </div> <main class="main papabear:flex papabear:w-content-max-w papabear:mx-auto papabear:pt-desktop-content-top-margin mamabear:pt-desktop-content-top-margin " id="main-content" role="main"> <section class="core-rail mx-auto papabear:w-core-rail-width mamabear:max-w-[790px] babybear:max-w-[790px]"> <ol class="breadcrumb__list"> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://de.linkedin.com/learning/browse?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Alle Themen</a> </li> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://de.linkedin.com/learning/topics/technik?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Technik</a> </li> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://de.linkedin.com/learning/topics/webentwicklung?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Webentwicklung</a> </li> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://de.linkedin.com/learning/topics/frontend-webentwicklung?trk=learning-course_breadcrumb" data-tracking-control-name="learning-course_breadcrumb" data-tracking-will-navigate>Frontend-Webentwicklung</a> </li> </ol> <script type="application/ld+json"> {"@context":"http://schema.org/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Alle Themen","item":"https://de.linkedin.com/learning/browse"},{"@type":"ListItem","position":2,"name":"Technik","item":"https://de.linkedin.com/learning/topics/technik"},{"@type":"ListItem","position":3,"name":"Webentwicklung","item":"https://de.linkedin.com/learning/topics/webentwicklung"},{"@type":"ListItem","position":4,"name":"Frontend-Webentwicklung","item":"https://de.linkedin.com/learning/topics/frontend-webentwicklung"}]} </script> <section class="top-card-layout container-lined overflow-hidden babybear:rounded-[0px]"> <section class="top-card__image-container"> <img class="top-card__image" alt="React Grundkurs" data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQG1_kl-LQOIhQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1652352947144?e=2147483647&v=beta&t=w4OLRH9aBJX3GciWpi9MfhhTJwTY-GW36UBkTsN_mSc"> <a class="top-card__overlay-button" data-tracking-control-name="course_preview" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/die-umfangreiche-einfuhrung-in-das-javascript-webframework-react-mit-vielen-praxisbeispielen?autoplay=true&trk=course_preview"> <span class="top-card__preview-cta "> <icon class="top-card__preview-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l"> </icon> <span class="top-card__preview-cta-text">Vorschau</span> </span>  </a> </section> <div class="top-card-layout__card relative p-2 papabear:p-details-container-padding"> <div class="top-card-layout__entity-info-container flex flex-wrap papabear:flex-nowrap"> <div class="top-card-layout__entity-info flex-grow flex-shrink-0 basis-0 babybear:flex-none babybear:w-full babybear:flex-none babybear:w-full"> <h1 class="top-card-layout__title font-sans text-lg papabear:text-xl font-bold leading-open text-color-text mb-0"> React Grundkurs </h1> <h2 class="top-card-layout__headline break-words font-sans text-md leading-open text-color-text"> <div class="top-card__headline-row"> <span class="top-card__headline-row-item top-card__headline-row-item--large">Mit David Lorenz</span> <span class="top-card__headline-row-item">48 Mitgliedern gefällt das</span> </div> <div class="top-card__headline-row"> <span class="top-card__headline-row-item">Dauer: 3 Std. 56 Min.</span>  <span class="top-card__headline-row-item">Veröffentlicht am: 20.5.2022</span> </div> </h2>   <div class="top-card-layout__cta-container flex flex-wrap mt-0.5 papabear:mt-0 ml-[-12px]"> <a href="http://de.linkedin.com/learning/subscription/products?courseSlug=react-grundkurs&destRedirectURL=https%3A%2F%2Fde%2Elinkedin%2Ecom%2Flearning%2Freact-grundkurs&trk=course_info&upsellTrk=lil_upsell_course_info_subscription" data-tracking-control-name="lil_upsell_course_info_subscription" data-tracking-impression-name="lil_upsell_course_info_subscription" data-litms-tracking-control-name="lil_upsell_course_info_subscription" data-tracking-will-navigate class="top-card__upsell-link top-card-layout__cta mt-2 ml-1.5 h-auto babybear:flex-auto top-card-layout__cta--primary btn-md btn-primary" data-test-live-course-sub-upsell> Gratismonat starten </a> <a class="buy-for-your-team-cta__link top-card-layout__cta mt-2 ml-1.5 h-auto babybear:flex-auto top-card-layout__cta--secondary btn-md btn-secondary" href="/learning/subscription/teams?veh=lil_upx&src=li-lil-upsell&trk=learning-course_buy-for-your-team-cta" data-tracking-control-name="learning-course_buy-for-your-team-cta" data-tracking-impression-name="lil_upsell_learning-course_buy-for-your-team-cta_teambuy" data-test-live-buy-for-your-team-upsell data-tracking-will-navigate> Für Ihr Team erwerben </a> </div> </div>  </div>   </div> </section> <div class="details mx-details-container-padding"> <section class="core-section-container my-3 course-details">  <h2 class="core-section-container__title section-title"> Kursdetails </h2>  <div class="core-section-container__content break-words"> <section class="show-more-less-html course-details__description" data-max-lines="4"> <div class="show-more-less-html__markup show-more-less-html__markup--clamp-after-4 relative overflow-hidden"> React hat die JavaScript-Welt nachhaltig verändert und ist heute mehr als nur Frontend-Framework: Es kommt in Fullstack-Projekten wie NextJS genauso zum Einsatz wie als React Native in mobilen Apps. Dieser umfangreiche Einsteigerkurs führt Sie von Grund auf in die populäre Bibliothek ein, leitet Sie durch Installation und Setup und stellt ausführlich die wichtigsten Komponenten und Mechanismen vor. Schritt für Schritt dringen Sie selbst in fortgeschrittene Themen wie Testing, dem Einsatz von JSX-Kommentaren oder dem State-Management mit Redux vor. <br><br> Um von dem Kurs mit seinen vielen Praxisbeispielen am besten profitieren zu können, sollten Sie über gute JavaScript- und HTML-Kenntnisse verfügen sowie mit der Kommandozeile umgehen können. Anhand von Challenges/Solutions-Aufgaben am Ende vieler Kapitel können Sie das Erlernte sofort testen und Ihre Lösung auch gleich mit der von Ihrem Trainer angebotenen Version vergleichen. </div> <button class="show-more-less-html__button show-more-less-button show-more-less-html__button--more ml-0.5" data-tracking-control-name="learning-course_show-more-html-btn" aria-label="i18n_show_more" aria-expanded="false">  Show more <icon class="show-more-less-html__button-icon show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less-html__button show-more-less-button show-more-less-html__button--less ml-0.5" data-tracking-control-name="learning-course_show-less-html-btn" aria-label="i18n_show_less" aria-expanded="true">  Show less <icon class="show-more-less-html__button-icon show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button>  </section> </div> </section> <section class="core-section-container my-3 course-skills">  <h2 class="core-section-container__title section-title"> Entwickelte Kompetenzen </h2>  <div class="core-section-container__content break-words"> <ul class="course-skills__skill-list"> <li class="course-skills__skill-list-item"> <a href="https://www.linkedin.com/learning/topics/react-js?trk=learning-course_pill-list" data-tracking-control-name="learning-course_pill-list" data-tracking-will-navigate class="pill flex w-fit mr-[6px] mb-1 hover:no-underline skill-pill"> React.js </a> </li> </ul> </div> </section> <section class="core-section-container my-3">  <h2 class="core-section-container__title section-title"> Zertifikate erhalten und teilen </h2>  <div class="core-section-container__content break-words"> <p class="course-certificate__body-paragraph">Teilen Sie, was Sie gelernt haben, und machen Sie in der gewünschten Branche auf sich aufmerksam – mit einem Zertifikat, das zeigt, was Sie in diesem Kurs gelernt haben.</p> <div class="course-certificate__image-container"> <img class="course-certificate__certificate-image" alt="Beispielzertifikat" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/52nu8qc7cfcn7vrftr7ttceqt"> <div> <h3 class="course-certificate__detail-list-heading"> <div class="learning-logo"> <icon class="learning-logo__inbug onload" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4zqr0f9jf98vi2nkijyc3bex2"></icon> <span class="learning-logo__text learning-logo__text--show-on-mobile" aria-hidden="true">Learning</span> <span class="sr-only">LinkedIn Learning</span> </div> <span>Abschlusszertifikat</span> </h3> <ul> <li class="course-certificate__detail-list-item"> <div class="course-certificate__detail-list-item-icon-wrapper"><icon data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5lqa4dj5v9gp6yjh6s6iwtdbb"></icon></div> <p class="course-certificate__detail-list-item-text">Zeigen Sie Ihr Zertifikat auf Ihrem LinkedIn Profil im Bereich „Bescheinigungen & Zertifikate“.</p> </li> <li class="course-certificate__detail-list-item"> <div class="course-certificate__detail-list-item-icon-wrapper"><icon data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5lqa4dj5v9gp6yjh6s6iwtdbb"></icon></div> <p class="course-certificate__detail-list-item-text">Sie können das Zertifikat auch als PDF herunterladen oder ausdrucken und so an andere weitergeben.</p> </li> <li class="course-certificate__detail-list-item"> <div class="course-certificate__detail-list-item-icon-wrapper"><icon data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5lqa4dj5v9gp6yjh6s6iwtdbb"></icon></div> <p class="course-certificate__detail-list-item-text">Teilen Sie es online als Bild, um zu zeigen, was Sie können.</p> </li> </ul> </div> </div> </div> </section> <section class="core-section-container my-3 course-instructors">  <h2 class="core-section-container__title section-title"> Lernen Sie den:die Trainer:in kennen </h2>  <div class="core-section-container__content break-words"> <ul class="course-instructors__list"> <li class="course-instructors__list-item"> <a href="https://de.linkedin.com/in/david-lorenz?trk=learning-course_instructor" target="_self" data-tracking-control-name="learning-course_instructor" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link">  <img class="inline-block relative rounded-[50%] w-6 h-6 " data-delayed-url="https://media.licdn.com/dms/image/v2/D4E03AQGrqRkDnA8IEQ/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1714842524431?e=2147483647&v=beta&t=UNvYx_52iWZ7RIJ8Quy_ZY2aNU2zyKikS3NiLZSSsFw" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt="Hier klicken, um die Trainer:innenseite von David Lorenz anzuzeigen"> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full"> <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> David Lorenz </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden"> Supabase Expert | Web Application Architect | Accessibility Expert </h4>   </div>  </a> </li> </ul> </div> </section> <section class="core-section-container my-3 reviews-feed">  <h2 class="core-section-container__title section-title"> Nutzerbewertungen </h2>  <div class="core-section-container__content break-words"> <div class="reviews-feed__ratings-summary"> <section class="ratings-summary"> <div class="ratings-summary__overall-rating"> <h3 class="ratings-summary__header"><span class="ratings-summary__rating-average">4,6</span> <span class="ratings-summary__rating-max"> von 5</span></h3> <figure class="ratings-summary__figure"> <span class="star-rating" role="img" aria-label="Rating: 4.6 von 5 Sternen"> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/7dacecy4xq1otzk8pae2g0hxd"></icon> </span> </span> <figcaption class="ratings-summary__ratings-total">68 Bewertungen</figcaption> </figure> </div> <div class="ratings-summary__breakdown"> <div class="ratings-summary__disclaimer"> <div class="tooltip"> <button class="tooltip__trigger ratings-summary__disclaimer-trigger" data-tracking-control-name="toggle_disclaimer" type="button"> <icon class="ratings-summary__disclaimer-icon" data-svg-class-name="ratings-summary__disclaimer-icon-svg" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/g8uts9v3k83n9e3iyvcxit0k"> </icon> <span class="ratings-summary__disclaimer-text">Wie werden die Bewertungen berechnet?</span> </button> <span role="tooltip" class="tooltip__popup" aria-hidden="true"> Die Gesamtbewertung gibt den Durchschnitt der abgegebenen Bewertungen wider. Sterne und Bewertungen können nur von nicht anonymisierten Nutzer:innen vergeben werden, die einen Kurs zu mindestens 40 % bearbeitet haben. So sollen gefälschte Bewertungen und Spam vermieden werden. </span> </div> </div> <ul> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 5 Sterne </figcaption> <progress class="ratings-summary__progress-bar" max="68" value="49" aria-valuemin="0" aria-valuenow="49" aria-valuemax="68"> Aktueller Wert: 49 </progress> <span class="ratings-summary__rating-count-percent"> 72 % </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 4 Sterne </figcaption> <progress class="ratings-summary__progress-bar" max="68" value="12" aria-valuemin="0" aria-valuenow="12" aria-valuemax="68"> Aktueller Wert: 12 </progress> <span class="ratings-summary__rating-count-percent"> 18 % </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 3 Sterne </figcaption> <progress class="ratings-summary__progress-bar" max="68" value="7" aria-valuemin="0" aria-valuenow="7" aria-valuemax="68"> Aktueller Wert: 7 </progress> <span class="ratings-summary__rating-count-percent"> 10 % </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 2 Sterne </figcaption> <progress class="ratings-summary__progress-bar" max="68" value="0" aria-valuemin="0" aria-valuenow="0" aria-valuemax="68"> Aktueller Wert: 0 </progress> <span class="ratings-summary__rating-count-percent"> 0 % </span> </figure> </li> <li> <figure class="ratings-summary__rating-count"> <figcaption class="ratings-summary__rating-count-label"> 1 Sterne </figcaption> <progress class="ratings-summary__progress-bar" max="68" value="0" aria-valuemin="0" aria-valuenow="0" aria-valuemax="68"> Aktueller Wert: 0 </progress> <span class="ratings-summary__rating-count-percent"> 0 % </span> </figure> </li> </ul> </div> </section> </div> <ul class="reviews-feed__reviews-list"> <li class="reviews-feed__reviews-list-item"> <div class="review-card"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link review-card__entity"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://de.linkedin.com/in/andreas-dutz-095092123?trk=learning-course" data-tracking-control-name="learning-course" data-tracking-will-navigate> <span class="sr-only"> Andreas Dutz  </span> </a> <img class="inline-block relative rounded-[50%] w-6 h-6 bg-color-entity-ghost-background" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt="Andreas Dutz"> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full"> <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Andreas Dutz  </h3>   <div class="body-text text-color-text-low-emphasis base-main-card__metadata"> <div class="review-card__content"> <div class="review-card__centered-row"> <div class="review-card__star-container"> <span class="star-rating" role="img" aria-label="Rating: 4 von 5 Sternen"> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/e0hq4l058yoqerjsrssp5pbr0"></icon> </span> </span> </div> <span class="review-card__rating"> 4/5 </span> <span class="review-card__date"> 1. April 2023 </span> </div> <div class="review-card__text"> Guter Einstieg in die JSX-Welt, würde ich weiterempfehlen </div> <div class="review-card__centered-row review-card__actions"> <a class="review-card__centered-row review-card__action-button" aria-label="Der Kommentar von Andreas Dutz ist hilfreich" data-tracking-control-name="learning-course_review-card-helpful-button" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Freact-grundkurs%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&trk=learning-course_review-card-helpful-button" rel="nofollow"> <icon class="review-card__centered-row review-card__action-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5ptx189gjbxrh9wf3ncsehms9" data-svg-class-name="review-card__like-icon"></icon> Hilfreich </a> <span class="review-card__dot-delimiter">·</span> <a class="review-card__centered-row review-card__action-button" aria-label="Kommentar von Andreas Dutz melden" data-tracking-control-name="learning-course_review-card-report-button" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Freact-grundkurs%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&trk=learning-course_review-card-report-button" rel="nofollow"> <icon class="review-card__centered-row review-card__action-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/d04ze1wt0ev8ck8e4ovqk762o" data-svg-class-name="review-card__flag-icon"></icon> Melden </a> </div> </div> </div> </div>  </div> </div> </li> <li class="reviews-feed__reviews-list-item"> <div class="review-card"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-main-card flex flex-wrap py-2 pr-2 babybear:pr-0 base-main-card--link review-card__entity"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://de.linkedin.com/in/benjamin-behncke-a2198545?trk=learning-course" data-tracking-control-name="learning-course" data-tracking-will-navigate> <span class="sr-only"> Benjamin Behncke  </span> </a> <img class="inline-block relative rounded-[50%] w-6 h-6 bg-color-entity-ghost-background" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt="Benjamin Behncke"> <div class="base-main-card__info self-center ml-1 flex-1 relative break-words papabear:min-w-0 mamabear:min-w-0 babybear:w-full"> <h3 class="base-main-card__title font-sans text-[18px] font-bold text-color-text overflow-hidden "> Benjamin Behncke  </h3> <h4 class="base-main-card__subtitle body-text text-color-text overflow-hidden"> "Stagnation is regression" </h4>  <div class="body-text text-color-text-low-emphasis base-main-card__metadata"> <div class="review-card__content"> <div class="review-card__centered-row"> <div class="review-card__star-container"> <span class="star-rating" role="img" aria-label="Rating: 5 von 5 Sternen"> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> <span class="star-rating__icon-container" aria-hidden="true"> <icon class="star-rating__icon star-rating__icon--small " data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cg0ud3t24av7pe8eamnp39hfq"></icon> </span> </span> </div> <span class="review-card__rating"> 5/5 </span> <span class="review-card__date"> 20. Dezember 2022 </span> </div> <div class="review-card__text"> Top Kurs für Beginner/Neulinge </div> <div class="review-card__centered-row review-card__actions"> <a class="review-card__centered-row review-card__action-button" aria-label="Der Kommentar von Benjamin Behncke ist hilfreich" data-tracking-control-name="learning-course_review-card-helpful-button" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Freact-grundkurs%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&trk=learning-course_review-card-helpful-button" rel="nofollow"> <icon class="review-card__centered-row review-card__action-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5ptx189gjbxrh9wf3ncsehms9" data-svg-class-name="review-card__like-icon"></icon> Hilfreich </a> <span class="review-card__dot-delimiter">·</span> <a class="review-card__centered-row review-card__action-button" aria-label="Kommentar von Benjamin Behncke melden" data-tracking-control-name="learning-course_review-card-report-button" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Freact-grundkurs%3Ftrk%3Dlearning-topics_learning-search-card_search-card%26trk%3Dlearning-topics_learning-search-card_search-card&trk=learning-course_review-card-report-button" rel="nofollow"> <icon class="review-card__centered-row review-card__action-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/d04ze1wt0ev8ck8e4ovqk762o" data-svg-class-name="review-card__flag-icon"></icon> Melden </a> </div> </div> </div> </div>  </div> </div> </li> </ul> </div> </section> </div> </section> <section class="right-rail papabear:w-right-rail-width papabear:ml-column-gutter mamabear:max-w-[790px] mamabear:px-mobile-container-padding babybear:max-w-[790px] babybear:px-mobile-container-padding"> <section class="table-of-contents mb-4 table-of-contents--with-max-height"> <h2 class="table-of-contents__header"> Inhalt </h2> <ul class="table-of-contents__list"> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> Einleitung <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> Einleitung <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/die-umfangreiche-einfuhrung-in-das-javascript-webframework-react-mit-vielen-praxisbeispielen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen </div> <div class="table-of-contents__item-duration"> 1 Min. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/die-github-dateien-zum-kurs-verwenden?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Die GitHub-Dateien zum Kurs verwenden </div> <div class="table-of-contents__item-duration"> 1 Min. 16 Sek. </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 1. React auf einen Blick <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 1. React auf einen Blick <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/warum-react?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Warum React? </div> <div class="table-of-contents__item-duration"> 2 Min. 56 Sek. </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 2. Exkurs: Modern JavaScript <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 2. Exkurs: Modern JavaScript <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/spread-rest-destructuring?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Spread, Rest & Destructuring </div> <div class="table-of-contents__item-duration"> 6 Min. 9 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/public-private-class-properties?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Public & Private Class Properties </div> <div class="table-of-contents__item-duration"> 2 Min. 22 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/arrow-functions?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Arrow Functions </div> <div class="table-of-contents__item-duration"> 2 Min. 25 Sek. </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 3. React einrichten <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 3. React einrichten <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/installation-mit-cra?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Installation mit CRA </div> <div class="table-of-contents__item-duration"> 1 Min. 18 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/das-setup-im-editor?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Das Setup im Editor </div> <div class="table-of-contents__item-duration"> 2 Min. 15 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/raw-setup-mit-react-eject?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Raw-Setup mit React Eject </div> <div class="table-of-contents__item-duration"> 1 Min. 58 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/das-zusammenspiel-von-render-jsx-und-strictmode?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Das Zusammenspiel von render, JSX und StrictMode </div> <div class="table-of-contents__item-duration"> 5 Min. 12 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/react-devtools?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> React DevTools </div> <div class="table-of-contents__item-duration"> 1 Min. 12 Sek. </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 4. Class Components <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 4. Class Components <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/render?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> render() </div> <div class="table-of-contents__item-duration"> 2 Min. 12 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/react-props?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> React-Props </div> <div class="table-of-contents__item-duration"> 4 Min. 26 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/state-componentdidmount?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> state & componentDidMount </div> <div class="table-of-contents__item-duration"> 4 Min. 29 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/lifecycle-didmount-didupdate-willunmount?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Lifecycle (didMount, didUpdate, willUnmount) </div> <div class="table-of-contents__item-duration"> 6 Min. 41 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/children-ubergeben?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> children übergeben </div> <div class="table-of-contents__item-duration"> 2 Min. 37 Sek. </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 5. Function Components <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 5. Function Components <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/warum-gibt-es-function-components?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Warum gibt es Function Components? </div> <div class="table-of-contents__item-duration"> 4 Min. 16 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/regeln-von-hooks?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Regeln von Hooks </div> <div class="table-of-contents__item-duration"> 2 Min. 2 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/keine-schwarze-magie-react-hooks?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Keine schwarze Magie: React Hooks </div> <div class="table-of-contents__item-duration"> 1 Min. 47 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/buttoncounter-mit-usestate?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> ButtonCounter mit useState </div> <div class="table-of-contents__item-duration"> 4 Min. 17 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/lifecycle-mit-useeffect-countdown?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Lifecycle mit useEffect: Countdown </div> <div class="table-of-contents__item-duration"> 8 Min. 3 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/usememo-bzw-usecallback?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> useMemo bzw. useCallback </div> <div class="table-of-contents__item-duration"> 5 Min. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/react-hooks-ausblick-und-tipps?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> React Hooks: Ausblick und Tipps </div> <div class="table-of-contents__item-duration"> 2 Min. 19 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/challenge-stoppuhr?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Challenge: Stoppuhr </div> <div class="table-of-contents__item-duration"> 56 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/solution-stoppuhr?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Solution: Stoppuhr </div> <div class="table-of-contents__item-duration"> 11 Min. 15 Sek. </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 6. Class vs. Function Components <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 6. Class vs. Function Components <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/gemeinsamkeiten-defaultprops-displayname-proptypes?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Gemeinsamkeiten: defaultProps, displayName, propTypes </div> <div class="table-of-contents__item-duration"> 7 Min. 19 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/class-components-auf-dem-abstellgleis?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Class Components auf dem Abstellgleis </div> <div class="table-of-contents__item-duration"> 49 Sek. </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 7. States und Events <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 7. States und Events <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/user-interaktionen-abfangen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <icon class="table-of-contents__item-status table-of-contents__item-status--unlocked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/5jwhkytplzxiejvhzfu0t7m8l" data-svg-class-name="table-of-contents__item-status-svg--unlocked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> User-Interaktionen abfangen </div> <div class="table-of-contents__item-duration"> 4 Min. 21 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/event-weitergabe-vs-addeventlistener?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Event-Weitergabe (vs. addEventListener) </div> <div class="table-of-contents__item-duration"> 3 Min. 24 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/globale-events?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Globale Events </div> <div class="table-of-contents__item-duration"> 4 Min. 44 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/challenge-position-des-mauszeigers?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Challenge: Position des Mauszeigers </div> <div class="table-of-contents__item-duration"> 44 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/solution-position-des-mauszeigers?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Solution: Position des Mauszeigers </div> <div class="table-of-contents__item-duration"> 5 Min. 46 Sek. </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 8. Kontexte <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 8. Kontexte <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/theming?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Theming </div> <div class="table-of-contents__item-duration"> 5 Min. 42 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/global-state?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Global State </div> <div class="table-of-contents__item-duration"> 3 Min. 33 Sek. </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 9. Iteration, Listen, Fragments und Conditionals <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 9. Iteration, Listen, Fragments und Conditionals <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/das-key-attribut-verstehen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Das key-Attribut verstehen </div> <div class="table-of-contents__item-duration"> 3 Min. 48 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/fragments-als-virtuelle-wrapper?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Fragments als virtuelle Wrapper </div> <div class="table-of-contents__item-duration"> 4 Min. 34 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/conditional-rendering?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Conditional Rendering </div> <div class="table-of-contents__item-duration"> 4 Min. 54 Sek. </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 10. Arbeiten mit (DOM)-Referenzen & Portals <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 10. Arbeiten mit (DOM)-Referenzen & Portals <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/createforwardref-useref?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> createForwardRef & useRef </div> <div class="table-of-contents__item-duration"> 5 Min. 37 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/createportal?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> createPortal </div> <div class="table-of-contents__item-duration"> 4 Min. 8 Sek. </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 11. Formulare <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 11. Formulare <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/uncontrolled-forms-ref?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Uncontrolled Forms (ref) </div> <div class="table-of-contents__item-duration"> 5 Min. 16 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/controlled-forms?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Controlled Forms </div> <div class="table-of-contents__item-duration"> 6 Min. 21 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/challenge-erweiterung-des-formulars?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Challenge: Erweiterung des Formulars </div> <div class="table-of-contents__item-duration"> 54 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/solution-erweiterung-des-formulars?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Solution: Erweiterung des Formulars </div> <div class="table-of-contents__item-duration"> 4 Min. 39 Sek. </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 12. Routing mit React Router & Error Boundaries <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 12. Routing mit React Router & Error Boundaries <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/standard-routing?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Standard-Routing </div> <div class="table-of-contents__item-duration"> 6 Min. 13 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/lazy-loading-mit-suspense?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Lazy-Loading mit Suspense </div> <div class="table-of-contents__item-duration"> 3 Min. 32 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/error-boundaries?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Error Boundaries </div> <div class="table-of-contents__item-duration"> 4 Min. 31 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/challenge-react-router-mit-search-parametern-nutzen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Challenge: React Router mit Search-Parametern nutzen </div> <div class="table-of-contents__item-duration"> 56 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/solution-react-router-mit-search-parametern-nutzen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Solution: React Router mit Search-Parametern nutzen </div> <div class="table-of-contents__item-duration"> 3 Min. 48 Sek. </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 13. Styling mit React <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 13. Styling mit React <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/spaces-erzwingen-global-css-inline-css?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Spaces erzwingen, Global CSS & Inline CSS </div> <div class="table-of-contents__item-duration"> 4 Min. 5 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/sass-css-modules?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> SASS & CSS Modules </div> <div class="table-of-contents__item-duration"> 4 Min. 22 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/weitere-moglichkeiten?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Weitere Möglichkeiten </div> <div class="table-of-contents__item-duration"> 2 Min. </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 14. Testing in React <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 14. Testing in React <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/setup-und-rendertest?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Setup und Rendertest </div> <div class="table-of-contents__item-duration"> 3 Min. 28 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/existenz-testen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Existenz testen </div> <div class="table-of-contents__item-duration"> 4 Min. 30 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/inhalte-prufen-properties-validieren-und-fehler-abfangen?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Inhalte prüfen, Properties validieren und Fehler abfangen </div> <div class="table-of-contents__item-duration"> 5 Min. 47 Sek. </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 15. Aufbauwissen für Fortgeschrittene <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 15. Aufbauwissen für Fortgeschrittene <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/innerhtml-jsx-kommentare?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> innerHTML && JSX-Kommentare </div> <div class="table-of-contents__item-duration"> 2 Min. 27 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/usereducer-redux?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> useReducer & Redux </div> <div class="table-of-contents__item-duration"> 2 Min. 33 Sek. </div> </div> </a> </li> </ul>  </div> </li> <li class="toc-section"> <div class="show-more-less"> <button class="show-more-less__button show-more-less__more-button show-more-less-button " aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 16. Neue Features und Funktionen in React 18 <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> <button class="show-more-less__button show-more-less__less-button show-more-less-button show-more-less__button--hide" aria-expanded="false" data-tracking-control-name="learning-course_toc-section_show_more"> 16. Neue Features und Funktionen in React 18 <icon class="show-more-less__button--chevron show-more-less-button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4chtt12k98xwnba1nimld2oyg"></icon> </button> <ul data-max-num-to-show="0" class="show-more-less__list show-more-less__list--hide-after-0" data-impression-id="learning-course_toc-section_show-more-less"> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/react-18-concurrent-react?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> React 18: Concurrent React </div> <div class="table-of-contents__item-duration"> 2 Min. 30 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/automatic-batching?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Automatic Batching </div> <div class="table-of-contents__item-duration"> 4 Min. 13 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/useid?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> useId </div> <div class="table-of-contents__item-duration"> 2 Min. 41 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/usetransition?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> useTransition </div> <div class="table-of-contents__item-duration"> 4 Min. 55 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/usedeferredvalue?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> useDeferredValue </div> <div class="table-of-contents__item-duration"> 3 Min. 46 Sek. </div> </div> </a> </li> <li class="toc-item"> <a data-tracking-control-name="learning-course_tocItem" data-tracking-will-navigate href="https://de.linkedin.com/learning/react-grundkurs/suspense-mit-usetransition?autoplay=true&trk=learning-course_tocItem" class="toc-item__link" aria-current="false"> <span class="a11y-text">(Gesperrt)</span> <icon class="table-of-contents__item-status table-of-contents__item-status--locked" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cfu0devb5o77ym5x8vv0oilfz" data-svg-class-name="table-of-contents__item-status-svg--locked"></icon> <div class="table-of-contents__item-details"> <div class="table-of-contents__item-title"> Suspense mit useTransition </div> <div class="table-of-contents__item-duration"> 5 Min. </div> </div> </a> </li> </ul>  </div> </li> </ul> </section> <section class="aside-section-container mb-4 subscription-value-props-aside-section"> <h2 class="aside-section-container__title section-title"> Enthalten: </h2>  <div class="aside-section-container__content break-words"> <ul>  <li class="subscription-value-props-aside-section__list-item"> <span class="subscription-value-props-aside-section__value-prop-label">Wissenstests</span> <span class="subscription-value-props-aside-section__value-prop-sublabel">14 Tests</span> </li> <li class="subscription-value-props-aside-section__list-item"> <span class="subscription-value-props-aside-section__value-prop-label">Lernen auch unterwegs</span> <span class="subscription-value-props-aside-section__value-prop-sublabel">Zugriff via Tablet und Handy</span> </li>  </ul> </div> </section> <section class="aside-section-container mb-4 similar-courses-aside-section"> <h2 class="aside-section-container__title section-title"> Ähnliche Kurse anzeigen </h2>  <div class="aside-section-container__content break-words"> <ul> <li>  <a href="https://de.linkedin.com/learning/react-hooks-grundkurs?trk=learning-course_similar-courses" target="_self" data-tracking-control-name="learning-course_similar-courses" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 hover:show-play-button focus:show-play-button base-aside-card--link aside-learning-course-card">  <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative h-[54px] w-[95px] "> <img class="base-aside-card__media-element w-[100px] h-full object-cover" alt data-delayed-url="https://media.licdn.com/dms/image/v2/C4D0DAQFF1degqov-AQ/learning-public-crop_144_256/learning-public-crop_144_256/0/1639377441096?e=2147483647&v=beta&t=iooLy5RaLJ5FB9w7haPkJkMgoL35_olBXfVEJUaBEb0"> <div class="aside-learning-course-card__duration duration">1 Std. 7 Min.</div> <icon class="base-aside-card__play-button w-auto play-button overlay-center" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/9n9raq7fmdu241tpsxwodsmcd" data-svg-class-name="base-aside-card__play-button-svg"></icon> </div> <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative"> React Hooks Grundkurs  </h3>      </div>  </a> </li> <li>  <a href="https://de.linkedin.com/learning/react-native-grundkurs?trk=learning-course_similar-courses" target="_self" data-tracking-control-name="learning-course_similar-courses" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-aside-card flex my-1.5 hover:show-play-button focus:show-play-button base-aside-card--link aside-learning-course-card">  <div class="base-aside-card__media flex-shrink-0 mr-0.5 overflow-hidden relative h-[54px] w-[95px] "> <img class="base-aside-card__media-element w-[100px] h-full object-cover" alt data-delayed-url="https://media.licdn.com/dms/image/v2/C4D0DAQFzf6KsvKs0Zg/learning-public-crop_144_256/learning-public-crop_144_256/0/1583825515197?e=2147483647&v=beta&t=N8zSHHm2d9MZqgppaq3Wv2BMu0xhUGPWOf7FmvQb9eo"> <div class="aside-learning-course-card__duration duration">2 Std. 56 Min.</div> <icon class="base-aside-card__play-button w-auto play-button overlay-center" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/9n9raq7fmdu241tpsxwodsmcd" data-svg-class-name="base-aside-card__play-button-svg"></icon> </div> <div class="base-aside-card__info self-center pl-0.5 flex flex-col flex-1"> <h3 class="base-aside-card__title font-sans text-md font-bold text-color-text relative"> React Native Grundkurs  </h3>      </div>  </a> </li> </ul> </div> </section> <section class="aside-section-container mb-4"> <h2 class="aside-section-container__title section-title"> Kurse herunterladen </h2>  <div class="aside-section-container__content break-words"> <p>Sie können Kurse mit der LinkedIn Learning-App für iOS oder Android herunterladen und diese auch ohne Internetverbindung auf Ihrem Mobilgerät ansehen.</p> <div class="app-links-aside-section__link-container"> <a class="app-links-aside-section__link" href="https://itunes.apple.com/de/app/apple-store/id1084807225?ls=1&pt=10746&mt=8&ct=learning_course_app_links&trk=learning-course_apple-app-store" data-tracking-control-name="learning-course_apple-app-store" data-tracking-will-navigate rel="noopener noreferrer" target="_blank"> <img alt="Im App Store herunterladen" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/emczv26hz24woii2j4aleyry" height="42px" width="142px"> </a> <a class="app-links-aside-section__link" href="https://play.google.com/store/apps/details?id=com.linkedin.android.learning&referrer=utm_source=linkedinlearning&utm_medium=mobileWeb&utm_campaign=learning_guest&hl=de&ct=learning_course_app_links&trk=learning-course_google-play-store" data-tracking-control-name="learning-course_google-play-store" data-tracking-will-navigate rel="noopener noreferrer" target="_blank"> <img alt="Auf Google Play erhältlich" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/535kqf5rsexfx0lucb3t6palb" height="42px" width="142px"> </a> </div> </div> </section> </section> </main> <div class="pre-footer "> <section class="core-section-container my-3 price-disclaimer">    <div class="core-section-container__content break-words"> <p class="price-disclaimer__copy"> <sup class="price-disclaimer__copy--sup">*</sup>Der Preis ist abhängig vom beim Einloggen oder bei der Registrierung angegebenen Profil- und Rechnungsland. </p> </div> </section> <section class="tw-linkster bg-cool-gray-20 browse-map" data-impression-id="learning-course_linkster" data-js-module-id="linkster"> <div class="max-w-screen-content-max-w w-full flex justify-between my-0 mx-auto mamabear:px-3 babybear:px-2 babybear:flex-col"> <div class="flex-1 w-1/2 pt-2 pr-4 pb-4 pl-0 babybear:pb-2 babybear:w-full babybear:border-b-1 babybear:border-solid babybear:border-color-border-low-emphasis babybear:last:border-b-0"> <h3 class="text-md font-bold text-color-text leading-open"> Themen der Kategorie „Business“ ansehen </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/fuhrung-und-berufliche-weiterentwicklung?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Berufliche Weiterentwicklung </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/business-software-und-tools?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Business-Software und Tools </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/diversity-equity-und-inclusion-dei?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Diversity, Equity, Inclusion und Belonging (DEIB) </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/finanz-und-rechnungswesen?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Finanz- und Rechnungswesen </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/fuhrung-und-management-15955952?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Führung und Management </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/karriere-entwicklung-15962768?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Karriere-Entwicklung </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/kleinunternehmen-und-unternehmertum?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Kleinunternehmen und Unternehmertum </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/kundenservice-15962236?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Kundenservice </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/marketing-3?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Marketing </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/personalwesen-15962946?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Personalwesen </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/projektmanagement-15955944?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Projektmanagement </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/training-und-bildung?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Training und Bildung </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/unternehmensanalyse-und-strategie?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Unternehmensanalyse und -strategie </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/verkauf-und-vertrieb-15961401?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Verkauf und Vertrieb </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="Alle Kurse anzeigen: Business" href="https://de.linkedin.com/learning/topics/business-2?trk=learning-course_browsemap_general-link" data-tracking-control-name="learning-course_browsemap_general-link" data-tracking-will-navigate> Alle anzeigen </a> </div> <div class="flex-1 w-1/2 pt-2 pr-4 pb-4 pl-0 babybear:pb-2 babybear:w-full babybear:border-b-1 babybear:border-solid babybear:border-color-border-low-emphasis babybear:last:border-b-0"> <h3 class="text-md font-bold text-color-text leading-open"> Themen der Kategorie „Kreativität“ ansehen </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/animation-und-illustration?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Animation und Illustration </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/architektur-ingenieur-und-bauwesen-aec?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Architektur-, Ingenieur- und Bauwesen (AEC) </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/audio-und-musik?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Audio und Musik </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/bildbearbeitung-fotografie-2?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Bildbearbeitung und Fotografie </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/grafikdesign?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Grafikdesign </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/motion-design-und-visuelle-effekte?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Motion-Design und Visuelle Effekte </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/produkt-und-herstellung?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Produkt und Herstellung </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/user-experience-15995392?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> User Experience </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/video-audio-2?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Video </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/visualisierung-und-echtzeit-rendering?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Visualisierung und Echtzeit-Rendering </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/webdesign-und-ux?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Webdesign </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="Alle Kurse anzeigen: Kreativität" href="https://de.linkedin.com/learning/topics/kreativitat?trk=learning-course_browsemap_general-link" data-tracking-control-name="learning-course_browsemap_general-link" data-tracking-will-navigate> Alle anzeigen </a> </div> <div class="flex-1 w-1/2 pt-2 pr-4 pb-4 pl-0 babybear:pb-2 babybear:w-full babybear:border-b-1 babybear:border-solid babybear:border-color-border-low-emphasis babybear:last:border-b-0"> <h3 class="text-md font-bold text-color-text leading-open"> Themen der Kategorie „Technik“ ansehen </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/cloud-computing-16105209?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Cloud-Computing </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/data-science-15956724?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Data Science </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/datenbankverwaltung?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Datenbankverwaltung </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/devops-16105665?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> DevOps </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/hardware?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Hardware </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/it-support-2?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> IT-Helpdesk </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/informations-und-it-sicherheit?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> IT-Sicherheit und Cybersecurity </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/kunstliche-intelligenz-ki?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Künstliche Intelligenz (KI) </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/mobile-entwicklung?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Mobile Entwicklung </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/it-operations-und-it-sicherheit?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Netzwerk- und Systemadministration </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/softwareentwicklung?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Softwareentwicklung </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://de.linkedin.com/learning/topics/webentwicklung?trk=learning-course_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-course_browsemap_link" data-tracking-will-navigate> Webentwicklung </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="Alle Kurse anzeigen: Technik" href="https://de.linkedin.com/learning/topics/technik?trk=learning-course_browsemap_general-link" data-tracking-control-name="learning-course_browsemap_general-link" data-tracking-will-navigate> Alle anzeigen </a> </div> </div> </section> </div> <footer class="li-footer bg-transparent w-full "> <ul class="li-footer__list flex flex-wrap flex-row items-start justify-start w-full h-auto min-h-[50px] my-[0px] mx-auto py-3 px-2 papabear:w-[1128px] papabear:p-0"> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <span class="sr-only">LinkedIn</span> <icon class="li-footer__copy-logo text-color-logo-brand-alt inline-block self-center h-[14px] w-[56px] mr-1" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/e12h2cd8ac580qen9qdd0qks8"></icon> <span class="li-footer__copy-text flex items-center">© 2024</span> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://about.linkedin.com?trk=d_learning_course_guest_footer-about" data-tracking-control-name="d_learning_course_guest_footer-about" data-tracking-will-navigate> Info </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/accessibility?trk=d_learning_course_guest_footer-accessibility" data-tracking-control-name="d_learning_course_guest_footer-accessibility" data-tracking-will-navigate> Barrierefreiheit </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/user-agreement?trk=d_learning_course_guest_footer-user-agreement" data-tracking-control-name="d_learning_course_guest_footer-user-agreement" data-tracking-will-navigate> Nutzervereinbarung </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/privacy-policy?trk=d_learning_course_guest_footer-privacy-policy" data-tracking-control-name="d_learning_course_guest_footer-privacy-policy" data-tracking-will-navigate> Datenschutzrichtlinie </a> </li>  <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/cookie-policy?trk=d_learning_course_guest_footer-cookie-policy" data-tracking-control-name="d_learning_course_guest_footer-cookie-policy" data-tracking-will-navigate> Cookie-Richtlinie </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/copyright-policy?trk=d_learning_course_guest_footer-copyright-policy" data-tracking-control-name="d_learning_course_guest_footer-copyright-policy" data-tracking-will-navigate> Copyright-Richtlinie </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://brand.linkedin.com/policies?trk=d_learning_course_guest_footer-brand-policy" data-tracking-control-name="d_learning_course_guest_footer-brand-policy" data-tracking-will-navigate> Markenrichtlinine </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/psettings/guest-controls?trk=d_learning_course_guest_footer-guest-controls" data-tracking-control-name="d_learning_course_guest_footer-guest-controls" data-tracking-will-navigate> Einstellungen für Nichtmitglieder </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/professional-community-policies?trk=d_learning_course_guest_footer-community-guide" data-tracking-control-name="d_learning_course_guest_footer-community-guide" data-tracking-will-navigate> Community-Richtlinien </a> </li>  <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <div class="collapsible-dropdown collapsible-dropdown--footer collapsible-dropdown--up flex items-center relative hyphens-auto language-selector z-2">  <ul class="collapsible-dropdown__list hidden container-raised absolute w-auto overflow-y-auto flex-col items-stretch z-1 bottom-[100%] top-auto" role="menu" tabindex="-1"> <li class="language-selector__item" role="presentation">  <button aria-label="العربية (Arabisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ar_AE" data-locale="ar_AE" role="menuitem" lang="ar_AE"> العربية (Arabisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="বাংলা (Bengali)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-bn_IN" data-locale="bn_IN" role="menuitem" lang="bn_IN"> বাংলা (Bengali) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Čeština (Tschechisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-cs_CZ" data-locale="cs_CZ" role="menuitem" lang="cs_CZ"> Čeština (Tschechisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Dansk (Dänisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-da_DK" data-locale="da_DK" role="menuitem" lang="da_DK"> Dansk (Dänisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Deutsch ausgewählt" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link--selected" data-tracking-control-name="language-selector-de_DE" data-locale="de_DE" role="menuitem" lang="de_DE"> <strong>Deutsch</strong> </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Ελανεκα (Griechisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-el_GR" data-locale="el_GR" role="menuitem" lang="el_GR"> Ελανεκα (Griechisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="English (Englisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-en_US" data-locale="en_US" role="menuitem" lang="en_US"> English (Englisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Español (Spanisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-es_ES" data-locale="es_ES" role="menuitem" lang="es_ES"> Español (Spanisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="فارسی (Persisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-fa_IR" data-locale="fa_IR" role="menuitem" lang="fa_IR"> فارسی (Persisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Suomi (Finnisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-fi_FI" data-locale="fi_FI" role="menuitem" lang="fi_FI"> Suomi (Finnisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Français (Französisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-fr_FR" data-locale="fr_FR" role="menuitem" lang="fr_FR"> Français (Französisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="हिंदी (Hindi)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-hi_IN" data-locale="hi_IN" role="menuitem" lang="hi_IN"> हिंदी (Hindi) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Magyar (Ungarisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-hu_HU" data-locale="hu_HU" role="menuitem" lang="hu_HU"> Magyar (Ungarisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Bahasa Indonesia (Indonesisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-in_ID" data-locale="in_ID" role="menuitem" lang="in_ID"> Bahasa Indonesia (Indonesisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Italiano (Italienisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-it_IT" data-locale="it_IT" role="menuitem" lang="it_IT"> Italiano (Italienisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="עברית (Hebräisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-iw_IL" data-locale="iw_IL" role="menuitem" lang="iw_IL"> עברית (Hebräisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="日本語 (Japanisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ja_JP" data-locale="ja_JP" role="menuitem" lang="ja_JP"> 日本語 (Japanisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="한국어 (Koreanisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ko_KR" data-locale="ko_KR" role="menuitem" lang="ko_KR"> 한국어 (Koreanisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="मराठी (Marathi)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-mr_IN" data-locale="mr_IN" role="menuitem" lang="mr_IN"> मराठी (Marathi) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Bahasa Malaysia (Malaysisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ms_MY" data-locale="ms_MY" role="menuitem" lang="ms_MY"> Bahasa Malaysia (Malaysisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Nederlands (Niederländisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-nl_NL" data-locale="nl_NL" role="menuitem" lang="nl_NL"> Nederlands (Niederländisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Norsk (Norwegisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-no_NO" data-locale="no_NO" role="menuitem" lang="no_NO"> Norsk (Norwegisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="ਪੰਜਾਬੀ (Punjabi)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-pa_IN" data-locale="pa_IN" role="menuitem" lang="pa_IN"> ਪੰਜਾਬੀ (Punjabi) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Polski (Polnisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-pl_PL" data-locale="pl_PL" role="menuitem" lang="pl_PL"> Polski (Polnisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Português (Portugiesisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-pt_BR" data-locale="pt_BR" role="menuitem" lang="pt_BR"> Português (Portugiesisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Română (Rumänisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ro_RO" data-locale="ro_RO" role="menuitem" lang="ro_RO"> Română (Rumänisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Русский (Russisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ru_RU" data-locale="ru_RU" role="menuitem" lang="ru_RU"> Русский (Russisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Svenska (Schwedisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-sv_SE" data-locale="sv_SE" role="menuitem" lang="sv_SE"> Svenska (Schwedisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="తెలుగు (Telugu)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-te_IN" data-locale="te_IN" role="menuitem" lang="te_IN"> తెలుగు (Telugu) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="ภาษาไทย (Thai)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-th_TH" data-locale="th_TH" role="menuitem" lang="th_TH"> ภาษาไทย (Thai) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Tagalog (Tagalog)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-tl_PH" data-locale="tl_PH" role="menuitem" lang="tl_PH"> Tagalog (Tagalog) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Türkçe (Türkisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-tr_TR" data-locale="tr_TR" role="menuitem" lang="tr_TR"> Türkçe (Türkisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Українська (Ukrainisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-uk_UA" data-locale="uk_UA" role="menuitem" lang="uk_UA"> Українська (Ukrainisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="Tiếng Việt (Vietnamesisch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-vi_VN" data-locale="vi_VN" role="menuitem" lang="vi_VN"> Tiếng Việt (Vietnamesisch) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="简体中文 (Chinesisch vereinfacht)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-zh_CN" data-locale="zh_CN" role="menuitem" lang="zh_CN"> 简体中文 (Chinesisch vereinfacht) </button> </li> <li class="language-selector__item" role="presentation">  <button aria-label="正體中文 (Chinesisch traditionell)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-zh_TW" data-locale="zh_TW" role="menuitem" lang="zh_TW"> 正體中文 (Chinesisch traditionell) </button> </li>  </ul> <button class="language-selector__button select-none relative pr-2 font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover hover:cursor-pointer focus:text-color-link-focus focus:outline-dotted focus:outline-1" aria-expanded="false" data-tracking-control-name="footer-lang-dropdown_trigger"> <span class="language-selector__label-text mr-0.5 break-words"> Sprache </span> <icon class="language-selector__label-chevron w-2 h-2 absolute top-0 right-0" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> </div> </li> </ul>  </footer> <script src="https://static.licdn.com/aero-v1/sc/h/eh08muqvrde4h3hc6koyij5ti" async></script>  <script src="https://static.licdn.com/aero-v1/sc/h/awgwgu3fg49q0tcvd24ku87qq" async defer></script> <script data-delayed-url="https://static.licdn.com/aero-v1/sc/h/81wy0f4hfrhoilx9eqdwg202z" data-module-id="media-player"></script> <code id="trackingData" style="display: none"></code> <code id="alcOnlyData" style="display: none"></code> </body> </html>

CINXE.COM

Onlinekurs: React Grundkurs | LinkedIn Learning, früher Lynda.com