Was ist ReactJS?
Hey, mein Name ist Rajdeep Singh. Derzeit bin ich ein Front-Entwickler in Indien.
Im Serienbeitrag erzähle ich Ihnen von „react.js“.
Agenda
- Was ist ReactJS?
- Geboren
- Warum wir React Js verwenden
- Zukunft von React.js?
- So installieren Sie respond.js
- Wie lernt man
- Demo
- FAQ
Lernen Sie Javascript ES6 ECMAScript 2015 Klicken Sie hier
Was ist React.js?
Simple React.js ist eine Open-Source-JavaScript-Bibliothek, die zum Erstellen von Benutzeroberflächen speziell für Single-Page-Anwendungen verwendet wird.
Es wird für die Handhabung der Ansichtsebene für Web- und mobile Apps verwendet. Mit React können wir auch wiederverwendbare UI-Komponenten erstellen.
Geboren:
React wurde von Jordan Walke, einem Softwareentwickler bei Facebook, entwickelt, der einen frühen Prototyp von React namens „FaxJS“ veröffentlichte.
Es wurde erstmals 2011 im News Feed von Facebook und später 2012 auf Instagram verwendet. Es wurde im Mai 2013 auf der JSConf US als Open Source bereitgestellt.
VersionVeröffentlichungsdatumÄnderungen0.3.029 Mai 2013Erste öffentliche Veröffentlichung16.12.014.November 2019Behebung von Lazy Load und VerwendungEffekt
Warum verwenden wir React Js?
Wir diskutieren Basis zu einigen Punkten:
- Open-Source-JavaScript-Bibliothek
- UI-Komponenten wiederverwenden.
- Single-Page-Anwendungen
- Laden Sie Daten, ohne Ihre Webseite neu zu laden
- Große Entwickler-Community
Mehr lesen: Verwendung von React JS
Zukunft von React.js?
Ich denke, das Produkt von require.js zur Problemlösung, damit die Zukunft von respond.js rosig ist.
React.js 5-Funktion im experimentellen Modus :
- Einführung des gleichzeitigen Modus
- Suspense wegen Datenabrufs
- Gleichzeitige UI-Muster
- Übernahme des gleichzeitigen Modus
- API-Referenz für den gleichzeitigen Modus
So installieren Sie respond.js
Bei der Installation von „react.js“ in Ihrem Projekt. für den Fall, dass „react.js“ dem Entwickler zwei Möglichkeiten bietet, „raect.js“ zu verwenden
- CDN-Links
- NPM
CDN bedeutet Content Delivery Network. Verwenden Sie die CDN-Build-Website ohne Verwendung von NPM-commend .
Zwei Typen:
1. Entwicklungs-CDN:
Entwicklung CDN verwendet nur für die Entwicklungsphase.
Meinen Sie, wann Ihre App-Codierungsphase ist
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
Produktions-CDN Verkleinerte und optimierte Produktionsversionen von React sind für Sie verfügbar.
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
02. NPM:
NPM bedeutet Node Package Manager.
Wenn Sie node.js in Ihrer machine.node.js installieren, stellen Sie NPM bereit
Verwenden Sie das NPM-Befehls-Build-React-Projekt sehr einfach und unkompliziert
Hinweis: NPM ist in Ihrem Laptop erforderlich.
npx create-react-app my-app
Wie lernt man?
React.js ist sehr einfach zu erlernen, da React.js in Javascript schreiben
Viele Plattformen bieten kostenloses Lernen an
- Webseite
- Youtube
- Artikel
- Hilfe
- Reagieren/Redux-Links
- W3schools
- Geeksforgeeks
- Scrimba
- Javatpoint
- Wiedergabeliste
- Mittel
- Paketüberfluss
- Quote
01. CDN-Demo
02. NPM-Demo:
Ordner str bei Verwendung des NPM-Befehls
Demo auf Codesandbox.io
FAQ
Was ist der beste Editor, um React- und React-Native-Code zu schreiben?
Sie verwenden einen beliebigen Editor wie vscode, Atom, Sublime Text und Nuclid.
Was ist einfach zu erlernen, AngularJS, React JS oder Vue.js?
React.js ist meiner Meinung nach ein sehr einfacher Vergleich zwischen AngularJs und Vue.js.
Was ist der Unterschied zwischen Angular und React.js
React.js ist eine Codebibliothek wie eine Buchbibliothek, aber eckiges js ist ein Framework.
Bester Online-Code-Editor für respond.js?
Der einzige offene Code-Editor, den ich bevorzuge, ist Codesandbox
Fazit
Meine Schlussfolgerung zu „react.js“ ist unkompliziert, einfach zu erlernen, einfach zu verwendende Komponentenbibliothek, One-Page-Anwendung und Open Source.
Lesen Sie immer die offiziellen Docs-Reactjs.org
Anregung
Alle Vorschläge und Fragen sagen Sie mir im Kommentarbereich. Was ist falsch
Weiterlesen
Wie lese ich eine lokale JSON-Datei in React Js?Kontaktiere mich:
- https://www.facebook.com/officialrajdeepsingh/
- https://www.officialrajdeepsingh.dev/
- [email protected]
Suggested posts
Die verheerenden Folgen eines Schlaganfalls vermeiden: Aus der Reise einer Familie lernen.
Einleitung Ein Schlaganfall ist ein medizinischer Notfall, der jeden jederzeit treffen kann. Sie tritt auf, wenn die Durchblutung eines Teils des Gehirns gestört ist, was zu einem plötzlichen Verlust der Gehirnfunktion führt.
Meine am häufigsten verwendeten Codierungsressourcen
Diese Woche erhielt ich eine E-Mail von einem Mitglied der täglichen E-Mail-Liste. Sie wollten wissen: Welche Ressourcen besuchen Sie täglich, wöchentlich und monatlich? Tolle Frage! Ich versuche gerne, einige Einblicke in meinen Arbeitsablauf und die wichtigsten Ressourcen, die ich verwende, mit Ihnen zu teilen.
Related posts
Die „Learning at Work Week“ ist wichtiger als Sie denken
Es fällt uns oft schwer, das umzusetzen, von dem wir wissen, dass es gut für uns ist. Von der Aussage, dass wir einen Lebensgefährten lieben, bis hin zur Erinnerung daran, wie ein Pirat zu reden – es wird immer diejenigen geben, die behaupten, dass ein Tag, eine Woche oder ein Monat voller Ereignisse nicht nötig sei, weil sie diese Dinge bereits tun.
Gefährliche Gespräche
Wenn wir auf diesem Planeten weiterhin erfolgreich sein wollen, müssen wir gefährliche Gespräche führen. Diejenigen, die das in Frage stellen, was wir getan haben, was wir tun und was wir derzeit weiterhin tun werden (oder planen).
Netzwerk-TV Twitter
Was alt ist, ist jetzt wieder neu und was früher das glitzernde, glänzende Ding war, fühlt sich jetzt langweilig an. Ich spreche nicht davon, dass JNCO-Jeans zusammen mit anderen Modetrends der späten 1990er Jahre unter den coolen Kids in der Innenstadt ein Comeback erleben.