Tartalomjegyzék

< React Native

JavaScript

Bevezetés

JavaScript ismeretek, amit érdemes tudni mielőtt elkezdjük a React Native fejlesztést.

Modulok NodeJS esetén

Ismételjük át a modulhasználatot JavaScriptben.

Állítsuk be a package.json fájlban típusnak a module-t:

package.json
...
  "main": "app.js",
  "type": "module",
...

Legyen a példa kedvéért egy employees modul:

employees.js
let names = ['Bari Bálint', 'Penge Irén', 'Páros Ferenc'];
let cities = ['Szeged', 'Szolnok', 'Miskolc'];

A modult importálással használjuk:

app.js
import { names } from './modules/employees.js';
import cities from './modules/employees.js';
 
console.log(names[0]);
console.log(cities[0]);

Modul böngészőben

index.html
<!DOCTYPE html>
<html lang="hu">
<head>
    <meta charset="UTF-8">
    <title>Modul</title>
</head>
<body>
    <h1>Modul</h1>
    <script type="module" src="app.js"></script>
</body>
</html>
employees.js
let names = ['Bari Bálint', 'Penge Irén', 'Páros Ferenc'];
let cities = ['Szeged', 'Szolnok', 'Miskolc'];
app.js
import { names } from './modules/employees.js';
import cities from './modules/employees.js';
 
console.log(names[0]);
console.log(cities[0]);

Függvény exportálása

Ismételjük át, hogyan exportálunk függvényeket JavaScript nyelven.

Legyen egy show() függvénye amit szeretnénk exportálni:

employees.js
export default function show() {
    return "Nagy János";
}

A show függvény importálása:

app.js
import show from './modules/employees.js';
console.log(show());

Osztály exportálása

Nézzünk példát osztályok exportálására, importálására. 

  "main": "app.js",
  "type": "module",
employee.js
export class Employee {
    static create(name) {
        return 'hello' + name;
    }
}
app.js
import { Employee } from "./modules/employee.js";
 
const egy = Employee.create('Para Béla'); 
 
console.log(egy);