[S7L1] React Tooling Flashcards
Wie checkt man die Version von NodeJS und welche sollte man für React besitzen?
node –v
Mindestens 8.1+
Wie check man die Version von NPM und welche sollte man für React besitzen?
npm –v
Mindestens 5.2+
Wie erstellt man ein neues React Project?
npx create-react-app my-example-project
Braucht man Yarn für React?
Nein, create react app benutzt yarn intern, aber es wird nicht benötigt um React zu nutzen.
Wie kann man das Projekt starten?
Mit npm start
Wie installiert man andere libraries für React?
Im Terminal npm install –save libraryname
Danach ist die Dependency im package.json
Kann danach mit import xxx from ‘./lxx’; importiert werden
Was sind Types in JavaScript?
Number (42) Boolean (true, false) String ('Hello World') Object ({ tasK: 'Learn React' }, [1, 'foo']) undefined (undefined) Null (null)
Was sind Types in JavaScript?
Number (42) Boolean (true, false) String ('Hello World') Object ({ tasK: 'Learn React' }, [1, 'foo']) undefined (undefined) Null (null) Symbol (const Symbol = Symbol('foo');
Sind Arrays in JavaScript Objects?
JA! Fast alles ist ein Object
Was ist undefined in JavaScript?
-Ein Platzhalter für einen Wert der noch nicht im Memory zugewiesen wurde
Was ist Null in JavaScript?
-Kann ein ValueType sein
Was ist die React Tool Fatigue?
- Bevor es CRA(Create React App) gab musste man jedes Projekt von Scratch auf neu bauen und alle Dependies und Tools einbinden.
- Damit hatten viele Developer Probleme und verloren die Lust überhaupt neue Projekte aufzubauen
- War mal ein Teil von NPM wurde aber entfernt
Was ist npx?
Kommt mit npm und ist ähnlich zu yarn
Wie switched man von Yarn zu npm?
- Löschen von yarn.lock
- Löschen von npm_modules Ordner
- Dann im Projektordner mit npm install die dependencies installen
Warum benutzt man PropTypes?
-Um Types zu checken von Props
Wie nutzt man PropTypes?
import PropTypes from ‘prop-types’;
Pokemon.propTypes = {
pokemon: PropTypes.array
};
WIe installiert man PropTypes in Visual Code?
npm install -.-.save prop-types
yarn add prop-types
Wo kommen die PropTypes hin?
-Immer in die Datei die die Props anzeigt
Was sind TypeScript oder Flow?
-Third Party Libraries die JavaScript erweitern, um TypeChecking durchzuführen
Was erlaubt Props-Types?
-Erlaubt es manche Daten wie z.B. Props auf ihre Types zu checken
Läuft PropsType auch in Production Environment?
Nein! Nur in Development!
Was nutzt man wenn ein Prop ein Object ist?
PropTypes.shape({item: PropTypes.string})
Was nutzt man wenn ein Prop ein Array ist?
PropTypes.arrayOf(PropTypes.string)