{"id":31574492,"url":"https://github.com/siriglueck/iad-react-kurs","last_synced_at":"2025-10-05T16:05:41.338Z","repository":{"id":314902616,"uuid":"1057051142","full_name":"siriglueck/iad-react-kurs","owner":"siriglueck","description":null,"archived":false,"fork":false,"pushed_at":"2025-09-30T09:21:43.000Z","size":827,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-30T09:29:34.208Z","etag":null,"topics":["babel","react"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/siriglueck.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-15T08:00:49.000Z","updated_at":"2025-09-30T09:21:47.000Z","dependencies_parsed_at":"2025-09-30T09:20:19.318Z","dependency_job_id":"c4fd457c-62a7-4dba-8466-56ca898cfd99","html_url":"https://github.com/siriglueck/iad-react-kurs","commit_stats":null,"previous_names":["siriglueck/iad-react-kurs"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/siriglueck/iad-react-kurs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/siriglueck%2Fiad-react-kurs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/siriglueck%2Fiad-react-kurs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/siriglueck%2Fiad-react-kurs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/siriglueck%2Fiad-react-kurs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/siriglueck","download_url":"https://codeload.github.com/siriglueck/iad-react-kurs/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/siriglueck%2Fiad-react-kurs/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278477873,"owners_count":25993552,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-05T02:00:06.059Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["babel","react"],"created_at":"2025-10-05T16:05:35.875Z","updated_at":"2025-10-05T16:05:41.329Z","avatar_url":"https://github.com/siriglueck.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Bleib ruhig und lern\n## Trust the process\n\n\n React Konzepte\n\n## Elemente\n\nMit Hilfe von der Bibliothek React kann ich (React-) Elemente erzeugen. Das sind\neinfache Objekte mit Eigenschaften. Diese Objekte sind lightweight. Also wesentlich\neffizienter zu behandeln als DOM-Elemente und die entsprechen DOM-Objekte.\n\nDazu wird die Funktion `React.createElement` benutzt, um einen solchen Elemente-Baum\nzu erzeugen.\n\n## Render to DOM\n\nDiesen Elementebaum kann die `react-dom`-Bibliothek nun in einen sogenannten\nReactDOM-Root hinein \"rendern\".\nDies geschieht sehr effizient und schnell. Bestehendes HTML wird auch nicht ersetzt,\nfalls es identisch wäre mit dem jetzt zu erzeugenden HTML.\n\n```js\nconst root = ReactDOM.createRoot(document.getElementById('app')); // root erzeugen\nroot.render(app);  // Elementbaum rendern\n```\n\n## JSX\n\nUm das Erzeugen dieses Elemente-Baums stark zu vereinfachen, hat sich Facebook/Meta/React\neine Erweiterung für JavaScript ausgedacht, die es uns erlaubt mit einer XML-ähnlichen\nSyntax diesen Baum direkt im JavaScript-Code zu erzeugen.\n\n## Komponenten\n\nIn React und vielen anderen Frameworks/Libraries werden die Oberflächen (UI) aus\nKomponenten zusammengesetzt. D.h. man teilt die UI in seperate Bausteine auf.\nDamit kann der Code der zu einem Teil der Anwendung gehört besser abstrahiert und\nsepariert werden.\n\nWas ist in React eine Komponente?\n\n1. React.createClass (deprecated und existiert nicht mehr in React selbst)\n2. Eine Funktion, die JSX returned (Achtung: Funktionsname muss mit Großbuchstaben beginnen!)\n3. Eine Klasse, die von React.Component ableitet und in einer render-Methode JSX returned\n\n# NB\n\nCasing:\n\n- PascalCase, EinKleinesBeispiel\n- camelCase, einKleinesBeispiel\n- snake_case, ein_kleines_beispiel\n- kebap-case, ein-kleines-beispiel\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsiriglueck%2Fiad-react-kurs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsiriglueck%2Fiad-react-kurs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsiriglueck%2Fiad-react-kurs/lists"}