https://de.wikipedia.org/w/index.php?action=history&feed=atom&title=React_Native React Native - Versionsgeschichte 2025-05-27T23:24:34Z Versionsgeschichte dieser Seite in Wikipedia MediaWiki 1.45.0-wmf.2 https://de.wikipedia.org/w/index.php?title=React_Native&diff=250128262&oldid=prev Saehrimnir: BKL Fix 2024-11-07T16:35:28Z <p>BKL Fix</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 7. November 2024, 18:35 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 1:</td> <td colspan="2" class="diff-lineno">Zeile 1:</td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Infobox Software</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{Infobox Software</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|<del style="font-weight: bold; text-decoration: none;"> </del>Name = React Native</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Name<ins style="font-weight: bold; text-decoration: none;"> </ins> = React Native</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|<del style="font-weight: bold; text-decoration: none;"> </del>Logo = [[Datei:React-icon.svg|220px|React]]</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Logo<ins style="font-weight: bold; text-decoration: none;"> </ins> = [[Datei:React-icon.svg|220px|React]]</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|<del style="font-weight: bold; text-decoration: none;"> </del>Hersteller = Meta und die Open Source Community</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Hersteller<ins style="font-weight: bold; text-decoration: none;"> </ins> = Meta und die Open Source Community</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|<del style="font-weight: bold; text-decoration: none;"> </del>Erscheinungsjahr = 2015&lt;ref name="initialrelease"&gt;{{Internetquelle |titel=React Native: Bringing modern web techniques to mobile |datum=2015-03-26|abruf=2023-09-09|sprache=en|url=https://code.fb.com/android/react-native-bringing-modern-web-techniques-to-mobile/}}&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Erscheinungsjahr<ins style="font-weight: bold; text-decoration: none;"> </ins> = 2015&lt;ref name="initialrelease"&gt;{{Internetquelle |titel=React Native: Bringing modern web techniques to mobile |datum=2015-03-26|abruf=2023-09-09|sprache=en|url=https://code.fb.com/android/react-native-bringing-modern-web-techniques-to-mobile/}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|<del style="font-weight: bold; text-decoration: none;"> </del>AktuelleVersion = &lt;!-- Wikidata --&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|AktuelleVersion<ins style="font-weight: bold; text-decoration: none;"> </ins> = &lt;!-- Wikidata --&gt;</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|<del style="font-weight: bold; text-decoration: none;"> </del>AktuelleVersionFreigabeDatum = </div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|AktuelleVersionFreigabeDatum = </div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|<del style="font-weight: bold; text-decoration: none;"> </del>Programmiersprache = [[JavaScript]], [[Java (Programmiersprache)|Java]], [[C++]], [[Objective-C]], [[Python (Programmiersprache)|Python]]</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Programmiersprache<ins style="font-weight: bold; text-decoration: none;"> </ins> = [[JavaScript]], [[Java (Programmiersprache)|Java]], [[C++]], [[Objective-C]], [[Python (Programmiersprache)|Python]]</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|<del style="font-weight: bold; text-decoration: none;"> </del>Betriebssystem = [[Android (Betriebssystem)|Android]], [[Android TV]], [[iOS]], [[macOS]], [[tvOS]], [[Website|Web]], [[Windows]], [[Universal Windows Platform|UWP]], und [[Virtual Reality|VR]]</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Betriebssystem<ins style="font-weight: bold; text-decoration: none;"> </ins> = [[Android (Betriebssystem)|Android]], [[Android TV]], [[<ins style="font-weight: bold; text-decoration: none;">iOS (Betriebssystem)|</ins>iOS]], [[macOS]], [[tvOS]], [[Website|Web]], [[Windows]], [[Universal Windows Platform|UWP]], und [[Virtual Reality|VR]]</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|<del style="font-weight: bold; text-decoration: none;"> </del>Kategorie = [[Framework|Application Framework]]</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Kategorie<ins style="font-weight: bold; text-decoration: none;"> </ins> = [[Framework|Application Framework]]</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|<del style="font-weight: bold; text-decoration: none;"> </del>Lizenz = [[MIT-Lizenz]]</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Lizenz<ins style="font-weight: bold; text-decoration: none;"> </ins> = [[MIT-Lizenz]]</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|<del style="font-weight: bold; text-decoration: none;"> </del>Website = [https://reactnative.dev/ reactnative.dev]</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|Website<ins style="font-weight: bold; text-decoration: none;"> </ins> = [https://reactnative.dev/ reactnative.dev]</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> </table> Saehrimnir https://de.wikipedia.org/w/index.php?title=React_Native&diff=245641651&oldid=prev Peteremueller: /* Geschichte */ t 2024-06-05T01:14:13Z <p><span class="autocomment">Geschichte: </span> t</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 5. Juni 2024, 03:14 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 18:</td> <td colspan="2" class="diff-lineno">Zeile 18:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>In 2012 kommentierte [[Mark Zuckerberg]]: „Der größte Fehler, den wir als Unternehmen gemacht haben, war zu sehr auf [[Hypertext Markup Language|HTML5]] statt auf native Entwicklung zu setzen“. Die Nutzung von HTML5 in der mobilen Facebook-App sorgte laut eigener Aussage für Instabilität und eine insgesamt langsamere Anwendung.&lt;ref name="html-biggest-mistake"&gt;{{Internetquelle |autor=Christina Warren |titel=Zuckerberg's Biggest Mistake? 'Betting on HTML5' |hrsg=Mashable |url=https://mashable.com/2012/09/11/html5-biggest-mistake |abruf=2023-09-09|datum=2012-09-11|sprache=en}}&lt;/ref&gt;&lt;ref name="html-biggest-mistake-2"&gt;{{Internetquelle |autor=Jürgen Vielmeier |titel=Mark Zuckerberg kündigt Facebook-Suchmaschine an, nennt HTML 5 einen strategischen Fehler |hrsg=BASIC thinking |url=https://www.basicthinking.de/blog/2012/09/12/mark-zuckerberg-kundigt-facebook-suchmaschine-an-nennt-html-5-einen-strategischen-fehler/ |abruf=2023-09-09|datum=2012-09-12|sprache=de}}&lt;/ref&gt; Er versprach zugleich, [[Facebook]] würde bald eine bessere mobile Nutzungserfahrung schaffen.</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>In 2012 kommentierte [[Mark Zuckerberg]]: „Der größte Fehler, den wir als Unternehmen gemacht haben, war zu sehr auf [[Hypertext Markup Language|HTML5]] statt auf native Entwicklung zu setzen“. Die Nutzung von HTML5 in der mobilen Facebook-App sorgte laut eigener Aussage für Instabilität und eine insgesamt langsamere Anwendung.&lt;ref name="html-biggest-mistake"&gt;{{Internetquelle |autor=Christina Warren |titel=Zuckerberg's Biggest Mistake? 'Betting on HTML5' |hrsg=Mashable |url=https://mashable.com/2012/09/11/html5-biggest-mistake |abruf=2023-09-09|datum=2012-09-11|sprache=en}}&lt;/ref&gt;&lt;ref name="html-biggest-mistake-2"&gt;{{Internetquelle |autor=Jürgen Vielmeier |titel=Mark Zuckerberg kündigt Facebook-Suchmaschine an, nennt HTML 5 einen strategischen Fehler |hrsg=BASIC thinking |url=https://www.basicthinking.de/blog/2012/09/12/mark-zuckerberg-kundigt-facebook-suchmaschine-an-nennt-html-5-einen-strategischen-fehler/ |abruf=2023-09-09|datum=2012-09-12|sprache=de}}&lt;/ref&gt; Er versprach zugleich, [[Facebook]] würde bald eine bessere mobile Nutzungserfahrung schaffen.</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Jordan Walke, ein Softwareentwickler bei Facebook, fand einen Weg, [[Benutzerschnittstelle|UI]]-Elemente in iOS aus einem [[JavaScript]]-[[Thread (Informatik)|Thread]], welcher im Hintergrund läuft, zu erzeugen. Dies wurde zur Basis für das [[React|React-Framework]]. Facebook entschied sich dazu, einen internen [[Hackathon]] abzuhalten, um aus dem [[Prototyp (Technik)|<del style="font-weight: bold; text-decoration: none;">Prototypen</del>]] ein produktiv einsetzbares Framework zu machen und künftig [[Mobile App|native Mobile-Apps]] mit der Technologie entwickeln zu können.&lt;ref&gt;{{Internetquelle |titel=React Native: A year in review |url=https://engineering.fb.com/2016/04/13/android/react-native-a-year-in-review/ |datum=2016-04-13 |abruf=2023-09-09|sprache=en}}&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Jordan Walke, ein Softwareentwickler bei Facebook, fand einen Weg, [[Benutzerschnittstelle|UI]]-Elemente in iOS aus einem [[JavaScript]]-[[Thread (Informatik)|Thread]], welcher im Hintergrund läuft, zu erzeugen. Dies wurde zur Basis für das [[React|React-Framework]]. Facebook entschied sich dazu, einen internen [[Hackathon]] abzuhalten, um aus dem [[Prototyp (Technik)|<ins style="font-weight: bold; text-decoration: none;">Prototyp</ins>]] ein produktiv einsetzbares Framework zu machen und künftig [[Mobile App|native Mobile-Apps]] mit der Technologie entwickeln zu können.&lt;ref&gt;{{Internetquelle |titel=React Native: A year in review |url=https://engineering.fb.com/2016/04/13/android/react-native-a-year-in-review/ |datum=2016-04-13 |abruf=2023-09-09|sprache=en}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Nach Monaten der Entwicklung veröffentlichte Facebook 2015 die erste Version auf der React JavaScript Configuration Konferenz. Während einer technischen [[Keynote]]&lt;ref&gt;{{Internetquelle |autor=Christopher Chadeau |titel=A Deep Dive into React Native |url=https://www.youtube.com/watch?v=7rDsRXj9-cU |werk=YouTube |abruf=2023-09-09|sprache=en}}&lt;/ref&gt; erklärte Christopher Chedeau, dass Facebook React Native bereits produktiv in einigen der eigenen Apps, namentlich der Group App und der Ads Manager App, verwendete.&lt;ref name="initialrelease" /&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Nach Monaten der Entwicklung veröffentlichte Facebook 2015 die erste Version auf der React JavaScript Configuration Konferenz. Während einer technischen [[Keynote]]&lt;ref&gt;{{Internetquelle |autor=Christopher Chadeau |titel=A Deep Dive into React Native |url=https://www.youtube.com/watch?v=7rDsRXj9-cU |werk=YouTube |abruf=2023-09-09|sprache=en}}&lt;/ref&gt; erklärte Christopher Chedeau, dass Facebook React Native bereits produktiv in einigen der eigenen Apps, namentlich der Group App und der Ads Manager App, verwendete.&lt;ref name="initialrelease" /&gt;</div></td> </tr> </table> Peteremueller https://de.wikipedia.org/w/index.php?title=React_Native&diff=245247697&oldid=prev Venuswind: Kaputten / veralteten Link ersetzt 2024-05-23T16:19:42Z <p>Kaputten / veralteten Link ersetzt</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 23. Mai 2024, 18:19 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 13:</td> <td colspan="2" class="diff-lineno">Zeile 13:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''React Native''' ist ein [[Open Source|quelloffenes]] [[Benutzerschnittstelle|UI]]-[[Framework]] zur Erstellung von Anwendungen für [[Android (Betriebssystem)|Android]],&lt;ref&gt;{{Internetquelle |titel=Android Release for React Native |datum=2015-09-14|abruf=2023-09-09|url=https://code.facebook.com/posts/1189117404435352/react-native-for-android-how-we-built-the-first-cross-platform-react-native-app/|sprache=en}}&lt;/ref&gt;&lt;ref name="CNET"&gt;{{Internetquelle |autor=Stephen Shankland|titel=Mozilla's radical open-source move helped rewrite rules of tech |datum=2018-03-29 |url=https://www.cnet.com/culture/mozilla-open-source-firefox-move-helped-rewrite-tech-rules-anniversary/ |abruf=2023-09-09|werk=[[CNET]]|sprache=en}}&lt;/ref&gt; [[Android TV]],&lt;ref&gt;{{Internetquelle |titel=Building For TV Devices · React Native |sprache=en |url=https://reactnative.dev/docs/building-for-tv |werk=reactnative.dev |abruf=2023-09-09}}&lt;/ref&gt; [[IOS (Betriebssystem)|iOS]],&lt;ref name="CNET" /&gt; [[macOS]],&lt;ref name="react-native-windows"&gt;{{Internetquelle |titel=React Native for Windows + macOS · Build native Windows &amp; macOS apps with Javascript and React |url=https://microsoft.github.io/react-native-windows/ |werk=microsoft.github.io |abruf=2023-09-09|sprache=en}}&lt;/ref&gt; [[tvOS]],&lt;ref&gt;{{Internetquelle |titel=React Native for Apple TV |sprache=en |url=https://<del style="font-weight: bold; text-decoration: none;">dlowder-salesforce.</del>github.<del style="font-weight: bold; text-decoration: none;">io</del>/react-native-<del style="font-weight: bold; text-decoration: none;">apple-tv/ |abruf=2023-09-09 |archiv-url=https://web.archive.org/web/20200921042522/https://dlowder-salesforce.github.io</del>/react-native-<del style="font-weight: bold; text-decoration: none;">apple-tv/ </del>|<del style="font-weight: bold; text-decoration: none;">archiv-datum=2020-09-21 |offline=ja |archiv-bot</del>=2024-<del style="font-weight: bold; text-decoration: none;">04</del>-23<del style="font-weight: bold; text-decoration: none;"> 15:05:44 InternetArchiveBot</del> }}&lt;/ref&gt; [[Website|Web]],&lt;ref&gt;{{Internetquelle |titel=React Native for Web |url=https://github.com/necolas/react-native-web/ |werk=[[GitHub]] |abruf=2023-09-09|sprache=en}}&lt;/ref&gt; [[Microsoft Windows|Windows]]&lt;ref name="react-native-windows" /&gt; und [[Universal Windows Platform|UWP]]&lt;ref&gt;{{Internetquelle |autor=Windows Apps Team |titel=React Native on the Universal Windows Platform |datum=13. April 2016|url=https://blogs.windows.com/buildingapps/2016/04/13/react-native-on-the-universal-windows-platform/ |werk=blogs.windows.com |abruf=2023-09-09|sprache=en}}&lt;/ref&gt;, welches von [[Meta Platforms|Meta Platforms, Inc.]]&lt;ref&gt;{{Internetquelle |titel=Chapter 1. What Is React Native? |hrsg=[[O’Reilly Verlag|O’Reilly Media, Inc.]] |url=https://www.oreilly.com/library/view/learning-react-native/9781491929049/ch01.html |werk=oreilly.com |abruf=2023-09-09|sprache=en}}&lt;/ref&gt; entwickelt wird. Es ermöglicht Entwicklern, native Systemfunktionen bei der Entwicklung mit der [[React|React-Bibliothek]] zu verwenden.&lt;ref&gt;{{Internetquelle |titel=Out-of-Tree Platforms |hrsg=Facebook, Inc. |url=https://reactnative.dev/docs/out-of-tree-platforms |werk=reactnative.dev |abruf=2023-09-09|sprache=en}}&lt;/ref&gt; Es wird unter anderem bei Facebook, Microsoft und Shopify zur Entwicklung der eigenen Android- und iOS-Apps verwendet.&lt;ref&gt;{{Internetquelle |titel=React Native Showcase |sprache=en |url=https://reactnative.dev/showcase.html |werk=reactnative.dev |abruf=2023-09-09}}&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''React Native''' ist ein [[Open Source|quelloffenes]] [[Benutzerschnittstelle|UI]]-[[Framework]] zur Erstellung von Anwendungen für [[Android (Betriebssystem)|Android]],&lt;ref&gt;{{Internetquelle |titel=Android Release for React Native |datum=2015-09-14|abruf=2023-09-09|url=https://code.facebook.com/posts/1189117404435352/react-native-for-android-how-we-built-the-first-cross-platform-react-native-app/|sprache=en}}&lt;/ref&gt;&lt;ref name="CNET"&gt;{{Internetquelle |autor=Stephen Shankland|titel=Mozilla's radical open-source move helped rewrite rules of tech |datum=2018-03-29 |url=https://www.cnet.com/culture/mozilla-open-source-firefox-move-helped-rewrite-tech-rules-anniversary/ |abruf=2023-09-09|werk=[[CNET]]|sprache=en}}&lt;/ref&gt; [[Android TV]],&lt;ref&gt;{{Internetquelle |titel=Building For TV Devices · React Native |sprache=en |url=https://reactnative.dev/docs/building-for-tv |werk=reactnative.dev |abruf=2023-09-09}}&lt;/ref&gt; [[IOS (Betriebssystem)|iOS]],&lt;ref name="CNET" /&gt; [[macOS]],&lt;ref name="react-native-windows"&gt;{{Internetquelle |titel=React Native for Windows + macOS · Build native Windows &amp; macOS apps with Javascript and React |url=https://microsoft.github.io/react-native-windows/ |werk=microsoft.github.io |abruf=2023-09-09|sprache=en}}&lt;/ref&gt; [[tvOS]],&lt;ref&gt;{{Internetquelle |titel=React Native for Apple TV<ins style="font-weight: bold; text-decoration: none;"> |werk=[[GitHub]]</ins> |sprache=en |url=https://github.<ins style="font-weight: bold; text-decoration: none;">com</ins>/react-native-<ins style="font-weight: bold; text-decoration: none;">tvos</ins>/react-native-<ins style="font-weight: bold; text-decoration: none;">tvos</ins>|<ins style="font-weight: bold; text-decoration: none;">abruf</ins>=2024-<ins style="font-weight: bold; text-decoration: none;">05</ins>-23 }}&lt;/ref&gt; [[Website|Web]],&lt;ref&gt;{{Internetquelle |titel=React Native for Web |url=https://github.com/necolas/react-native-web/ |werk=[[GitHub]] |abruf=2023-09-09|sprache=en}}&lt;/ref&gt; [[Microsoft Windows|Windows]]&lt;ref name="react-native-windows" /&gt; und [[Universal Windows Platform|UWP]]&lt;ref&gt;{{Internetquelle |autor=Windows Apps Team |titel=React Native on the Universal Windows Platform |datum=13. April 2016|url=https://blogs.windows.com/buildingapps/2016/04/13/react-native-on-the-universal-windows-platform/ |werk=blogs.windows.com |abruf=2023-09-09|sprache=en}}&lt;/ref&gt;, welches von [[Meta Platforms|Meta Platforms, Inc.]]&lt;ref&gt;{{Internetquelle |titel=Chapter 1. What Is React Native? |hrsg=[[O’Reilly Verlag|O’Reilly Media, Inc.]] |url=https://www.oreilly.com/library/view/learning-react-native/9781491929049/ch01.html |werk=oreilly.com |abruf=2023-09-09|sprache=en}}&lt;/ref&gt; entwickelt wird. Es ermöglicht Entwicklern, native Systemfunktionen bei der Entwicklung mit der [[React|React-Bibliothek]] zu verwenden.&lt;ref&gt;{{Internetquelle |titel=Out-of-Tree Platforms |hrsg=Facebook, Inc. |url=https://reactnative.dev/docs/out-of-tree-platforms |werk=reactnative.dev |abruf=2023-09-09|sprache=en}}&lt;/ref&gt; Es wird unter anderem bei Facebook, Microsoft und Shopify zur Entwicklung der eigenen Android- und iOS-Apps verwendet.&lt;ref&gt;{{Internetquelle |titel=React Native Showcase |sprache=en |url=https://reactnative.dev/showcase.html |werk=reactnative.dev |abruf=2023-09-09}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Geschichte ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Geschichte ==</div></td> </tr> </table> Venuswind https://de.wikipedia.org/w/index.php?title=React_Native&diff=245247624&oldid=prev Venuswind: Infobox Fixes 2024-05-23T16:16:12Z <p>Infobox Fixes</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 23. Mai 2024, 18:16 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 3:</td> <td colspan="2" class="diff-lineno">Zeile 3:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>| Logo = [[Datei:React-icon.svg|220px|React]]</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>| Logo = [[Datei:React-icon.svg|220px|React]]</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>| Hersteller = Meta und die Open Source Community</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>| Hersteller = Meta und die Open Source Community</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>| Erscheinungsjahr =<del style="font-weight: bold; text-decoration: none;"> 26. März</del> 2015&lt;ref name="initialrelease"&gt;{{Internetquelle |titel=React Native: Bringing modern web techniques to mobile |datum=2015-03-26|abruf=2023-09-09|sprache=en|url=https://code.fb.com/android/react-native-bringing-modern-web-techniques-to-mobile/}}&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>| Erscheinungsjahr = 2015&lt;ref name="initialrelease"&gt;{{Internetquelle |titel=React Native: Bringing modern web techniques to mobile |datum=2015-03-26|abruf=2023-09-09|sprache=en|url=https://code.fb.com/android/react-native-bringing-modern-web-techniques-to-mobile/}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>| AktuelleVersion = <del style="font-weight: bold; text-decoration: none;">{{#invoke:</del>Wikidata<del style="font-weight: bold; text-decoration: none;">|claim|1=P348|id=Q55774523}}</del></div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>| AktuelleVersion = <ins style="font-weight: bold; text-decoration: none;">&lt;!-- </ins>Wikidata<ins style="font-weight: bold; text-decoration: none;"> --&gt;</ins></div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>| AktuelleVersionFreigabeDatum = <del style="font-weight: bold; text-decoration: none;">{{#invoke:Wikidata|claim|1=P577|id=Q55774523}}</del></div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>| AktuelleVersionFreigabeDatum = </div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>| Programmiersprache = [[JavaScript]], [[Java (Programmiersprache)|Java]], [[C++]], [[Objective-C]], [[Python (Programmiersprache)|Python]]</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>| Programmiersprache = [[JavaScript]], [[Java (Programmiersprache)|Java]], [[C++]], [[Objective-C]], [[Python (Programmiersprache)|Python]]</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>| Betriebssystem = [[Android (Betriebssystem)|Android]], [[Android TV]], [[iOS]], [[macOS]], [[tvOS]], [[Website|Web]], [[Windows]], [[Universal Windows Platform|UWP]], und [[Virtual Reality|VR]]</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>| Betriebssystem = [[Android (Betriebssystem)|Android]], [[Android TV]], [[iOS]], [[macOS]], [[tvOS]], [[Website|Web]], [[Windows]], [[Universal Windows Platform|UWP]], und [[Virtual Reality|VR]]</div></td> </tr> </table> Venuswind https://de.wikipedia.org/w/index.php?title=React_Native&diff=245176019&oldid=prev Venuswind: React ist kein Framework, sondern eine Programmbibliothek (vgl. React) 2024-05-21T15:01:10Z <p>React ist kein Framework, sondern eine Programmbibliothek (vgl. <a href="/wiki/React" title="React">React</a>)</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 21. Mai 2024, 17:01 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 13:</td> <td colspan="2" class="diff-lineno">Zeile 13:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''React Native''' ist ein [[Open Source|quelloffenes]] [[Benutzerschnittstelle|UI]]-[[Framework]] zur Erstellung von Anwendungen für [[Android (Betriebssystem)|Android]],&lt;ref&gt;{{Internetquelle |titel=Android Release for React Native |datum=2015-09-14|abruf=2023-09-09|url=https://code.facebook.com/posts/1189117404435352/react-native-for-android-how-we-built-the-first-cross-platform-react-native-app/|sprache=en}}&lt;/ref&gt;&lt;ref name="CNET"&gt;{{Internetquelle |autor=Stephen Shankland|titel=Mozilla's radical open-source move helped rewrite rules of tech |datum=2018-03-29 |url=https://www.cnet.com/culture/mozilla-open-source-firefox-move-helped-rewrite-tech-rules-anniversary/ |abruf=2023-09-09|werk=[[CNET]]|sprache=en}}&lt;/ref&gt; [[Android TV]],&lt;ref&gt;{{Internetquelle |titel=Building For TV Devices · React Native |sprache=en |url=https://reactnative.dev/docs/building-for-tv |werk=reactnative.dev |abruf=2023-09-09}}&lt;/ref&gt; [[IOS (Betriebssystem)|iOS]],&lt;ref name="CNET" /&gt; [[macOS]],&lt;ref name="react-native-windows"&gt;{{Internetquelle |titel=React Native for Windows + macOS · Build native Windows &amp; macOS apps with Javascript and React |url=https://microsoft.github.io/react-native-windows/ |werk=microsoft.github.io |abruf=2023-09-09|sprache=en}}&lt;/ref&gt; [[tvOS]],&lt;ref&gt;{{Internetquelle |titel=React Native for Apple TV |sprache=en |url=https://dlowder-salesforce.github.io/react-native-apple-tv/ |abruf=2023-09-09 |archiv-url=https://web.archive.org/web/20200921042522/https://dlowder-salesforce.github.io/react-native-apple-tv/ |archiv-datum=2020-09-21 |offline=ja |archiv-bot=2024-04-23 15:05:44 InternetArchiveBot }}&lt;/ref&gt; [[Website|Web]],&lt;ref&gt;{{Internetquelle |titel=React Native for Web |url=https://github.com/necolas/react-native-web/ |werk=[[GitHub]] |abruf=2023-09-09|sprache=en}}&lt;/ref&gt; [[Microsoft Windows|Windows]]&lt;ref name="react-native-windows" /&gt; und [[Universal Windows Platform|UWP]]&lt;ref&gt;{{Internetquelle |autor=Windows Apps Team |titel=React Native on the Universal Windows Platform |datum=13. April 2016|url=https://blogs.windows.com/buildingapps/2016/04/13/react-native-on-the-universal-windows-platform/ |werk=blogs.windows.com |abruf=2023-09-09|sprache=en}}&lt;/ref&gt;, welches von [[Meta Platforms|Meta Platforms, Inc.]]&lt;ref&gt;{{Internetquelle |titel=Chapter 1. What Is React Native? |hrsg=[[O’Reilly Verlag|O’Reilly Media, Inc.]] |url=https://www.oreilly.com/library/view/learning-react-native/9781491929049/ch01.html |werk=oreilly.com |abruf=2023-09-09|sprache=en}}&lt;/ref&gt; entwickelt wird. Es ermöglicht Entwicklern, native Systemfunktionen bei der Entwicklung mit <del style="font-weight: bold; text-decoration: none;">dem</del> [[React|React-<del style="font-weight: bold; text-decoration: none;">Framework</del>]] zu verwenden.&lt;ref&gt;{{Internetquelle |titel=Out-of-Tree Platforms |hrsg=Facebook, Inc. |url=https://reactnative.dev/docs/out-of-tree-platforms |werk=reactnative.dev |abruf=2023-09-09|sprache=en}}&lt;/ref&gt; Es wird unter anderem bei Facebook, Microsoft und Shopify zur Entwicklung der eigenen Android- und iOS-Apps verwendet.&lt;ref&gt;{{Internetquelle |titel=React Native Showcase |sprache=en |url=https://reactnative.dev/showcase.html |werk=reactnative.dev |abruf=2023-09-09}}&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''React Native''' ist ein [[Open Source|quelloffenes]] [[Benutzerschnittstelle|UI]]-[[Framework]] zur Erstellung von Anwendungen für [[Android (Betriebssystem)|Android]],&lt;ref&gt;{{Internetquelle |titel=Android Release for React Native |datum=2015-09-14|abruf=2023-09-09|url=https://code.facebook.com/posts/1189117404435352/react-native-for-android-how-we-built-the-first-cross-platform-react-native-app/|sprache=en}}&lt;/ref&gt;&lt;ref name="CNET"&gt;{{Internetquelle |autor=Stephen Shankland|titel=Mozilla's radical open-source move helped rewrite rules of tech |datum=2018-03-29 |url=https://www.cnet.com/culture/mozilla-open-source-firefox-move-helped-rewrite-tech-rules-anniversary/ |abruf=2023-09-09|werk=[[CNET]]|sprache=en}}&lt;/ref&gt; [[Android TV]],&lt;ref&gt;{{Internetquelle |titel=Building For TV Devices · React Native |sprache=en |url=https://reactnative.dev/docs/building-for-tv |werk=reactnative.dev |abruf=2023-09-09}}&lt;/ref&gt; [[IOS (Betriebssystem)|iOS]],&lt;ref name="CNET" /&gt; [[macOS]],&lt;ref name="react-native-windows"&gt;{{Internetquelle |titel=React Native for Windows + macOS · Build native Windows &amp; macOS apps with Javascript and React |url=https://microsoft.github.io/react-native-windows/ |werk=microsoft.github.io |abruf=2023-09-09|sprache=en}}&lt;/ref&gt; [[tvOS]],&lt;ref&gt;{{Internetquelle |titel=React Native for Apple TV |sprache=en |url=https://dlowder-salesforce.github.io/react-native-apple-tv/ |abruf=2023-09-09 |archiv-url=https://web.archive.org/web/20200921042522/https://dlowder-salesforce.github.io/react-native-apple-tv/ |archiv-datum=2020-09-21 |offline=ja |archiv-bot=2024-04-23 15:05:44 InternetArchiveBot }}&lt;/ref&gt; [[Website|Web]],&lt;ref&gt;{{Internetquelle |titel=React Native for Web |url=https://github.com/necolas/react-native-web/ |werk=[[GitHub]] |abruf=2023-09-09|sprache=en}}&lt;/ref&gt; [[Microsoft Windows|Windows]]&lt;ref name="react-native-windows" /&gt; und [[Universal Windows Platform|UWP]]&lt;ref&gt;{{Internetquelle |autor=Windows Apps Team |titel=React Native on the Universal Windows Platform |datum=13. April 2016|url=https://blogs.windows.com/buildingapps/2016/04/13/react-native-on-the-universal-windows-platform/ |werk=blogs.windows.com |abruf=2023-09-09|sprache=en}}&lt;/ref&gt;, welches von [[Meta Platforms|Meta Platforms, Inc.]]&lt;ref&gt;{{Internetquelle |titel=Chapter 1. What Is React Native? |hrsg=[[O’Reilly Verlag|O’Reilly Media, Inc.]] |url=https://www.oreilly.com/library/view/learning-react-native/9781491929049/ch01.html |werk=oreilly.com |abruf=2023-09-09|sprache=en}}&lt;/ref&gt; entwickelt wird. Es ermöglicht Entwicklern, native Systemfunktionen bei der Entwicklung mit <ins style="font-weight: bold; text-decoration: none;">der</ins> [[React|React-<ins style="font-weight: bold; text-decoration: none;">Bibliothek</ins>]] zu verwenden.&lt;ref&gt;{{Internetquelle |titel=Out-of-Tree Platforms |hrsg=Facebook, Inc. |url=https://reactnative.dev/docs/out-of-tree-platforms |werk=reactnative.dev |abruf=2023-09-09|sprache=en}}&lt;/ref&gt; Es wird unter anderem bei Facebook, Microsoft und Shopify zur Entwicklung der eigenen Android- und iOS-Apps verwendet.&lt;ref&gt;{{Internetquelle |titel=React Native Showcase |sprache=en |url=https://reactnative.dev/showcase.html |werk=reactnative.dev |abruf=2023-09-09}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Geschichte ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Geschichte ==</div></td> </tr> </table> Venuswind https://de.wikipedia.org/w/index.php?title=React_Native&diff=244332235&oldid=prev InternetArchiveBot: InternetArchiveBot hat 1 Archivlink(s) ergänzt und 0 Link(s) als defekt/tot markiert.) #IABot (v2.0.9.5 2024-04-23T15:05:44Z <p><a href="/wiki/Benutzer:InternetArchiveBot" title="Benutzer:InternetArchiveBot">InternetArchiveBot</a> hat 1 Archivlink(s) ergänzt und 0 Link(s) als defekt/tot markiert.) #IABot (v2.0.9.5</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 23. April 2024, 17:05 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 13:</td> <td colspan="2" class="diff-lineno">Zeile 13:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''React Native''' ist ein [[Open Source|quelloffenes]] [[Benutzerschnittstelle|UI]]-[[Framework]] zur Erstellung von Anwendungen für [[Android (Betriebssystem)|Android]],&lt;ref&gt;{{Internetquelle |titel=Android Release for React Native |datum=2015-09-14|abruf=2023-09-09|url=https://code.facebook.com/posts/1189117404435352/react-native-for-android-how-we-built-the-first-cross-platform-react-native-app/|sprache=en}}&lt;/ref&gt;&lt;ref name="CNET"&gt;{{Internetquelle |autor=Stephen Shankland|titel=Mozilla's radical open-source move helped rewrite rules of tech |datum=2018-03-29 |url=https://www.cnet.com/culture/mozilla-open-source-firefox-move-helped-rewrite-tech-rules-anniversary/ |abruf=2023-09-09|werk=[[CNET]]|sprache=en}}&lt;/ref&gt; [[Android TV]],&lt;ref&gt;{{Internetquelle |titel=Building For TV Devices · React Native |sprache=en |url=https://reactnative.dev/docs/building-for-tv |werk=reactnative.dev |abruf=2023-09-09}}&lt;/ref&gt; [[IOS (Betriebssystem)|iOS]],&lt;ref name="CNET" /&gt; [[macOS]],&lt;ref name="react-native-windows"&gt;{{Internetquelle |titel=React Native for Windows + macOS · Build native Windows &amp; macOS apps with Javascript and React |url=https://microsoft.github.io/react-native-windows/ |werk=microsoft.github.io |abruf=2023-09-09|sprache=en}}&lt;/ref&gt; [[tvOS]],&lt;ref&gt;{{Internetquelle |titel=React Native for Apple TV |sprache=en|url=https://dlowder-salesforce.github.io/react-native-apple-tv/ |abruf=2023-09-09}}&lt;/ref&gt; [[Website|Web]],&lt;ref&gt;{{Internetquelle |titel=React Native for Web |url=https://github.com/necolas/react-native-web/ |werk=[[GitHub]] |abruf=2023-09-09|sprache=en}}&lt;/ref&gt; [[Microsoft Windows|Windows]]&lt;ref name="react-native-windows" /&gt; und [[Universal Windows Platform|UWP]]&lt;ref&gt;{{Internetquelle |autor=Windows Apps Team |titel=React Native on the Universal Windows Platform |datum=13. April 2016|url=https://blogs.windows.com/buildingapps/2016/04/13/react-native-on-the-universal-windows-platform/ |werk=blogs.windows.com |abruf=2023-09-09|sprache=en}}&lt;/ref&gt;, welches von [[Meta Platforms|Meta Platforms, Inc.]]&lt;ref&gt;{{Internetquelle |titel=Chapter 1. What Is React Native? |hrsg=[[O’Reilly Verlag|O’Reilly Media, Inc.]] |url=https://www.oreilly.com/library/view/learning-react-native/9781491929049/ch01.html |werk=oreilly.com |abruf=2023-09-09|sprache=en}}&lt;/ref&gt; entwickelt wird. Es ermöglicht Entwicklern, native Systemfunktionen bei der Entwicklung mit dem [[React|React-Framework]] zu verwenden.&lt;ref&gt;{{Internetquelle |titel=Out-of-Tree Platforms |hrsg=Facebook, Inc. |url=https://reactnative.dev/docs/out-of-tree-platforms |werk=reactnative.dev |abruf=2023-09-09|sprache=en}}&lt;/ref&gt; Es wird unter anderem bei Facebook, Microsoft und Shopify zur Entwicklung der eigenen Android- und iOS-Apps verwendet.&lt;ref&gt;{{Internetquelle |titel=React Native Showcase |sprache=en |url=https://reactnative.dev/showcase.html |werk=reactnative.dev |abruf=2023-09-09}}&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''React Native''' ist ein [[Open Source|quelloffenes]] [[Benutzerschnittstelle|UI]]-[[Framework]] zur Erstellung von Anwendungen für [[Android (Betriebssystem)|Android]],&lt;ref&gt;{{Internetquelle |titel=Android Release for React Native |datum=2015-09-14|abruf=2023-09-09|url=https://code.facebook.com/posts/1189117404435352/react-native-for-android-how-we-built-the-first-cross-platform-react-native-app/|sprache=en}}&lt;/ref&gt;&lt;ref name="CNET"&gt;{{Internetquelle |autor=Stephen Shankland|titel=Mozilla's radical open-source move helped rewrite rules of tech |datum=2018-03-29 |url=https://www.cnet.com/culture/mozilla-open-source-firefox-move-helped-rewrite-tech-rules-anniversary/ |abruf=2023-09-09|werk=[[CNET]]|sprache=en}}&lt;/ref&gt; [[Android TV]],&lt;ref&gt;{{Internetquelle |titel=Building For TV Devices · React Native |sprache=en |url=https://reactnative.dev/docs/building-for-tv |werk=reactnative.dev |abruf=2023-09-09}}&lt;/ref&gt; [[IOS (Betriebssystem)|iOS]],&lt;ref name="CNET" /&gt; [[macOS]],&lt;ref name="react-native-windows"&gt;{{Internetquelle |titel=React Native for Windows + macOS · Build native Windows &amp; macOS apps with Javascript and React |url=https://microsoft.github.io/react-native-windows/ |werk=microsoft.github.io |abruf=2023-09-09|sprache=en}}&lt;/ref&gt; [[tvOS]],&lt;ref&gt;{{Internetquelle |titel=React Native for Apple TV |sprache=en<ins style="font-weight: bold; text-decoration: none;"> </ins>|url=https://dlowder-salesforce.github.io/react-native-apple-tv/ |abruf=2023-09-09<ins style="font-weight: bold; text-decoration: none;"> |archiv-url=https://web.archive.org/web/20200921042522/https://dlowder-salesforce.github.io/react-native-apple-tv/ |archiv-datum=2020-09-21 |offline=ja |archiv-bot=2024-04-23 15:05:44 InternetArchiveBot </ins>}}&lt;/ref&gt; [[Website|Web]],&lt;ref&gt;{{Internetquelle |titel=React Native for Web |url=https://github.com/necolas/react-native-web/ |werk=[[GitHub]] |abruf=2023-09-09|sprache=en}}&lt;/ref&gt; [[Microsoft Windows|Windows]]&lt;ref name="react-native-windows" /&gt; und [[Universal Windows Platform|UWP]]&lt;ref&gt;{{Internetquelle |autor=Windows Apps Team |titel=React Native on the Universal Windows Platform |datum=13. April 2016|url=https://blogs.windows.com/buildingapps/2016/04/13/react-native-on-the-universal-windows-platform/ |werk=blogs.windows.com |abruf=2023-09-09|sprache=en}}&lt;/ref&gt;, welches von [[Meta Platforms|Meta Platforms, Inc.]]&lt;ref&gt;{{Internetquelle |titel=Chapter 1. What Is React Native? |hrsg=[[O’Reilly Verlag|O’Reilly Media, Inc.]] |url=https://www.oreilly.com/library/view/learning-react-native/9781491929049/ch01.html |werk=oreilly.com |abruf=2023-09-09|sprache=en}}&lt;/ref&gt; entwickelt wird. Es ermöglicht Entwicklern, native Systemfunktionen bei der Entwicklung mit dem [[React|React-Framework]] zu verwenden.&lt;ref&gt;{{Internetquelle |titel=Out-of-Tree Platforms |hrsg=Facebook, Inc. |url=https://reactnative.dev/docs/out-of-tree-platforms |werk=reactnative.dev |abruf=2023-09-09|sprache=en}}&lt;/ref&gt; Es wird unter anderem bei Facebook, Microsoft und Shopify zur Entwicklung der eigenen Android- und iOS-Apps verwendet.&lt;ref&gt;{{Internetquelle |titel=React Native Showcase |sprache=en |url=https://reactnative.dev/showcase.html |werk=reactnative.dev |abruf=2023-09-09}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Geschichte ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Geschichte ==</div></td> </tr> </table> InternetArchiveBot https://de.wikipedia.org/w/index.php?title=React_Native&diff=239558494&oldid=prev Aka: doppelten Link entfernt, Links normiert, Kleinkram 2023-11-28T21:07:58Z <p>doppelten Link entfernt, Links normiert, Kleinkram</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 28. November 2023, 23:07 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 25:</td> <td colspan="2" class="diff-lineno">Zeile 25:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Die Funktionsweise von React Native ist quasi identisch zu [[React]], mit der Ausnahme, dass React Native nicht den [[Document Object Model|DOM]] über den „[[React|Virtual DOM]]“ manipuliert. Der vom Entwickler geschriebene JavaScript-Code wird in einem [[Hintergrundprozess]] direkt auf dem Endgerät interpretiert. Die Kommunikation zwischen dem JavaScript-Code und dem Betriebssystem erfolgt über [[Serialisierung|serialisierte Daten]], welche gestapelt über eine asynchrone Brücke ausgetauscht werden.&lt;ref&gt;{{Internetquelle |autor=Tadeu Zagallo| titel=Bridging in React Native |datum=2015-10-14|url=https://tadeuzagallo.com/blog/react-native-bridge/ |abruf=2023-09-09|sprache=en}}&lt;/ref&gt;&lt;ref&gt;{{Internetquelle |titel=How we build React Native app: 7 things which save your development time. Part 2 |url=https://blog.uptech.team/how-we-build-apps-on-react-native-part-2-7-things-you-should-know-to-save-your-development-time-944533f81c03 |abruf=2023-09-09|sprache=en}}&lt;/ref&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Die Funktionsweise von React Native ist quasi identisch zu [[React]], mit der Ausnahme, dass React Native nicht den [[Document Object Model|DOM]] über den „[[React|Virtual DOM]]“ manipuliert. Der vom Entwickler geschriebene JavaScript-Code wird in einem [[Hintergrundprozess]] direkt auf dem Endgerät interpretiert. Die Kommunikation zwischen dem JavaScript-Code und dem Betriebssystem erfolgt über [[Serialisierung|serialisierte Daten]], welche gestapelt über eine asynchrone Brücke ausgetauscht werden.&lt;ref&gt;{{Internetquelle |autor=Tadeu Zagallo| titel=Bridging in React Native |datum=2015-10-14|url=https://tadeuzagallo.com/blog/react-native-bridge/ |abruf=2023-09-09|sprache=en}}&lt;/ref&gt;&lt;ref&gt;{{Internetquelle |titel=How we build React Native app: 7 things which save your development time. Part 2 |url=https://blog.uptech.team/how-we-build-apps-on-react-native-part-2-7-things-you-should-know-to-save-your-development-time-944533f81c03 |abruf=2023-09-09|sprache=en}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>React-Komponenten abstrahieren den nativen Code und interagieren mit System-APIs mittels dem [[Deklarative Programmierung|deklarativem UI-Programmierparadigma]] von React sowie [[JavaScript]]. [[TypeScript]] wird bei der Entwicklung moderner React Native Apps aufgrund der erhöhten Typsicherheit jedoch oft gegenüber <del style="font-weight: bold; text-decoration: none;">[[</del>JavaScript<del style="font-weight: bold; text-decoration: none;">]]</del> bevorzugt.&lt;ref name="typescript"&gt;{{Internetquelle |titel=Using TypeScript |hrsg=Meta Platforms, Inc. |url=https://reactnative.dev/docs/typescript |werk=reactnative.dev |abruf=2023-09-09|sprache=en}}&lt;/ref&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>React-Komponenten abstrahieren den nativen Code und interagieren mit System-APIs mittels dem [[Deklarative Programmierung|deklarativem UI-Programmierparadigma]] von React sowie [[JavaScript]]. [[TypeScript]] wird bei der Entwicklung moderner React Native Apps aufgrund der erhöhten Typsicherheit jedoch oft gegenüber JavaScript bevorzugt.&lt;ref name="typescript"&gt;{{Internetquelle |titel=Using TypeScript |hrsg=Meta Platforms, Inc. |url=https://reactnative.dev/docs/typescript |werk=reactnative.dev |abruf=2023-09-09|sprache=en}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Obwohl das Styling in React Native eine ähnliche Syntax zu CSS nutzt, verwendet es kein [[Hypertext Markup Language|HTML]] oder [[Cascading Style Sheets|CSS]]. &lt;ref&gt;{{Internetquelle |titel=React Native Style |url=https://reactnative.dev/docs/style |abruf=2023-09-09|sprache=en|werk=reactnative.dev}}&lt;/ref&gt; Stattdessen werden den React-Komponenten die Styling-Regeln direkt im JavaScript-Code in Form eines Attributs zugewiesen.</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Obwohl das Styling in React Native eine ähnliche Syntax zu CSS nutzt, verwendet es kein [[Hypertext Markup Language|HTML]] oder [[Cascading Style Sheets|CSS]]. &lt;ref&gt;{{Internetquelle |titel=React Native Style |url=https://reactnative.dev/docs/style |abruf=2023-09-09|sprache=en|werk=reactnative.dev}}&lt;/ref&gt; Stattdessen werden den React-Komponenten die Styling-Regeln direkt im JavaScript-Code in Form eines Attributs zugewiesen.</div></td> </tr> <tr> <td colspan="2" class="diff-lineno">Zeile 38:</td> <td colspan="2" class="diff-lineno">Zeile 38:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>const HelloWorldApp = () =&gt; {</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>const HelloWorldApp = () =&gt; {</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> const [count, setCount] = React.useState(0);</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> const [count, setCount] = React.useState(0);</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> const incrementCount = () =&gt; {</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> const incrementCount = () =&gt; {</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> setCount(count + 1);</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> setCount(count + 1);</div></td> </tr> <tr> <td colspan="2" class="diff-lineno">Zeile 76:</td> <td colspan="2" class="diff-lineno">Zeile 76:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:Programmierung]]</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:Programmierung]]</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:<del style="font-weight: bold; text-decoration: none;">Meta_Platforms</del>]]</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:<ins style="font-weight: bold; text-decoration: none;">Meta Platforms</ins>]]</div></td> </tr> </table> Aka https://de.wikipedia.org/w/index.php?title=React_Native&diff=237666902&oldid=prev Venuswind: Typo 2023-09-26T21:38:02Z <p>Typo</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 26. September 2023, 23:38 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 29:</td> <td colspan="2" class="diff-lineno">Zeile 29:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Obwohl das Styling in React Native eine ähnliche Syntax zu CSS nutzt, verwendet es kein [[Hypertext Markup Language|HTML]] oder [[Cascading Style Sheets|CSS]]. &lt;ref&gt;{{Internetquelle |titel=React Native Style |url=https://reactnative.dev/docs/style |abruf=2023-09-09|sprache=en|werk=reactnative.dev}}&lt;/ref&gt; Stattdessen werden den React-Komponenten die Styling-Regeln direkt im JavaScript-Code in Form eines Attributs zugewiesen.</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Obwohl das Styling in React Native eine ähnliche Syntax zu CSS nutzt, verwendet es kein [[Hypertext Markup Language|HTML]] oder [[Cascading Style Sheets|CSS]]. &lt;ref&gt;{{Internetquelle |titel=React Native Style |url=https://reactnative.dev/docs/style |abruf=2023-09-09|sprache=en|werk=reactnative.dev}}&lt;/ref&gt; Stattdessen werden den React-Komponenten die Styling-Regeln direkt im JavaScript-Code in Form eines Attributs zugewiesen.</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>React Native ist auch für [[Microsoft Windows|Windows]] <del style="font-weight: bold; text-decoration: none;">and</del> [[macOS]] verfügbar. Die entsprechenden Entwicklungswerkzeuge werden jeweils von [[Microsoft]] entwickelt.&lt;ref name="react-native-windows" /&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>React Native ist auch für [[Microsoft Windows|Windows]] <ins style="font-weight: bold; text-decoration: none;">und</ins> [[macOS]] verfügbar. Die entsprechenden Entwicklungswerkzeuge werden jeweils von [[Microsoft]] entwickelt.&lt;ref name="react-native-windows" /&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== „Hello World!“ Beispiel ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== „Hello World!“ Beispiel ==</div></td> </tr> </table> Venuswind https://de.wikipedia.org/w/index.php?title=React_Native&diff=237560732&oldid=prev GünniX: typo 2023-09-23T05:52:13Z <p>typo</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 23. September 2023, 07:52 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 27:</td> <td colspan="2" class="diff-lineno">Zeile 27:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>React-Komponenten abstrahieren den nativen Code und interagieren mit System-APIs mittels dem [[Deklarative Programmierung|deklarativem UI-Programmierparadigma]] von React sowie [[JavaScript]]. [[TypeScript]] wird bei der Entwicklung moderner React Native Apps aufgrund der erhöhten Typsicherheit jedoch oft gegenüber [[JavaScript]] bevorzugt.&lt;ref name="typescript"&gt;{{Internetquelle |titel=Using TypeScript |hrsg=Meta Platforms, Inc. |url=https://reactnative.dev/docs/typescript |werk=reactnative.dev |abruf=2023-09-09|sprache=en}}&lt;/ref&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>React-Komponenten abstrahieren den nativen Code und interagieren mit System-APIs mittels dem [[Deklarative Programmierung|deklarativem UI-Programmierparadigma]] von React sowie [[JavaScript]]. [[TypeScript]] wird bei der Entwicklung moderner React Native Apps aufgrund der erhöhten Typsicherheit jedoch oft gegenüber [[JavaScript]] bevorzugt.&lt;ref name="typescript"&gt;{{Internetquelle |titel=Using TypeScript |hrsg=Meta Platforms, Inc. |url=https://reactnative.dev/docs/typescript |werk=reactnative.dev |abruf=2023-09-09|sprache=en}}&lt;/ref&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Obwohl das Styling in React Native eine ähnliche Syntax zu CSS nutzt, verwendet es kein [[Hypertext Markup Language|HTML]] oder [[Cascading Style Sheets|CSS]]. &lt;ref&gt;{{Internetquelle |titel=React Native Style |url=https://reactnative.dev/docs/style |abruf=2023-09-09|sprache=en|werk=reactnative.dev}}&lt;/ref&gt; <del style="font-weight: bold; text-decoration: none;">Statt dessen</del> werden den React-Komponenten die Styling-Regeln direkt im JavaScript-Code in Form eines Attributs zugewiesen.</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Obwohl das Styling in React Native eine ähnliche Syntax zu CSS nutzt, verwendet es kein [[Hypertext Markup Language|HTML]] oder [[Cascading Style Sheets|CSS]]. &lt;ref&gt;{{Internetquelle |titel=React Native Style |url=https://reactnative.dev/docs/style |abruf=2023-09-09|sprache=en|werk=reactnative.dev}}&lt;/ref&gt; <ins style="font-weight: bold; text-decoration: none;">Stattdessen</ins> werden den React-Komponenten die Styling-Regeln direkt im JavaScript-Code in Form eines Attributs zugewiesen.</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>React Native ist auch für [[Microsoft Windows|Windows]] and [[macOS]] verfügbar. Die entsprechenden Entwicklungswerkzeuge werden jeweils von [[Microsoft]] entwickelt.&lt;ref name="react-native-windows" /&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>React Native ist auch für [[Microsoft Windows|Windows]] and [[macOS]] verfügbar. Die entsprechenden Entwicklungswerkzeuge werden jeweils von [[Microsoft]] entwickelt.&lt;ref name="react-native-windows" /&gt;</div></td> </tr> </table> GünniX https://de.wikipedia.org/w/index.php?title=React_Native&diff=237180598&oldid=prev Venuswind: Hello World Beispiel korrigiert 2023-09-10T00:57:12Z <p>Hello World Beispiel korrigiert</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 10. September 2023, 02:57 Uhr</td> </tr><tr> <td colspan="2" class="diff-lineno">Zeile 33:</td> <td colspan="2" class="diff-lineno">Zeile 33:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== „Hello World!“ Beispiel ==</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== „Hello World!“ Beispiel ==</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Ein „[[Hallo-Welt-Programm|Hello World!]]“ Programm mit einem einfachen Zähler kann in React Native wie folgt implementiert werden:&lt;syntaxhighlight lang="js" line="1"&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Ein „[[Hallo-Welt-Programm|Hello World!]]“ Programm mit einem einfachen Zähler kann in React Native wie folgt implementiert werden:&lt;syntaxhighlight lang="js" line="1"&gt;</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>import { AppRegistry, Text } from 'react-native';</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>import { AppRegistry, Text<ins style="font-weight: bold; text-decoration: none;">, View, Button</ins> } from 'react-native';</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>import * as React from 'react';</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>import * as React from 'react';</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td colspan="2" class="diff-lineno">Zeile 44:</td> <td colspan="2" class="diff-lineno">Zeile 44:</td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br /></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> return (</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> return (</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> &lt;<del style="font-weight: bold; text-decoration: none;">div</del>&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> &lt;<ins style="font-weight: bold; text-decoration: none;">View</ins>&gt;</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;Text&gt;Hello World!&lt;/Text&gt;</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> &lt;Text&gt;Hello World!&lt;/Text&gt;</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> &lt;<del style="font-weight: bold; text-decoration: none;">h5</del>&gt;{count}&lt;/<del style="font-weight: bold; text-decoration: none;">h5</del>&gt;</div></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> &lt;<ins style="font-weight: bold; text-decoration: none;">Text</ins>&gt;{count}&lt;/<ins style="font-weight: bold; text-decoration: none;">Text</ins>&gt;</div></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker" data-marker="+"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> &lt;Button onPress={incrementCount} title="Zähler erhöhen" /&gt;</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> &lt;button type={'button'} onClick={incrementCount}&gt;</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td colspan="2" class="diff-empty diff-side-deleted"></td> <td class="diff-marker"><a class="mw-diff-movedpara-right" title="Der Absatz wurde verschoben. Klicken, um zur alten Stelle zu springen." href="#movedpara_10_1_lhs">&#x26AB;</a></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><a name="movedpara_8_0_rhs"></a> &lt;/<ins style="font-weight: bold; text-decoration: none;">View</ins>&gt;</div></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> Increase Count</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td class="diff-marker" data-marker="−"></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> &lt;/button&gt;</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td class="diff-marker"><a class="mw-diff-movedpara-left" title="Der Absatz wurde verschoben. Klicken, um zur neuen Stelle zu springen." href="#movedpara_8_0_rhs">&#x26AB;</a></td> <td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><a name="movedpara_10_1_lhs"></a> &lt;/<del style="font-weight: bold; text-decoration: none;">div</del>&gt;</div></td> <td colspan="2" class="diff-empty diff-side-added"></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> );</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> );</div></td> </tr> <tr> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td> <td class="diff-marker"></td> <td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td> </tr> </table> Venuswind